@influxdata/clockface
Advanced tools
@influxdata/clockface - npm Package Compare versions
Comparing version 0.0.9 to 0.0.10
| import { Component } from 'react'; | ||
| import './Alert.scss'; | ||
| import { ComponentColor, IconFont } from '../../Types'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Alert color */ | ||
@@ -13,6 +9,9 @@ color: ComponentColor; | ||
| icon?: IconFont; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| export declare class Alert extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -19,0 +18,0 @@ private readonly className; |
| import { Component, MouseEvent, RefObject } from 'react'; | ||
| import './Button.scss'; | ||
| import { ComponentStatus, ComponentColor, ComponentSize, ButtonShape, IconFont, ButtonType } from '../../Types'; | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Text to be displayed on button */ | ||
@@ -17,22 +17,27 @@ text?: string; | ||
| customClass?: string; | ||
| } | ||
| interface DefaultProps { | ||
| /** Button color */ | ||
| color?: ComponentColor; | ||
| color: ComponentColor; | ||
| /** Button size */ | ||
| size?: ComponentSize; | ||
| size: ComponentSize; | ||
| /** Square or rectangle */ | ||
| shape?: ButtonShape; | ||
| shape: ButtonShape; | ||
| /** Button status state default, loading, or disabled */ | ||
| status?: ComponentStatus; | ||
| status: ComponentStatus; | ||
| /** Toggles button highlighted active state */ | ||
| active?: boolean; | ||
| active: boolean; | ||
| /** Button type of 'button' or 'submit' */ | ||
| type?: ButtonType; | ||
| type: ButtonType; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| declare type Props = PassedProps & DefaultProps; | ||
| export declare class Button extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| color: ComponentColor; | ||
| size: ComponentSize; | ||
| shape: ButtonShape; | ||
| status: ComponentStatus; | ||
| active: boolean; | ||
| type: ButtonType; | ||
| testID: ButtonType; | ||
| }; | ||
| ref: RefObject<HTMLButtonElement>; | ||
@@ -39,0 +44,0 @@ render(): JSX.Element; |
| import { Component } from 'react'; | ||
| import { ComponentStatus, Color } from '../../Types'; | ||
| import './ColorPicker.scss'; | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** currently selected color */ | ||
@@ -9,12 +9,9 @@ color: string; | ||
| onChange: (color: string, status?: ComponentStatus) => void; | ||
| } | ||
| interface DefaultProps { | ||
| /** Array of colors to be displayed in color picker */ | ||
| colors?: Color[]; | ||
| colors: Color[]; | ||
| /** Prevent focus from leaving the input */ | ||
| maintainInputFocus?: boolean; | ||
| maintainInputFocus: boolean; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| declare type Props = PassedProps & DefaultProps; | ||
| interface State { | ||
@@ -24,3 +21,7 @@ errorMessage: string | null; | ||
| export declare class ColorPicker extends Component<Props, State> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| colors: Color[]; | ||
| maintainInputFocus: boolean; | ||
| testID: string; | ||
| }; | ||
| constructor(props: Props); | ||
@@ -27,0 +28,0 @@ render(): JSX.Element; |
| import { Component } from 'react'; | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Color name */ | ||
@@ -9,10 +9,9 @@ name: string; | ||
| onClick: (hex: string) => void; | ||
| } | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| declare type Props = PassedProps & DefaultProps; | ||
| export declare class ColorPickerSwatch extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -19,0 +18,0 @@ private handleClick; |
@@ -6,15 +6,15 @@ import { Component } from 'react'; | ||
| import './EmptyState.scss'; | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Class name for custom styles */ | ||
| customClass?: string; | ||
| } | ||
| interface DefaultProps { | ||
| /** Empty State component size */ | ||
| size?: ComponentSize; | ||
| size: ComponentSize; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| export declare class EmptyState extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| size: ComponentSize; | ||
| testID: string; | ||
| }; | ||
| static Text: typeof EmptyStateText; | ||
@@ -21,0 +21,0 @@ static SubText: typeof EmptyStateSubText; |
| import { Component } from 'react'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Secondary text to be displayed when no elements are loaded */ | ||
| text: string; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| export declare class EmptyStateSubText extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
| } | ||
| export {}; |
| import { Component } from 'react'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Primary text to be displayed when no elements are loaded */ | ||
@@ -11,8 +7,11 @@ text: string; | ||
| highlightWords?: string | string[]; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| export declare class EmptyStateText extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
| } | ||
| export {}; |
@@ -9,7 +9,3 @@ import React, { Component } from 'react'; | ||
| import './Form.scss'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Inline CSS styles */ | ||
@@ -21,6 +17,9 @@ style?: React.CSSProperties; | ||
| onSubmit?: (e: React.FormEvent) => void; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| export declare class Form extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| static ValidationElement: typeof FormValidationElement; | ||
@@ -27,0 +26,0 @@ static Element: typeof FormElement; |
| import { Component } from 'react'; | ||
| interface Props { | ||
| /** Class name for custom styles */ | ||
| className?: string; | ||
| className: string; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| export declare class FormBox extends Component<Props> { | ||
| static defaultProps: Props; | ||
| static defaultProps: { | ||
| className: string; | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
| } | ||
| export {}; |
| import { Component } from 'react'; | ||
| interface Props { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| export declare class FormDivider extends Component<Props> { | ||
| static defaultProps: Props; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
| } | ||
| export {}; |
| import { Component } from 'react'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Label Text */ | ||
@@ -17,6 +13,9 @@ label: string; | ||
| required?: boolean; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| export declare class FormElement extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -23,0 +22,0 @@ private readonly label; |
| import { Component } from 'react'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Text to be displayed on error */ | ||
| message: string; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| export declare class FormElementError extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -14,0 +13,0 @@ private readonly message; |
| import { Component } from 'react'; | ||
| import { Columns } from '../../Types'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| interface Props { | ||
| /** Number of columns spanned when viewport width is less than 750px */ | ||
| widthXS?: Columns; | ||
| } | ||
| interface PassedProps { | ||
| widthXS: Columns; | ||
| /** Number of columns spanned when viewport width is greater than 750px */ | ||
@@ -24,6 +20,10 @@ widthSM?: Columns; | ||
| offsetLG?: Columns; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| export declare class FormFooter extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| widthXS: Columns; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -30,0 +30,0 @@ private readonly className; |
| import { Component } from 'react'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Input discription or instruction text */ | ||
| text: string; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| export declare class FormHelpText extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
| } | ||
| export {}; |
| import { Component } from 'react'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Label Text */ | ||
@@ -11,6 +7,9 @@ label: string; | ||
| required?: boolean; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| export declare class FormLabel extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -17,0 +16,0 @@ private readonly requiredIndicator; |
| import React, { Component } from 'react'; | ||
| import { ComponentStatus } from '../../Types'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Child components */ | ||
@@ -24,4 +20,5 @@ children: (status: ComponentStatus) => React.ReactNode; | ||
| required?: boolean; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = DefaultProps & PassedProps; | ||
| interface State { | ||
@@ -32,3 +29,5 @@ errorMessage: string | null; | ||
| export declare class FormValidationElement extends Component<Props, State> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| constructor(props: Props); | ||
@@ -35,0 +34,0 @@ componentDidUpdate(prevProps: Props, prevState: State): void; |
@@ -7,6 +7,8 @@ import { Component } from 'react'; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| export declare class Grid extends Component<Props> { | ||
| static defaultProps: Props; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| static Row: typeof GridRow; | ||
@@ -13,0 +15,0 @@ static Column: typeof GridColumn; |
| import { Component } from 'react'; | ||
| import { Columns } from '../../Types'; | ||
| interface DefaultProps { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| interface Props { | ||
| /** Number of columns spanned when viewport width is less than 750px */ | ||
| widthXS?: Columns; | ||
| } | ||
| interface PassedProps { | ||
| widthXS: Columns; | ||
| /** Number of columns spanned when viewport width is greater than 750px */ | ||
@@ -24,6 +20,10 @@ widthSM?: Columns; | ||
| offsetLG?: Columns; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| declare type Props = PassedProps & DefaultProps; | ||
| export declare class GridColumn extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| widthXS: Columns; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -30,0 +30,0 @@ private readonly className; |
| import { Component } from 'react'; | ||
| interface Props { | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| export declare class GridRow extends Component<Props> { | ||
| static defaultProps: Props; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
| } | ||
| export {}; |
| import { Component } from 'react'; | ||
| import './Icon.scss'; | ||
| import { IconFont } from '../../Types'; | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Icon to display */ | ||
@@ -9,12 +8,11 @@ glyph: IconFont; | ||
| className?: string; | ||
| } | ||
| interface DefaultProps { | ||
| /** Used for unit and e2e tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| declare type Props = PassedProps & DefaultProps; | ||
| export declare class Icon extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
| } | ||
| export {}; |
@@ -10,3 +10,3 @@ import { Component, ChangeEvent, KeyboardEvent } from 'react'; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Unique text field ID */ | ||
@@ -40,32 +40,42 @@ id?: string; | ||
| tabIndex?: number; | ||
| } | ||
| interface DefaultProps { | ||
| /** Input type (text, number, password, email) */ | ||
| type?: InputType; | ||
| type: InputType; | ||
| /** Input field name attribute */ | ||
| name?: string; | ||
| name: string; | ||
| /** Input field value to be updated with 'on X' functions */ | ||
| value: string | number; | ||
| /** Placeholder text when no value is present */ | ||
| placeholder?: string; | ||
| placeholder: string; | ||
| /** Allows or disallows browser autocomplete functionality */ | ||
| autocomplete?: AutoComplete; | ||
| autocomplete: AutoComplete; | ||
| /** Text to be displayed on hover tooltip */ | ||
| titleText?: string; | ||
| titleText: string; | ||
| /** Text to be displayed on hover tooltip when radio button is disabled */ | ||
| disabledTitleText?: string; | ||
| disabledTitleText: string; | ||
| /** Input Component size */ | ||
| size?: ComponentSize; | ||
| size: ComponentSize; | ||
| /** Input status state */ | ||
| status?: ComponentStatus; | ||
| status: ComponentStatus; | ||
| /** Whether or not the input recieves autofocus when mounted */ | ||
| autoFocus?: boolean; | ||
| autoFocus: boolean; | ||
| /** Allows or disallows browser spellcheck functionality */ | ||
| spellCheck?: boolean; | ||
| spellCheck: boolean; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| declare type Props = PassedProps & DefaultProps; | ||
| export declare class Input extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| type: InputType; | ||
| name: string; | ||
| value: string; | ||
| placeholder: string; | ||
| titleText: string; | ||
| autocomplete: AutoComplete; | ||
| disabledTitleText: string; | ||
| size: ComponentSize; | ||
| status: ComponentStatus; | ||
| autoFocus: boolean; | ||
| spellCheck: boolean; | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -72,0 +82,0 @@ private readonly transformedValue; |
@@ -9,3 +9,3 @@ import { Component, ChangeEvent, KeyboardEvent } from 'react'; | ||
| } | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** Width of the text field in pixels */ | ||
@@ -31,36 +31,46 @@ widthPixels?: number; | ||
| onKeyDown?: (e: KeyboardEvent<HTMLTextAreaElement>) => void; | ||
| } | ||
| interface DefaultProps { | ||
| /** Allows or disallows browser autocomplete functionality */ | ||
| autocomplete?: AutoComplete; | ||
| autocomplete: AutoComplete; | ||
| /** Whether or not the input recieves autofocus when mounted */ | ||
| autoFocus?: boolean; | ||
| autoFocus: boolean; | ||
| /** Associates the text area with a form even if outside the form */ | ||
| form?: string; | ||
| form: string; | ||
| /** Maximum string length for input value */ | ||
| maxLength?: number | undefined; | ||
| maxLength?: number; | ||
| /** Minimum string length for input value */ | ||
| minLength?: number | undefined; | ||
| minLength?: number; | ||
| /** Input field name attribute */ | ||
| name?: string; | ||
| name: string; | ||
| /** Placeholder text when no value is present */ | ||
| placeholder?: string; | ||
| placeholder: string; | ||
| /** Toggles read-only state of text area */ | ||
| readOnly?: boolean; | ||
| readOnly: boolean; | ||
| /** Specified text area as a required field */ | ||
| required?: boolean; | ||
| required: boolean; | ||
| /** Sets width in columns */ | ||
| cols?: number; | ||
| cols: number; | ||
| /** sets height in rows */ | ||
| rows?: number; | ||
| rows: number; | ||
| /** Allows or disallows browser spellcheck functionality */ | ||
| spellCheck?: boolean; | ||
| spellCheck: boolean; | ||
| /** Sets text wrap */ | ||
| wrap?: Wrap; | ||
| wrap: Wrap; | ||
| /** Input field value to be updated with 'on X' functions */ | ||
| value?: string; | ||
| value: string; | ||
| } | ||
| declare type Props = PassedProps & DefaultProps; | ||
| export declare class TextArea extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| autocomplete: AutoComplete; | ||
| autoFocus: boolean; | ||
| cols: number; | ||
| form: string; | ||
| name: string; | ||
| placeholder: string; | ||
| readOnly: boolean; | ||
| required: boolean; | ||
| rows: number; | ||
| spellCheck: boolean; | ||
| wrap: Wrap; | ||
| value: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -67,0 +77,0 @@ private handleChange; |
@@ -6,15 +6,20 @@ import { Component } from 'react'; | ||
| interface Props { | ||
| /** Class name for custom styles */ | ||
| customClass?: string; | ||
| /** Radio color */ | ||
| color?: ComponentColor; | ||
| color: ComponentColor; | ||
| /** Radio size */ | ||
| size?: ComponentSize; | ||
| size: ComponentSize; | ||
| /** Shape... */ | ||
| shape?: ButtonShape; | ||
| shape: ButtonShape; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| /** Class name for custom styles */ | ||
| className?: string; | ||
| } | ||
| export declare class Radio extends Component<Props> { | ||
| static defaultProps: Partial<Props>; | ||
| static defaultProps: { | ||
| color: ComponentColor; | ||
| size: ComponentSize; | ||
| shape: ButtonShape; | ||
| testID: string; | ||
| }; | ||
| static Button: typeof RadioButton; | ||
@@ -21,0 +26,0 @@ render(): JSX.Element; |
| import { Component } from 'react'; | ||
| interface PassedProps { | ||
| interface Props { | ||
| /** id for individual radio button */ | ||
@@ -13,12 +13,17 @@ id: string; | ||
| titleText: string; | ||
| } | ||
| interface DefaultProps { | ||
| /** Toggles disabled state */ | ||
| disabled?: boolean; | ||
| disabled: boolean; | ||
| /** Text to be displayed on hover tooltip when radio button is disabled */ | ||
| disabledTitleText?: string; | ||
| disabledTitleText: string; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| /** Class name for custom styles */ | ||
| className?: string; | ||
| } | ||
| declare type Props = PassedProps & DefaultProps; | ||
| export declare class RadioButton extends Component<Props> { | ||
| static defaultProps: DefaultProps; | ||
| static defaultProps: { | ||
| disabled: boolean; | ||
| disabledTitleText: string; | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -25,0 +30,0 @@ private readonly className; |
@@ -11,15 +11,21 @@ import { Component } from 'react'; | ||
| /** Button size */ | ||
| size?: ComponentSize; | ||
| size: ComponentSize; | ||
| /** Slide toggle color */ | ||
| color?: ComponentColor; | ||
| color: ComponentColor; | ||
| /** Toggles disabled state */ | ||
| disabled?: boolean; | ||
| disabled: boolean; | ||
| /** Text to be displayed on hover tooltip */ | ||
| tooltipText?: string; | ||
| tooltipText: string; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| export declare class SlideToggle extends Component<Props> { | ||
| static Label: typeof SlideToggleLabel; | ||
| static defaultProps: Partial<Props>; | ||
| static defaultProps: { | ||
| size: ComponentSize; | ||
| color: ComponentColor; | ||
| tooltipText: string; | ||
| disabled: boolean; | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -26,0 +32,0 @@ handleClick: () => void; |
@@ -8,6 +8,9 @@ import { PureComponent } from 'react'; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| export declare class SparkleSpinner extends PureComponent<Props> { | ||
| static defaultProps: Partial<Props>; | ||
| static defaultProps: { | ||
| loading: RemoteDataState; | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -14,0 +17,0 @@ private readonly loadingStatus; |
@@ -12,6 +12,8 @@ import { Component } from 'react'; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
| export declare class SpinnerContainer extends Component<Props> { | ||
| static defaultProps: Partial<Props>; | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): {} | null | undefined; | ||
@@ -18,0 +20,0 @@ private readonly className; |
@@ -6,7 +6,7 @@ import { Component } from 'react'; | ||
| /** diameter of spinner circle */ | ||
| diameterPixels?: number; | ||
| diameterPixels: number; | ||
| /** width of spinner stroke */ | ||
| strokeWidth?: ComponentSize; | ||
| strokeWidth: ComponentSize; | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
@@ -13,0 +13,0 @@ export declare class TechnoSpinner extends Component<Props> { |
@@ -1,3 +0,530 @@ | ||
| import { Color } from '../Types'; | ||
| import { Color, InfluxColors, Gradients, Gradient, DropdownMenuColors } from '../Types'; | ||
| export declare const HEX_CODE_CHAR_LENGTH = 7; | ||
| export declare const influxColors: Color[]; | ||
| export declare const influxGradients: { | ||
| BeijingEclipse: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| DistantNebula: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| SpirulinaSmoothie: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| LASunset: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| PolarExpress: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| RebelAlliance: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| DocScott: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| GundamPilot: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| TropicalTourist: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| DesertFestival: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| MiyazakiSky: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| GarageBand: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| BrooklynCowboy: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| PastelGothic: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| LowDifficulty: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| SynthPop: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| CottonCandy: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| HotelBreakfast: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| MagicCarpet: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| CruisingAltitude: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| CoconutLime: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| PastryCafe: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| KawaiiDesu: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| RobotLogic: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| }; | ||
| export declare const dropdownScrollColors: { | ||
| Amethyst: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| Sapphire: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| Malachite: { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| }; | ||
| }; | ||
| export declare const getColorsFromGradient: { | ||
| (gradient: DropdownMenuColors | Gradients): Gradient; | ||
| displayName: string; | ||
| __docgenInfo: { | ||
| "description": string; | ||
| "displayName": string; | ||
| "props": { | ||
| "toString": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "charAt": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "charCodeAt": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "concat": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "indexOf": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "lastIndexOf": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "localeCompare": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "match": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "replace": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "search": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "slice": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "split": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "substring": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "toLowerCase": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "toLocaleLowerCase": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "toUpperCase": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "toLocaleUpperCase": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "trim": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "length": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "substr": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "valueOf": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "codePointAt": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "includes": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "endsWith": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "normalize": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "repeat": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "startsWith": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "anchor": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "big": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "blink": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "bold": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "fixed": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "fontcolor": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "fontsize": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "italics": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "link": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "small": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "strike": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "sub": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "sup": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "__@iterator": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "padStart": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "padEnd": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "trimLeft": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| "trimRight": { | ||
| "defaultValue": null; | ||
| "description": string; | ||
| "name": string; | ||
| "required": boolean; | ||
| "type": { | ||
| "name": string; | ||
| }; | ||
| }; | ||
| }; | ||
| }; | ||
| }; |
@@ -9,3 +9,2 @@ export * from './Components/Alerts/Alert'; | ||
| export * from './Components/Inputs/TextArea'; | ||
| export * from './Components/ComponentSpacer/ComponentSpacer'; | ||
| export * from './Components/Radio/Radio'; | ||
@@ -31,2 +30,26 @@ export * from './Components/SlideToggle/SlideToggle'; | ||
| export * from './Components/EmptyState/EmptyStateSubText'; | ||
| export * from './Components/Panel/Panel'; | ||
| export * from './Components/Panel/PanelBody'; | ||
| export * from './Components/Panel/PanelFooter'; | ||
| export * from './Components/Panel/PanelHeader'; | ||
| export * from './Components/DapperScrollbars/DapperScrollbars'; | ||
| export * from './Components/WaitingText/WaitingText'; | ||
| export * from './Components/AppWrapper/AppWrapper'; | ||
| export * from './Components/Page/Page'; | ||
| export * from './Components/Page/PageHeader'; | ||
| export * from './Components/Page/PageHeaderLeft'; | ||
| export * from './Components/Page/PageHeaderCenter'; | ||
| export * from './Components/Page/PageHeaderRight'; | ||
| export * from './Components/Page/PageContents'; | ||
| export * from './Components/Page/PageTitle'; | ||
| export * from './Components/NavMenu/NavMenu'; | ||
| export * from './Components/NavMenu/NavMenuItem'; | ||
| export * from './Components/NavMenu/NavMenuSubItem'; | ||
| export * from './Components/Dropdowns/DropdownButton'; | ||
| export * from './Components/Dropdowns/DropdownDivider'; | ||
| export * from './Components/Dropdowns/DropdownItem'; | ||
| export * from './Components/Dropdowns/Dropdown'; | ||
| export * from './Components/Dropdowns/MultiSelectDropdown'; | ||
| export * from './Utilities/ClickOutside/ClickOutside'; | ||
| export * from './Utilities/ComponentSpacer/ComponentSpacer'; | ||
| export * from './Types/index'; |
@@ -1,2 +0,1 @@ | ||
| /// <reference types="react" /> | ||
| export declare enum ComponentColor { | ||
@@ -27,9 +26,42 @@ Default = "default", | ||
| } | ||
| export interface Gradient { | ||
| start: InfluxColors; | ||
| stop: InfluxColors; | ||
| } | ||
| export declare enum Gradients { | ||
| BeijingEclipse = "BeijingEclipse", | ||
| DistantNebula = "DistantNebula", | ||
| SpirulinaSmoothie = "SpirulinaSmoothie", | ||
| LASunset = "LASunset", | ||
| PolarExpress = "PolarExpress", | ||
| RebelAlliance = "RebelAlliance", | ||
| DocScott = "DocScott", | ||
| GundamPilot = "GundamPilot", | ||
| TropicalTourist = "TropicalTourist", | ||
| DesertFestival = "DesertFestival", | ||
| MiyazakiSky = "MiyazakiSky", | ||
| GarageBand = "GarageBand", | ||
| BrooklynCowboy = "BrooklynCowboy", | ||
| PastelGothic = "PastelGothic", | ||
| LowDifficulty = "LowDifficulty", | ||
| SynthPop = "SynthPop", | ||
| CottonCandy = "CottonCandy", | ||
| HotelBreakfast = "HotelBreakfast", | ||
| MagicCarpet = "MagicCarpet", | ||
| CruisingAltitude = "CruisingAltitude", | ||
| CoconutLime = "CoconutLime", | ||
| PastryCafe = "PastryCafe", | ||
| KawaiiDesu = "KawaiiDesu", | ||
| RobotLogic = "RobotLogic" | ||
| } | ||
| export declare enum DropdownMenuColors { | ||
| Amethyst = "amethyst", | ||
| Malachite = "malachite", | ||
| Sapphire = "sapphire", | ||
| Onyx = "onyx" | ||
| Amethyst = "Amethyst", | ||
| Malachite = "Malachite", | ||
| Sapphire = "Sapphire", | ||
| Onyx = "Onyx" | ||
| } | ||
| export declare type DropdownChild = Array<string | JSX.Element | Element> | string | JSX.Element | Element; | ||
| export declare enum DropdownMode { | ||
| ActionList = "action", | ||
| Radio = "radio" | ||
| } | ||
| export declare enum ButtonShape { | ||
@@ -44,3 +76,3 @@ Default = "none", | ||
| } | ||
| export declare enum Greys { | ||
| export declare enum InfluxColors { | ||
| Obsidian = "#0f0e15", | ||
@@ -66,3 +98,43 @@ Raven = "#1c1c21", | ||
| Ghost = "#fafafc", | ||
| White = "#ffffff" | ||
| White = "#ffffff", | ||
| Abyss = "#182838", | ||
| Sapphire = "#326BBA", | ||
| Ocean = "#4591ED", | ||
| Pool = "#22ADF6", | ||
| Laser = "#00C9FF", | ||
| Hydrogen = "#6BDFFF", | ||
| Neutrino = "#BEF0FF", | ||
| Yeti = "#F0FCFF", | ||
| Shadow = "#1F2039", | ||
| Void = "#311F94", | ||
| Amethyst = "#513CC6", | ||
| Star = "#7A65F2", | ||
| Comet = "#9394FF", | ||
| Potassium = "#B1B6FF", | ||
| Moonstone = "#C9D0FF", | ||
| Twilight = "#F2F4FF", | ||
| Gypsy = "#152B2D", | ||
| Emerald = "#108174", | ||
| Viridian = "#32B08C", | ||
| Rainforest = "#4ED8A0", | ||
| Honeydew = "#7CE490", | ||
| Krypton = "#A5F3B4", | ||
| Wasabi = "#C6FFD0", | ||
| Mint = "#F2FFF4", | ||
| Oak = "#3F241F", | ||
| Topaz = "#E85B1C", | ||
| Tiger = "#F48D38", | ||
| Pineapple = "#FFB94A", | ||
| Thunder = "#FFD255", | ||
| Sulfur = "#FFE480", | ||
| Daisy = "#FFF6B8", | ||
| Banana = "#FFFDDE", | ||
| Basalt = "#2F1F29", | ||
| Ruby = "#BF3D5E", | ||
| Fire = "#DC4E58", | ||
| Curacao = "#F95F53", | ||
| Dreamsicle = "#FF8564", | ||
| Tungsten = "#FFB6A0", | ||
| Marmelade = "#FFDCCF", | ||
| Flan = "#FFF7F4" | ||
| } | ||
@@ -80,2 +152,3 @@ export declare enum IconFont { | ||
| BellSolid = "bell-solid", | ||
| Brush = "brush", | ||
| Calendar = "calendar", | ||
@@ -92,2 +165,3 @@ Capacitor = "capacitor2", | ||
| Clock = "clock", | ||
| Cloud = "cloud", | ||
| CogOutline = "cog-outline", | ||
@@ -122,2 +196,3 @@ CogThick = "cog-thick", | ||
| Link = "link", | ||
| NavChat = "nav-chat", | ||
| OAuth = "oauth", | ||
@@ -167,7 +242,2 @@ Octagon = "octagon", | ||
| } | ||
| export declare enum Alignment { | ||
| Left = "left", | ||
| Center = "center", | ||
| Right = "right" | ||
| } | ||
| export declare enum Sort { | ||
@@ -178,6 +248,21 @@ Descending = "desc", | ||
| } | ||
| export declare enum Stack { | ||
| Rows = "rows", | ||
| Columns = "columns" | ||
| export declare enum JustifyContent { | ||
| FlexStart = "flex-start", | ||
| Center = "center", | ||
| FlexEnd = "flex-end", | ||
| SpaceBetween = "space-between", | ||
| SpaceAround = "space-around" | ||
| } | ||
| export declare enum AlignItems { | ||
| FlexStart = "flex-start", | ||
| Center = "center", | ||
| FlexEnd = "flex-end", | ||
| Stretch = "stretch" | ||
| } | ||
| export declare enum FlexDirection { | ||
| Row = "row", | ||
| RowReverse = "row-reverse", | ||
| Column = "column", | ||
| ColumnReverse = "column-reverse" | ||
| } | ||
| export declare enum RemoteDataState { | ||
@@ -184,0 +269,0 @@ NotStarted = "NotStarted", |
@@ -28,2 +28,4 @@ import { Component, CSSProperties } from 'react'; | ||
| autoSize: boolean; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
@@ -42,2 +44,3 @@ export declare class DapperScrollbars extends Component<Props> { | ||
| autoSize: boolean; | ||
| testID: string; | ||
| }; | ||
@@ -44,0 +47,0 @@ render(): JSX.Element; |
@@ -9,3 +9,3 @@ import { Component } from 'react'; | ||
| /** When a dropdown item is clicked, its `value` prop is returned via `onChange` */ | ||
| onChange: (value: any) => void; | ||
| onChange?: (value: any) => void; | ||
| /** If the dropdown's mode is `Radio` then `selectedID` is required to track the currently selected item */ | ||
@@ -12,0 +12,0 @@ selectedID?: string; |
@@ -5,3 +5,3 @@ import { Component } from 'react'; | ||
| id: string; | ||
| /** Item value to be used with 'on X' functions */ | ||
| /** Returned via the onClick function */ | ||
| value: any; | ||
@@ -15,3 +15,3 @@ /** Whether or not the item should have selected styling */ | ||
| /** Test ID for Integration Tests */ | ||
| testID?: string; | ||
| testID: string; | ||
| } | ||
@@ -22,2 +22,3 @@ export declare class DropdownItem extends Component<Props> { | ||
| selected: boolean; | ||
| testID: string; | ||
| }; | ||
@@ -24,0 +25,0 @@ render(): JSX.Element; |
@@ -20,4 +20,4 @@ import { PureComponent } from 'react'; | ||
| constructor(props: Props); | ||
| render(): JSX.Element | null; | ||
| render(): JSX.Element | undefined; | ||
| } | ||
| export {}; |
@@ -9,8 +9,11 @@ import { Component } from 'react'; | ||
| className?: string; | ||
| /** Initial value for browser page title */ | ||
| loadingTitleTag?: string; | ||
| /** Value for browser page title after component updates */ | ||
| /** Use this prop to update document.title when the page first renders & on subsequent updates */ | ||
| titleTag?: string; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| export declare class Page extends Component<Props> { | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| static Header: typeof PageHeader; | ||
@@ -17,0 +20,0 @@ static Title: typeof PageTitle; |
@@ -9,4 +9,11 @@ import { Component } from 'react'; | ||
| scrollable: boolean; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| export declare class PageContents extends Component<Props> { | ||
| static defaultProps: { | ||
| fullHeight: boolean; | ||
| scrollable: boolean; | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
@@ -13,0 +20,0 @@ private readonly className; |
@@ -10,2 +10,4 @@ import { Component } from 'react'; | ||
| hide: boolean; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
@@ -15,2 +17,3 @@ export declare class PageHeader extends Component<Props> { | ||
| hide: boolean; | ||
| testID: string; | ||
| }; | ||
@@ -17,0 +20,0 @@ static Left: typeof PageHeaderLeft; |
@@ -5,2 +5,4 @@ import { Component } from 'react'; | ||
| widthPixels: number; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
@@ -10,2 +12,3 @@ export declare class PageHeaderCenter extends Component<Props> { | ||
| widthPixels: number; | ||
| testID: string; | ||
| }; | ||
@@ -12,0 +15,0 @@ render(): JSX.Element; |
@@ -5,2 +5,4 @@ import { Component } from 'react'; | ||
| offsetPixels: number; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
@@ -10,2 +12,3 @@ export declare class PageHeaderLeft extends Component<Props> { | ||
| offsetPixels: number; | ||
| testID: string; | ||
| }; | ||
@@ -12,0 +15,0 @@ render(): JSX.Element; |
@@ -5,2 +5,4 @@ import { Component } from 'react'; | ||
| offsetPixels: number; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
@@ -10,2 +12,3 @@ export declare class PageHeaderRight extends Component<Props> { | ||
| offsetPixels: number; | ||
| testID: string; | ||
| }; | ||
@@ -12,0 +15,0 @@ render(): JSX.Element; |
@@ -7,6 +7,11 @@ import { PureComponent } from 'react'; | ||
| altText?: string; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| } | ||
| export declare class PageTitle extends PureComponent<Props> { | ||
| static defaultProps: { | ||
| testID: string; | ||
| }; | ||
| render(): JSX.Element; | ||
| } | ||
| export {}; |
@@ -6,4 +6,2 @@ import { Component } from 'react'; | ||
| interface Props { | ||
| /** Class name for custom styles */ | ||
| customClass?: string; | ||
| /** Radio color */ | ||
@@ -17,2 +15,4 @@ color: ComponentColor; | ||
| testID: string; | ||
| /** Class name for custom styles */ | ||
| className?: string; | ||
| } | ||
@@ -19,0 +19,0 @@ export declare class Radio extends Component<Props> { |
@@ -17,2 +17,6 @@ import { Component } from 'react'; | ||
| disabledTitleText: string; | ||
| /** Test ID for Integration Tests */ | ||
| testID: string; | ||
| /** Class name for custom styles */ | ||
| className?: string; | ||
| } | ||
@@ -23,2 +27,3 @@ export declare class RadioButton extends Component<Props> { | ||
| disabledTitleText: string; | ||
| testID: string; | ||
| }; | ||
@@ -25,0 +30,0 @@ render(): JSX.Element; |
@@ -1,2 +0,2 @@ | ||
| function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var t=e(require("uuid")),r=e(require("chroma-js")),o=e(require("react-scrollbars-custom")),n=e(require("react-dom")),s=require("react"),a=e(s),i=e(require("classnames")),p=e(require("lodash")),l=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.glyph;return a.createElement("span",{className:this.props.className?"icon "+t+" "+this.props.className:"icon "+t,"data-testid":e.testID})},t}(s.Component);l.defaultProps={testID:"icon"};var c,u,d,m,h,f,x,y,C,g,b,v,S,D,k,_,E,N=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.icon;return a.createElement("div",{className:this.className,"data-testid":e.testID},!!r&&a.createElement(l,{glyph:r,className:"alert--icon"}),a.createElement("div",{className:"alert--contents"},t))},r.className.get=function(){var e,t=this.props,r=t.color,o=t.icon;return i("alert",((e={})["alert--"+r]=r,e["alert--has-icon"]=o,e))},Object.defineProperties(t.prototype,r),t}(s.Component);N.defaultProps={testID:"alert"},(c=exports.ComponentColor||(exports.ComponentColor={})).Default="default",c.Primary="primary",c.Secondary="secondary",c.Success="success",c.Warning="warning",c.Danger="danger",(u=exports.ComponentSize||(exports.ComponentSize={})).ExtraSmall="xs",u.Small="sm",u.Medium="md",u.Large="lg",(d=exports.ComponentStatus||(exports.ComponentStatus={})).Default="default",d.Loading="loading",d.Error="error",d.Valid="valid",d.Disabled="disabled",(m=exports.Gradients||(exports.Gradients={})).BeijingEclipse="BeijingEclipse",m.DistantNebula="DistantNebula",m.SpirulinaSmoothie="SpirulinaSmoothie",m.LASunset="LASunset",m.PolarExpress="PolarExpress",m.RebelAlliance="RebelAlliance",m.DocScott="DocScott",m.GundamPilot="GundamPilot",m.TropicalTourist="TropicalTourist",m.DesertFestival="DesertFestival",m.MiyazakiSky="MiyazakiSky",m.GarageBand="GarageBand",m.BrooklynCowboy="BrooklynCowboy",m.PastelGothic="PastelGothic",m.LowDifficulty="LowDifficulty",m.SynthPop="SynthPop",m.CottonCandy="CottonCandy",m.HotelBreakfast="HotelBreakfast",m.MagicCarpet="MagicCarpet",m.CruisingAltitude="CruisingAltitude",m.CoconutLime="CoconutLime",m.PastryCafe="PastryCafe",m.KawaiiDesu="KawaiiDesu",m.RobotLogic="RobotLogic",(h=exports.DropdownMenuColors||(exports.DropdownMenuColors={})).Amethyst="Amethyst",h.Malachite="Malachite",h.Sapphire="Sapphire",h.Onyx="Onyx",(f=exports.DropdownMode||(exports.DropdownMode={})).ActionList="action",f.Radio="radio",(x=exports.ButtonShape||(exports.ButtonShape={})).Default="none",x.Square="square",x.StretchToFit="stretch",(y=exports.ButtonType||(exports.ButtonType={})).Button="button",y.Submit="submit",(C=exports.InfluxColors||(exports.InfluxColors={})).Obsidian="#0f0e15",C.Raven="#1c1c21",C.Kevlar="#202028",C.Castle="#292933",C.Onyx="#31313d",C.Pepper="#383846",C.Smoke="#434453",C.Graphite="#545667",C.Storm="#676978",C.Mountain="#757888",C.Wolf="#8e91a1",C.Sidewalk="#999dab",C.Forge="#a4a8b6",C.Mist="#bec2cc",C.Chromium="#c6cad3",C.Platinum="#d4d7dd",C.Pearl="#e7e8eb",C.Whisper="#eeeff2",C.Cloud="#f6f6f8",C.Ghost="#fafafc",C.White="#ffffff",C.Abyss="#182838",C.Sapphire="#326BBA",C.Ocean="#4591ED",C.Pool="#22ADF6",C.Laser="#00C9FF",C.Hydrogen="#6BDFFF",C.Neutrino="#BEF0FF",C.Yeti="#F0FCFF",C.Shadow="#1F2039",C.Void="#311F94",C.Amethyst="#513CC6",C.Star="#7A65F2",C.Comet="#9394FF",C.Potassium="#B1B6FF",C.Moonstone="#C9D0FF",C.Twilight="#F2F4FF",C.Gypsy="#152B2D",C.Emerald="#108174",C.Viridian="#32B08C",C.Rainforest="#4ED8A0",C.Honeydew="#7CE490",C.Krypton="#A5F3B4",C.Wasabi="#C6FFD0",C.Mint="#F2FFF4",C.Oak="#3F241F",C.Topaz="#E85B1C",C.Tiger="#F48D38",C.Pineapple="#FFB94A",C.Thunder="#FFD255",C.Sulfur="#FFE480",C.Daisy="#FFF6B8",C.Banana="#FFFDDE",C.Basalt="#2F1F29",C.Ruby="#BF3D5E",C.Fire="#DC4E58",C.Curacao="#F95F53",C.Dreamsicle="#FF8564",C.Tungsten="#FFB6A0",C.Marmelade="#FFDCCF",C.Flan="#FFF7F4",(g=exports.IconFont||(exports.IconFont={})).AddCell="add-cell",g.AlertTriangle="alert-triangle",g.Alerts="alerts",g.Annotate="annotate",g.AnnotatePlus="annotate-plus",g.AuthZero="authzero",g.BarChart="bar-chart",g.Bell="bell",g.BellRinging="bell-ringing",g.BellSolid="bell-solid",g.Calendar="calendar",g.Capacitor="capacitor2",g.CaretDown="caret-down",g.CaretLeft="caret-left",g.CaretRight="caret-right",g.CaretUp="caret-up",g.Chat="chat",g.Checkmark="checkmark",g.Circle="circle",g.CircleThick="circle-thick",g.Clock="clock",g.CogOutline="cog-outline",g.CogThick="cog-thick",g.Collapse="collapse",g.CrownOutline="crown-outline",g.CrownSolid="crown2",g.Cube="cube",g.Cubouniform="cubo-uniform",g.CuboNav="cubo-nav",g.Dashboards="dashboards",g.DashF="dash-f",g.DashH="dash-h",g.DashJ="dash-j",g.Disks="disks",g.Download="download",g.Duplicate="duplicate",g.ExpandA="expand-a",g.ExpandB="expand-b",g.Export="export",g.Eye="eye",g.EyeClosed="eye-closed",g.EyeOpen="eye-open",g.GitHub="github",g.Google="google",g.GraphLine="graphline-2",g.Group="group",g.Heroku="heroku",g.HerokuSimple="",g.Import="import",g.Link="link",g.OAuth="oauth",g.Octagon="octagon",g.Okta="okta",g.Pause="pause",g.Pencil="pencil",g.Play="play",g.Plus="plus",g.PlusSkinny="plus-skinny",g.Pulse="pulse-c",g.Refresh="refresh",g.Remove="remove",g.Search="search",g.Server="server2",g.Shuffle="shuffle",g.Square="square",g.TextBlock="text-block",g.Trash="trash",g.Triangle="triangle",g.User="user",g.UserAdd="user-add",g.UserOutline="user-outline",g.UserRemove="user-remove",g.UsersDuo="users-duo",g.UsersTrio="users-trio",g.Wood="wood",g.Wrench="wrench",g.Star="star",g.Stop="stop",g.Zap="zap",(b=exports.Columns||(exports.Columns={}))[b.One=1]="One",b[b.Two=2]="Two",b[b.Three=3]="Three",b[b.Four=4]="Four",b[b.Five=5]="Five",b[b.Six=6]="Six",b[b.Seven=7]="Seven",b[b.Eight=8]="Eight",b[b.Nine=9]="Nine",b[b.Ten=10]="Ten",b[b.Eleven=11]="Eleven",b[b.Twelve=12]="Twelve",(v=exports.Sort||(exports.Sort={})).Descending="desc",v.Ascending="asc",v.None="none",(S=exports.JustifyContent||(exports.JustifyContent={})).FlexStart="flex-start",S.Center="center",S.FlexEnd="flex-end",S.SpaceBetween="space-between",S.SpaceAround="space-around",(D=exports.AlignItems||(exports.AlignItems={})).FlexStart="flex-start",D.Center="center",D.FlexEnd="flex-end",D.Stretch="stretch",(k=exports.FlexDirection||(exports.FlexDirection={})).Row="row",k.RowReverse="row-reverse",k.Column="column",k.ColumnReverse="column-reverse",(_=exports.RemoteDataState||(exports.RemoteDataState={})).NotStarted="NotStarted",_.Loading="Loading",_.Done="Done",_.Error="Error",(E=exports.AutoComplete||(exports.AutoComplete={})).On="on",E.Off="off";var I,w=function(e){function t(){e.apply(this,arguments),this.ref=a.createRef()}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={icon:{configurable:!0},text:{configurable:!0},disabled:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.onClick,r=e.text,o=e.titleText,n=e.tabIndex,s=e.type,i=e.testID;if(!e.icon&&!r)throw new Error('Button requires either "text" or "icon" props');return a.createElement("button",{className:this.className,disabled:this.disabled,onClick:t,title:o||r,tabIndex:n||0,type:s,ref:this.ref,"data-testid":i},this.icon,this.text,this.statusIndicator)},r.icon.get=function(){var e=this.props.icon;return e?a.createElement(l,{glyph:e,className:"button-icon"}):null},r.text.get=function(){var e=this.props;return e.shape===exports.ButtonShape.Square?null:e.text},r.disabled.get=function(){var e=this.props.status;return e===exports.ComponentStatus.Disabled||e===exports.ComponentStatus.Loading},r.statusIndicator.get=function(){var e=this.props;return e.status===exports.ComponentStatus.Loading?a.createElement("div",{className:"button-spinner button-spinner--"+e.size}):null},r.className.get=function(){var e,t=this.props,r=t.shape,o=t.status,n=t.customClass;return i("button button-"+t.size+" button-"+t.color,((e={"button-square":r===exports.ButtonShape.Square,"button-stretch":r===exports.ButtonShape.StretchToFit,"button--loading":o===exports.ComponentStatus.Loading,"button--disabled":o===exports.ComponentStatus.Disabled,active:t.active})[""+n]=n,e))},Object.defineProperties(t.prototype,r),t}(s.Component);w.defaultProps={color:exports.ComponentColor.Default,size:exports.ComponentSize.Small,shape:exports.ButtonShape.Default,status:exports.ComponentStatus.Default,active:!1,type:exports.ButtonType.Button,testID:exports.ButtonType.Button},(I=exports.InputType||(exports.InputType={})).Text="text",I.Number="number",I.Password="password",I.Email="email";var F=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={transformedValue:{configurable:!0},icon:{configurable:!0},title:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0},containerStyle:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,style:this.containerStyle},a.createElement("input",{id:e.id,min:e.min,max:e.max,title:this.title,autoComplete:e.autocomplete,name:e.name,type:e.type,value:this.transformedValue,placeholder:e.placeholder,autoFocus:e.autoFocus,spellCheck:e.spellCheck,onChange:e.onChange,onBlur:e.onBlur,onFocus:e.onFocus,onKeyPress:e.onKeyPress,onKeyUp:e.onKeyUp,onKeyDown:e.onKeyDown,className:"input-field",disabled:e.status===exports.ComponentStatus.Disabled,maxLength:e.maxLength,tabIndex:e.tabIndex,"data-testid":e.testID}),this.icon,this.statusIndicator)},r.transformedValue.get=function(){var e=this.props,t=e.value;return e.type===exports.InputType.Number?Number(t):""+t},r.icon.get=function(){var e=this.props.icon;return e?a.createElement(l,{glyph:e,className:"input-icon"}):null},r.title.get=function(){var e=this.props;return e.status===exports.ComponentStatus.Disabled?e.disabledTitleText:e.titleText},r.statusIndicator.get=function(){var e=this.props.status;return e===exports.ComponentStatus.Loading?a.createElement(a.Fragment,null,a.createElement("div",{className:"input-status"},a.createElement("div",{className:"input-spinner"})),a.createElement("div",{className:"input-shadow"})):e===exports.ComponentStatus.Error?a.createElement(a.Fragment,null,a.createElement(l,{glyph:exports.IconFont.AlertTriangle,className:"input-status",testID:"input-error"}),a.createElement("div",{className:"input-shadow"})):e===exports.ComponentStatus.Valid?a.createElement(a.Fragment,null,a.createElement(l,{glyph:exports.IconFont.Checkmark,className:"input-status",testID:"input-valud"}),a.createElement("div",{className:"input-shadow"})):a.createElement("div",{className:"input-shadow"})},r.className.get=function(){var e,t=this.props,r=t.size,o=t.status,n=t.icon,s=t.customClass;return i("input",((e={})["input-"+r]=r,e["input--has-icon"]=n,e["input--valid"]=o===exports.ComponentStatus.Valid,e["input--error"]=o===exports.ComponentStatus.Error,e["input--loading"]=o===exports.ComponentStatus.Loading,e["input--disabled"]=o===exports.ComponentStatus.Disabled,e[""+s]=s,e))},r.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(t.prototype,r),t}(s.Component);F.defaultProps={type:exports.InputType.Text,name:"",value:"",placeholder:"",titleText:"",autocomplete:exports.AutoComplete.Off,disabledTitleText:"This input is disabled",size:exports.ComponentSize.Small,status:exports.ComponentStatus.Default,autoFocus:!1,spellCheck:!1,testID:"input-field"};var P=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"grid--row","data-testid":e.testID},e.children)},t}(s.Component);P.defaultProps={testID:"grid--row"};var O=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.widthXS,o=t.widthSM,n=t.widthMD,s=t.widthLG,a=t.offsetXS,p=t.offsetSM,l=t.offsetMD,c=t.offsetLG;return i("grid--column",((e={})["col-xs-"+r]=r,e["col-sm-"+o]=o,e["col-md-"+n]=n,e["col-lg-"+s]=s,e["col-xs-offset-"+a]=a,e["col-sm-offset-"+p]=p,e["col-md-offset-"+l]=l,e["col-lg-offset-"+c]=c,e))},Object.defineProperties(t.prototype,r),t}(s.Component);O.defaultProps={testID:"grid--column",widthXS:exports.Columns.Twelve};var T,M=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"grid--container","data-testid":e.testID},e.children)},t}(s.Component);M.defaultProps={testID:"grid"},M.Row=P,M.Column=O,(T=exports.Wrap||(exports.Wrap={})).Hard="hard",T.Soft="soft",T.Off="off";var j=function(e){function t(){var t=this;e.apply(this,arguments),this.handleChange=function(e){var r=t.props.onChange;r&&r(e.target.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},containerStyle:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,style:this.containerStyle},a.createElement("textarea",{autoComplete:e.autocomplete,autoFocus:e.autoFocus,disabled:e.status===exports.ComponentStatus.Disabled,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,placeholder:e.placeholder,readOnly:e.readOnly,required:e.required,cols:e.cols,rows:e.rows,spellCheck:e.spellCheck,wrap:e.wrap,className:"text-area",value:e.value,onBlur:e.onBlur,onFocus:e.onFocus,onKeyPress:e.onKeyPress,onKeyUp:e.onKeyUp,onKeyDown:e.onKeyDown,onChange:this.handleChange}))},r.className.get=function(){var e,t=this.props,r=t.size,o=t.customClass;return i("text-area--container",((e={})["input-"+r]=r,e.customClass=o,e))},r.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(t.prototype,r),t}(s.Component);j.defaultProps={autocomplete:exports.AutoComplete.Off,autoFocus:!1,cols:20,form:"",name:"",placeholder:"",readOnly:!1,required:!1,rows:20,spellCheck:!1,wrap:exports.Wrap.Hard,value:""};var B=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;(0,e.onClick)(e.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},title:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("button",{type:"button",className:this.className,disabled:e.disabled,onClick:this.handleClick,title:this.title},e.children)},r.className.get=function(){var e=this.props;return i("radio-button",{active:e.active,disabled:e.disabled})},r.title.get=function(){var e=this.props;return e.disabled?e.disabledTitleText:e.titleText},Object.defineProperties(t.prototype,r),t}(s.Component);B.defaultProps={disabled:!1,disabledTitleText:"This option is disabled"};var L=function(e){function t(){var t=this;e.apply(this,arguments),this.validateChildCount=function(){if(a.Children.count(t.props.children)<2)throw new Error("<Radio> requires at least 2 child elements. We recommend using <Radio.Button />")}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={containerClassName:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.testID;return this.validateChildCount(),a.createElement("div",{className:this.containerClassName,"data-testid":r},t)},r.containerClassName.get=function(){var e,t=this.props,r=t.color,o=t.size,n=t.shape,s=t.customClass;return i("radio-buttons",((e={})["radio-buttons--"+r]=r,e["radio-buttons--"+o]=o,e["radio-buttons--square"]=n===exports.ButtonShape.Square,e["radio-buttons--stretch"]=n===exports.ButtonShape.StretchToFit,e[""+s]=s,e))},Object.defineProperties(t.prototype,r),t}(s.Component);L.defaultProps={color:exports.ComponentColor.Primary,size:exports.ComponentSize.Small,shape:exports.ButtonShape.Default,testID:"radio-button"},L.Button=B;var z=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return a.createElement("label",{className:"slide-toggle--label"},this.props.text)},t}(s.Component),A=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;e.disabled||(0,e.onChange)()}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,onClick:this.handleClick,title:e.tooltipText,"data-testid":e.testID},a.createElement("div",{className:"slide-toggle--knob"}))},r.className.get=function(){var e=this.props;return i("slide-toggle slide-toggle-"+e.size+" slide-toggle-"+e.color,{active:e.active,disabled:e.disabled})},Object.defineProperties(t.prototype,r),t}(s.Component);A.Label=z,A.defaultProps={size:exports.ComponentSize.Small,color:exports.ComponentColor.Primary,tooltipText:"",disabled:!1,testID:"slide-toggle"};var W=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={loadingStatus:{configurable:!0},animationState:{configurable:!0}};return t.prototype.render=function(){return a.createElement("div",{className:"sparkle-spinner","data-testid":this.props.testID},a.createElement("svg",{version:"1.1",id:"sparkle_spinner",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 250 250"},a.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-3 "+this.animationState,d:"M250,9.1C250,9.1,250,9.1,250,9.1l-1.6-7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0L241.5,0\n\tc0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-5.2,4.9c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0c0,0,0,0,0,0l1.6,6.9\n\tc0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l6.8,2.1c0,0,0,0,0,0s0,0,0,0h0c0,0,0,0,0,0l0,0L250,9.1\n\tC250,9.2,250,9.2,250,9.1L250,9.1L250,9.1C250,9.2,250,9.1,250,9.1C250,9.1,250,9.1,250,9.1z"}),a.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9l-0.8-3.5c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l-3.5-1c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-2.6,2.4c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l0.8,3.4c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l3.4,1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l0,0\n\tL168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9L168.5,187.9L168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9\n\tC168.5,187.9,168.5,187.9,168.5,187.9z"}),a.createElement("circle",{className:"sparkle-spinner--fill-light sparkle-spinner--delay-2 "+this.animationState,cx:"231.5",cy:"171.2",r:"3.5"}),a.createElement("path",{className:this.loadingStatus,d:"M181.3,136.9l-10.9-47.6c-0.6-2.6-3-5.2-5.6-6l-50-15.4c-0.6-0.2-1.4-0.2-2.1-0.2\n\tc-2.1,0-4.4,0.9-5.8,2.1L71,103.1c-2,1.7-3,5.2-2.4,7.7l11.7,51c0.6,2.6,3,5.2,5.6,6l46.7,14.4c0.6,0.2,1.4,0.2,2.1,0.2\n\tc2.1,0,4.4-0.9,5.8-2.1l38.3-35.6C180.9,142.8,181.9,139.5,181.3,136.9z M120,79.2l34.3,10.6c1.4,0.4,1.4,1,0,1.4l-18,4.1\n\tc-1.4,0.4-3.2-0.2-4.2-1.2l-12.6-13.6C118.4,79.3,118.7,78.8,120,79.2z M141.4,140.7c0.4,1.4-0.5,2.1-1.9,1.7l-37-11.4\n\tc-1.4-0.4-1.6-1.5-0.6-2.5l28.3-26.4c1-1,2.1-0.6,2.5,0.7L141.4,140.7z M80.4,107.2l30.1-28c1-1,2.6-0.9,3.6,0.1l15,16.3\n\tc1,1,0.9,2.6-0.1,3.6l-30.1,28c-1,1-2.6,0.9-3.6-0.1l-15-16.3C79.3,109.6,79.4,108,80.4,107.2z M87.7,151.5l-8-34.9\n\tc-0.4-1.4,0.2-1.6,1.1-0.6l12.6,13.6c1,1,1.4,3,1,4.4l-5.5,17.7C88.6,152.9,88,152.9,87.7,151.5z M131.7,171.9l-39.3-12.1\n\tc-1.4-0.4-2.1-1.9-1.7-3.2l6.6-21.1c0.4-1.4,1.9-2.1,3.2-1.7l39.3,12.1c1.4,0.4,2.1,1.9,1.7,3.2l-6.6,21.1\n\tC134.4,171.6,133.1,172.3,131.7,171.9z M166.5,143.3l-26.2,24.4c-1,1-1.5,0.6-1.1-0.7l5.5-17.7c0.4-1.4,1.9-2.7,3.2-3l18-4.1\n\tC167.3,141.8,167.5,142.5,166.5,143.3z M169.4,138.1l-21.6,5c-1.4,0.4-2.7-0.5-3.1-1.9l-9.2-40c-0.4-1.4,0.5-2.7,1.9-3.1l21.6-5\n\tc1.4-0.4,2.7,0.5,3.1,1.9l9.2,40C171.6,136.5,170.7,137.9,169.4,138.1z"}),a.createElement("g",null,a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"30",y1:"90.4",x2:"30",y2:"104.4"}),a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"37",y1:"97.4",x2:"23",y2:"97.4"})),a.createElement("g",null,a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"165.7",y1:"12.9",x2:"165.7",y2:"19.9"}),a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"169.2",y1:"16.4",x2:"162.2",y2:"16.4"})),a.createElement("g",null,a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"5.1",y1:"241.4",x2:"5.1",y2:"248.4"}),a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"8.6",y1:"244.9",x2:"1.6",y2:"244.9"})),a.createElement("g",null,a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"224.2",x2:"171.5",y2:"229.2"}),a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"229.2",x2:"171.5",y2:"224.2"})),a.createElement("g",null,a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"28.3",x2:"58.4",y2:"33.3"}),a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"33.3",x2:"58.4",y2:"28.3"})),a.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M101.6,51.6c1.2,0,2.1,1,2.1,2.1s-1,2.1-2.1,2.1s-2.1-1-2.1-2.1S100.5,51.6,101.6,51.6 M101.6,50.2\n\t\tc-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5C105.1,51.8,103.6,50.2,101.6,50.2L101.6,50.2z"}),a.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-2 "+this.animationState,d:"M64.2,215.2c3.1,0,5.6,2.5,5.6,5.6s-2.5,5.6-5.6,5.6c-3.1,0-5.6-2.5-5.6-5.6S61.1,215.2,64.2,215.2\n\t\t M64.2,213.9c-3.9,0-7,3.1-7,7s3.1,7,7,7c3.9,0,7-3.1,7-7S68.1,213.9,64.2,213.9L64.2,213.9z"}),a.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M38.8,153.1l8.8,2.7l2.1,9l-6.8,6.3l-8.8-2.7l-2.1-9L38.8,153.1 M38.5,151.6C38.5,151.6,38.5,151.6,38.5,151.6\n\t\tc-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0l-7.8,7.3c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0s0,0,0,0l2.4,10.4c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0l10.2,3.1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l7.8-7.3c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0l-2.4-10.4\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0L38.5,151.6L38.5,151.6z M51.2,165.3L51.2,165.3L51.2,165.3z M51.2,165.3\n\t\tC51.2,165.3,51.2,165.3,51.2,165.3C51.2,165.3,51.2,165.3,51.2,165.3L51.2,165.3z"}),a.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-1 "+this.animationState,d:"M207.5,72.5l7.2,2.2l1.7,7.3l-5.5,5.1l-7.2-2.2l-1.7-7.3L207.5,72.5 M207.3,71C207.2,71,207.2,71,207.3,71\n\t\tC207.2,71,207.2,71,207.3,71c-0.1,0-0.1,0-0.1,0l-6.5,6.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l2,8.7c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l8.6,2.6c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l6.5-6.1c0,0,0,0,0,0c0,0,0,0,0-0.1\n\t\tc0,0,0,0,0,0l-2-8.7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0L207.3,71L207.3,71z M217.9,82.5L217.9,82.5L217.9,82.5z\n\t\t M217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5L217.9,82.5z"})))},r.loadingStatus.get=function(){var e=this.props.loading;return i("sparkle-spinner--logo",{"sparkle-spinner--fill-medium":e===exports.RemoteDataState.NotStarted||e===exports.RemoteDataState.Loading,"sparkle-spinner--animate-sparkle":e===exports.RemoteDataState.Loading,"sparkle-spinner--fill-error":e===exports.RemoteDataState.Error,"sparkle-spinner--fill-done":e===exports.RemoteDataState.Done})},r.animationState.get=function(){return i({"sparkle-spinner--animate-sparkle":this.props.loading===exports.RemoteDataState.Loading})},Object.defineProperties(t.prototype,r),t}(s.PureComponent);W.defaultProps={loading:exports.RemoteDataState.NotStarted,testID:"sparkle-spinner"};var R=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.loading,r=e.children;return t===exports.RemoteDataState.Loading||t===exports.RemoteDataState.NotStarted?a.createElement("div",{className:this.className,"data-testid":e.testID},e.spinnerComponent):r},r.className.get=function(){var e,t=this.props.className;return i("spinner-container",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(s.Component);R.defaultProps={testID:"spinner-container"};var H=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={style:{configurable:!0},strokeWidth:{configurable:!0}};return t.prototype.render=function(){return a.createElement("div",{className:"techno-spinner",style:this.style,"data-testid":this.props.testID})},r.style.get=function(){var e=this.props.diameterPixels;return{width:e+"px",height:e+"px",borderWidth:this.strokeWidth+"px"}},r.strokeWidth.get=function(){var e;switch(this.props.strokeWidth){case exports.ComponentSize.ExtraSmall:e=1;break;case exports.ComponentSize.Small:e=2;break;case exports.ComponentSize.Medium:e=4;break;case exports.ComponentSize.Large:default:e=8}return e},Object.defineProperties(t.prototype,r),t}(s.Component);H.defaultProps={diameterPixels:100,strokeWidth:exports.ComponentSize.Small,testID:"techno-spinner"};var q=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={requiredIndicator:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children;return a.createElement("label",{className:"form--label","data-testid":e.testID},a.createElement("span",null,e.label,this.requiredIndicator),t)},r.requiredIndicator.get=function(){if(this.props.required)return a.createElement("span",{className:"form--label-required"},"*")},Object.defineProperties(t.prototype,r),t}(s.Component);q.defaultProps={testID:"form--label"};var G=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={message:{configurable:!0}};return t.prototype.render=function(){return a.createElement("span",{className:"form--element-error","data-testid":this.props.testID},this.message)},r.message.get=function(){return this.props.message||" "},Object.defineProperties(t.prototype,r),t}(s.Component);G.defaultProps={testID:"form--element-error"};var K=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("span",{className:"form--help-text","data-testid":e.testID},e.text)},t}(s.Component);K.defaultProps={testID:"form--help-text"};var U=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},errorMessage:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"form--element","data-testid":e.testID},this.label,e.children,this.errorMessage,this.helpText)},r.label.get=function(){var e=this.props,t=e.label;if(t)return a.createElement(q,{label:t,required:e.required},this.labelChild)},r.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},r.helpText.get=function(){var e=this.props.helpText;if(e)return a.createElement(K,{text:e})},r.errorMessage.get=function(){var e=this.props.errorMessage;if(e)return a.createElement(G,{message:e})},Object.defineProperties(t.prototype,r),t}(s.Component);U.defaultProps={testID:"form--element"};var V=function(e){function t(t){e.call(this,t),this.state={errorMessage:null,status:exports.ComponentStatus.Default}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},children:{configurable:!0},errorMessage:{configurable:!0}};return t.prototype.componentDidUpdate=function(e,t){if(e.value!==this.props.value){var r=this.props,o=r.onStatusChange,n=(0,r.validationFunc)(this.props.value),s=n?exports.ComponentStatus.Error:exports.ComponentStatus.Valid;o&&t.status!==s&&o(s),this.setState({status:s,errorMessage:n})}},t.prototype.render=function(){return a.createElement("div",{className:"form--element","data-testid":this.props.testID},this.label,this.children,this.errorMessage,this.helpText)},r.label.get=function(){var e=this.props,t=e.label;if(t)return a.createElement(q,{label:t,required:e.required},this.labelChild)},r.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},r.helpText.get=function(){var e=this.props.helpText;if(e)return a.createElement(K,{text:e})},r.children.get=function(){return(0,this.props.children)(this.state.status)},r.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return a.createElement(G,{message:e})},Object.defineProperties(t.prototype,r),t}(s.Component);V.defaultProps={testID:"form--validation-element"};var X=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return a.createElement("label",{className:"form---divider","data-testid":this.props.testID})},t}(s.Component);X.defaultProps={testID:"form--divider"};var Y=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.widthXS,o=t.widthSM,n=t.widthMD,s=t.widthLG,a=t.offsetXS,p=t.offsetSM,l=t.offsetMD,c=t.offsetLG;return i("form--element form--submit",((e={})["col-xs-"+r]=r,e["col-sm-"+o]=o,e["col-md-"+n]=n,e["col-lg-"+s]=s,e["col-xs-offset-"+a]=a,e["col-sm-offset-"+p]=p,e["col-md-offset-"+l]=l,e["col-lg-offset-"+c]=c,e))},Object.defineProperties(t.prototype,r),t}(s.Component);Y.defaultProps={testID:"form--footer",widthXS:exports.Columns.Twelve};var J=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"form--box "+e.className,"data-testid":e.testID},e.children)},t}(s.Component);J.defaultProps={className:"",testID:"form--box"};var Z=function(e){function t(){var t=this;e.apply(this,arguments),this.handleSubmit=function(e){e.preventDefault();var r=t.props.onSubmit;r&&r(e)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={formWrapperClass:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("form",{style:e.style,className:this.formWrapperClass,onSubmit:this.handleSubmit,"data-testid":e.testID},e.children)},r.formWrapperClass.get=function(){var e,t=this.props.className;return i("form--wrapper",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(s.Component);Z.defaultProps={testID:"form-container"},Z.ValidationElement=V,Z.Element=U,Z.Label=q,Z.Divider=X,Z.Footer=Y,Z.Box=J;var Q=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){t.props.onClick(t.props.hex)}}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"color-picker--swatch",title:e.name,onClick:this.handleClick,"data-testid":e.testID+"--swatch"},a.createElement("span",{style:{backgroundColor:e.hex}}))},t}(s.Component);Q.defaultProps={testID:"color-picker"};var $={BeijingEclipse:{start:exports.InfluxColors.Basalt,stop:exports.InfluxColors.Shadow},DistantNebula:{start:exports.InfluxColors.Shadow,stop:exports.InfluxColors.Abyss},SpirulinaSmoothie:{start:exports.InfluxColors.Abyss,stop:exports.InfluxColors.Gypsy},LASunset:{start:exports.InfluxColors.Ruby,stop:exports.InfluxColors.Void},PolarExpress:{start:exports.InfluxColors.Void,stop:exports.InfluxColors.Sapphire},RebelAlliance:{start:exports.InfluxColors.Sapphire,stop:exports.InfluxColors.Emerald},DocScott:{start:exports.InfluxColors.Fire,stop:exports.InfluxColors.Amethyst},GundamPilot:{start:exports.InfluxColors.Amethyst,stop:exports.InfluxColors.Ocean},TropicalTourist:{start:exports.InfluxColors.Ocean,stop:exports.InfluxColors.Viridian},DesertFestival:{start:exports.InfluxColors.Curacao,stop:exports.InfluxColors.Star},MiyazakiSky:{start:exports.InfluxColors.Star,stop:exports.InfluxColors.Pool},GarageBand:{start:exports.InfluxColors.Pool,stop:exports.InfluxColors.Rainforest},BrooklynCowboy:{start:exports.InfluxColors.Dreamsicle,stop:exports.InfluxColors.Comet},PastelGothic:{start:exports.InfluxColors.Comet,stop:exports.InfluxColors.Laser},LowDifficulty:{start:exports.InfluxColors.Laser,stop:exports.InfluxColors.Honeydew},SynthPop:{start:exports.InfluxColors.Tungsten,stop:exports.InfluxColors.Potassium},CottonCandy:{start:exports.InfluxColors.Potassium,stop:exports.InfluxColors.Hydrogen},HotelBreakfast:{start:exports.InfluxColors.Hydrogen,stop:exports.InfluxColors.Krypton},MagicCarpet:{start:exports.InfluxColors.Marmelade,stop:exports.InfluxColors.Moonstone},CruisingAltitude:{start:exports.InfluxColors.Moonstone,stop:exports.InfluxColors.Neutrino},CoconutLime:{start:exports.InfluxColors.Neutrino,stop:exports.InfluxColors.Wasabi},PastryCafe:{start:exports.InfluxColors.Flan,stop:exports.InfluxColors.Twilight},KawaiiDesu:{start:exports.InfluxColors.Twilight,stop:exports.InfluxColors.Yeti},RobotLogic:{start:exports.InfluxColors.Yeti,stop:exports.InfluxColors.Mint}},ee={Amethyst:{start:exports.InfluxColors.Neutrino,stop:exports.InfluxColors.Hydrogen},Sapphire:{start:exports.InfluxColors.Neutrino,stop:exports.InfluxColors.Hydrogen},Malachite:{start:exports.InfluxColors.Neutrino,stop:exports.InfluxColors.Krypton}},te=function(e){return ee[e]||$[e]},re=function(e){var t=7===e.length,r=[];return"#"===e.substring(0,1)||r.push("Hexcodes must begin with #"),t||r.push(r.length?"and must be 7 characters":"Hexcodes must be 7 characters"),r.length?r.join(", "):null},oe=function(e){function t(t){var r=this;e.call(this,t),this.handleSwatchClick=function(e){var t=r.props.onChange;r.setState({errorMessage:null}),t(e,exports.ComponentStatus.Valid)},this.handleInputChange=function(e){var t=r.props.onChange,o=["#","a","b","c","d","e","f","0","1","2","3","4","5","6","7","8","9"],n=e.target.value.trim().split("").filter(function(e){return o.includes(e.toLowerCase())}).join(""),s=re(n),a=s?exports.ComponentStatus.Error:exports.ComponentStatus.Valid;r.setState({errorMessage:s}),t(n,a)},this.handleInputBlur=function(e){r.props.maintainInputFocus&&e.target.focus()},this.handleRandomizeColor=function(){var e=r.props,t=e.onChange,o=p.sample(e.colors),n=p.get(o,"hex")||"";r.setState({errorMessage:null}),t(n,exports.ComponentStatus.Valid)},this.state={errorMessage:null}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={inputStatus:{configurable:!0},errorMessage:{configurable:!0},colorPreview:{configurable:!0}};return t.prototype.render=function(){var e=this,t=this.props,r=t.maintainInputFocus,o=t.testID,n=t.color,s=t.colors;return a.createElement("div",{className:"color-picker","data-testid":o},a.createElement("div",{className:"color-picker--swatches"},s&&s.map(function(t){return a.createElement(Q,{key:t.name,hex:t.hex,name:t.name,onClick:e.handleSwatchClick,testID:o})})),a.createElement("div",{className:"color-picker--form"},a.createElement(F,{customClass:"color-picker--input",placeholder:"#000000",value:n,onChange:this.handleInputChange,maxLength:7,onBlur:this.handleInputBlur,autoFocus:r,status:this.inputStatus,testID:o+"--input"}),this.colorPreview,a.createElement(w,{icon:exports.IconFont.Refresh,shape:exports.ButtonShape.Square,onClick:this.handleRandomizeColor,titleText:"I'm feeling lucky",testID:o+"--randomize"})),this.errorMessage)},r.inputStatus.get=function(){return this.state.errorMessage?exports.ComponentStatus.Error:exports.ComponentStatus.Valid},r.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return a.createElement("div",{className:"color-picker--error","data-testid":this.props.testID+"--error"},a.createElement(G,{message:e}))},r.colorPreview.get=function(){return a.createElement("div",{className:"color-picker--selected",style:{backgroundColor:this.props.color}})},Object.defineProperties(t.prototype,r),t}(s.Component);oe.defaultProps={colors:[{hex:"#311F94",name:"Void"},{hex:"#513CC6",name:"Amethyst"},{hex:"#7A65F2",name:"Star"},{hex:"#9394FF",name:"Comet"},{hex:"#B1B6FF",name:"Potassium"},{hex:"#C9D0FF",name:"Moonstone"},{hex:"#fafafc",name:"Ghost"},{hex:"#c6cad3",name:"Chromium"},{hex:"#757888",name:"Mountain"},{hex:"#31313d",name:"Onyx"},{hex:"#326BBA",name:"Sapphire"},{hex:"#4591ED",name:"Ocean"},{hex:"#22ADF6",name:"Pool"},{hex:"#00C9FF",name:"Laser"},{hex:"#6BDFFF",name:"Hydrogen"},{hex:"#BEF0FF",name:"Neutrino"},{hex:"#f6f6f8",name:"Cloud"},{hex:"#bec2cc",name:"Mist"},{hex:"#676978",name:"Storm"},{hex:"#292933",name:"Castle"},{hex:"#108174",name:"Emerald"},{hex:"#32B08C",name:"Viridian"},{hex:"#4ED8A0",name:"Rainforest"},{hex:"#7CE490",name:"Honeydew"},{hex:"#A5F3B4",name:"Krypton"},{hex:"#C6FFD0",name:"Wasabi"},{hex:"#eeeff2",name:"Whisper"},{hex:"#a4a8b6",name:"Forge"},{hex:"#545667",name:"Graphite"},{hex:"#202028",name:"Kevlar"},{hex:"#E85B1C",name:"Topaz"},{hex:"#F48D38",name:"Tiger"},{hex:"#FFB94A",name:"Pineapple"},{hex:"#FFD255",name:"Thunder"},{hex:"#FFE480",name:"Sulfur"},{hex:"#FFF6B8",name:"Daisy"},{hex:"#e7e8eb",name:"Pearl"},{hex:"#999dab",name:"Sidewalk"},{hex:"#434453",name:"Smoke"},{hex:"#1c1c21",name:"Raven"},{hex:"#BF3D5E",name:"Ruby"},{hex:"#DC4E58",name:"Fire"},{hex:"#F95F53",name:"Curacao"},{hex:"#FF8564",name:"Dreamsicle"},{hex:"#FFB6A0",name:"Tungsten"},{hex:"#FFDCCF",name:"Marmelade"},{hex:"#d4d7dd",name:"Platinum"},{hex:"#8e91a1",name:"Wolf"},{hex:"#383846",name:"Pepper"},{hex:"#0f0e15",name:"Obsidian"}],maintainInputFocus:!1,testID:"color-picker"};var ne=function(e){function r(){e.apply(this,arguments)}return e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r,r.prototype.render=function(){var e=this.props;return a.createElement("h4",{className:"empty-state--text","data-testid":e.testID},function(r,o){return e.text.replace(/[\\][n]/g,"LINEBREAK").split(" ").map(function(e){return p.includes(o,e)?a.createElement("em",{key:t.v4()},""+e):"LINEBREAK"===e?a.createElement("br",{key:t.v4()}):a.createElement(s.Fragment,{key:t.v4()},"SPACECHAR"===e?" ":e+" ")})}(0,e.highlightWords))},r}(s.Component);ne.defaultProps={testID:"empty-state--text"};var se=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("p",{className:"empty-state--sub-text","data-testid":e.testID},e.text)},t}(s.Component);se.defaultProps={testID:"empty-state--sub-text"};var ae=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.customClass,o=t.size;return i("empty-state",((e={})["empty-state--"+o]=o,e[""+r]=r,e))},Object.defineProperties(t.prototype,r),t}(s.Component);ae.defaultProps={size:exports.ComponentSize.Small,testID:"empty-state"},ae.Text=ne,ae.SubText=se;var ie=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.stretchToFitHeight,o=t.stretchToFitWidth,n=t.justifyContent,s=t.alignItems,p=t.direction,l=t.children,c=t.margin,u=t.testID,d=t.style;return a.createElement("div",{className:i("component-spacer",(e={},e["component-spacer__margin-"+c]=c,e["component-spacer__"+p]=p,e["component-spacer__justify-"+n]=n,e["component-spacer__align-"+s]=s,e["component-spacer__stretch-w"]=o,e["component-spacer__stretch-h"]=r,e)),"data-testid":u,style:d},l)},t}(s.Component);ie.defaultProps={justifyContent:exports.JustifyContent.FlexStart,alignItems:exports.AlignItems.Center,stretchToFitWidth:!1,stretchToFitHeight:!1,testID:"component-spacer"};var pe=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.children;return a.createElement("div",{className:"panel--header"},a.createElement("div",{className:"panel--title"},e.title),a.createElement("div",{className:"panel--controls"},a.createElement(ie,{direction:exports.FlexDirection.Row,justifyContent:exports.JustifyContent.FlexEnd,alignItems:exports.AlignItems.Center},t)))},t}(s.Component);pe.defaultProps={testID:"panel--header"};var le=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return a.createElement("div",{className:"panel--body"},this.props.children)},t}(s.Component);le.defaultProps={testID:"panel--body"};var ce=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return a.createElement("div",{className:"panel--footer"},this.props.children)},t}(s.Component);ce.defaultProps={testID:"panel--footer"};var ue=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var o={useContrastText:{configurable:!0},style:{configurable:!0}};return t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.className,n=t.gradient,s=t.testID;return a.createElement("div",{className:i("panel panel--"+t.size,(e={},e[""+o]=o,e.panel__gradient=n,e["panel__"+this.useContrastText+"-text"]=this.useContrastText,e)),style:this.style,"data-testID":s},r)},o.useContrastText.get=function(){var e=this.props.gradient;if(!e)return!1;var t=te(e);return r(t.start).luminance()>=.34?"dark":"light"},o.style.get=function(){var e=this.props.gradient;if(e){var t=te(e);return{background:"linear-gradient(45deg, "+t.start+" 0%,"+t.stop+" 100%)"}}},Object.defineProperties(t.prototype,o),t}(s.Component);ue.defaultProps={size:exports.ComponentSize.Small,testID:"panel"},ue.Header=pe,ue.Body=le,ue.Footer=ce;var de=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={thumbXStyle:{configurable:!0},thumbYStyle:{configurable:!0}};return t.prototype.render=function(){var e,t=this.props,r=t.removeTracksWhenNotUsed,n=t.removeTrackYWhenNotUsed,s=t.removeTrackXWhenNotUsed,p=t.noScrollX,l=t.noScrollY,c=t.className,u=t.autoSize,d=t.noScroll,m=t.children,h=t.style,f=i("dapper-scrollbars",((e={"dapper-scrollbars--autohide":t.autoHide})[""+c]=c,e));return a.createElement(o,{translateContentSizesToHolder:u,className:f,style:h,noDefaultStyles:!1,removeTracksWhenNotUsed:r,removeTrackYWhenNotUsed:n,removeTrackXWhenNotUsed:s,noScrollX:p,noScrollY:l,noScroll:d,wrapperProps:{className:"dapper-scrollbars--wrapper"},contentProps:{className:"dapper-scrollbars--content"},trackXProps:{className:"dapper-scrollbars--track-x"},thumbXProps:{style:this.thumbXStyle,className:"dapper-scrollbars--thumb-x"},trackYProps:{className:"dapper-scrollbars--track-y"},thumbYProps:{style:this.thumbYStyle,className:"dapper-scrollbars--thumb-y"}},m)},r.thumbXStyle.get=function(){var e=this.props;return{background:"linear-gradient(to right, "+e.thumbStartColor+" 0%,"+e.thumbStopColor+" 100%)"}},r.thumbYStyle.get=function(){var e=this.props;return{background:"linear-gradient(to bottom, "+e.thumbStartColor+" 0%,"+e.thumbStopColor+" 100%)"}},Object.defineProperties(t.prototype,r),t}(s.Component);de.defaultProps={removeTracksWhenNotUsed:!0,removeTrackYWhenNotUsed:!0,removeTrackXWhenNotUsed:!0,noScrollX:!1,noScrollY:!1,noScroll:!1,thumbStartColor:"#00C9FF",thumbStopColor:"#9394FF",autoHide:!1,autoSize:!0};var me=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"waiting-text "+(e.className||""),"data-testid":e.testID},e.text)},t}(s.Component);me.defaultProps={testID:"waiting-text"};var he=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return a.createElement("div",{className:"clockface--app-wrapper"},this.props.children)},t}(s.PureComponent),fe=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){return a.createElement("div",{className:"page-header--left",style:this.styles},this.props.children)},r.styles.get=function(){var e=this.props.offsetPixels;if(0!==e)return{flex:"1 0 calc(50% - "+e+"px)"}},Object.defineProperties(t.prototype,r),t}(s.Component);fe.defaultProps={offsetPixels:0};var xe=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){return a.createElement("div",{className:"page-header--center",style:this.styles},this.props.children)},r.styles.get=function(){return{flex:"1 0 "+this.props.widthPixels+"px"}},Object.defineProperties(t.prototype,r),t}(s.Component);xe.defaultProps={widthPixels:200};var ye=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){return a.createElement("div",{className:"page-header--right",style:this.styles},this.props.children)},r.styles.get=function(){var e=this.props.offsetPixels;if(0!==e)return{flex:"1 0 calc(50% - "+e+"px)"}},Object.defineProperties(t.prototype,r),t}(s.Component);ye.defaultProps={offsetPixels:0};var Ce=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},childrenWithCorrectWidths:{configurable:!0}};return t.prototype.render=function(){return this.props.hide?null:a.createElement("div",{className:this.className,"data-testid":"page-header"},a.createElement("div",{className:"page-header--center"},this.childrenWithCorrectWidths))},r.className.get=function(){return i("page-header",{"full-width":this.props.fullWidth})},r.childrenWithCorrectWidths.get=function(){var e=this.props.children,t=0;a.Children.forEach(e,function(e){e.type===xe&&(t=e.props.widthPixels)});var r=e;return t&&(r=a.Children.map(e,function(e){return e.type===fe?a.createElement(fe,Object.assign({},e.props,{offsetPixels:t/2})):e.type===ye?a.createElement(ye,Object.assign({},e.props,{offsetPixels:t/2})):e})),r},Object.defineProperties(t.prototype,r),t}(s.Component);Ce.defaultProps={hide:!1},Ce.Left=fe,Ce.Center=xe,Ce.Right=ye;var ge=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("h1",{className:"page--title",title:e.altText},e.title)},t}(s.PureComponent),be=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},children:{configurable:!0}};return t.prototype.render=function(){return this.props.scrollable?a.createElement(de,{className:this.className,autoHide:!1,autoSize:!1},a.createElement("div",{className:"page-contents--padding"},this.children)):a.createElement("div",{className:this.className},a.createElement("div",{className:"page-contents--padding"},this.children))},r.className.get=function(){var e=this.props;return i("page-contents",{"full-width":e.fullWidth,"full-height":e.fullHeight})},r.children.get=function(){var e=this.props,t=e.children;return e.fullWidth?t:a.createElement("div",{className:"page-contents--center"},a.createElement("div",{className:"row"},t))},Object.defineProperties(t.prototype,r),t}(s.Component),ve=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.componentDidMount=function(){var e=this.props.loadingTitleTag;e&&(document.title=""+e)},t.prototype.componentDidUpdate=function(e){e.titleTag!==this.props.titleTag&&this.props.titleTag&&(document.title=""+this.props.titleTag)},t.prototype.render=function(){return a.createElement("div",{className:this.className},this.props.children)},r.className.get=function(){var e,t=this.props.className;return i("page",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(s.Component);ve.Header=Ce,ve.Title=ge,ve.Contents=be;var Se=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.testID,n=t.className,s=t.titleLink,p=t.iconLink;return a.createElement("div",{className:i("nav--item",(e={active:t.active},e[""+n]=n,e)),"data-testid":o},p("nav--item-icon"),a.createElement("div",{className:"nav--item-menu"},s("nav--item-header"),r))},t}(s.PureComponent);Se.defaultProps={testID:"nav-menu--item"};var De=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.className;return(0,t.titleLink)(i("nav--sub-item",((e={active:t.active})[""+r]=r,e)))},t}(s.PureComponent),ke=function(e){function t(t){e.call(this,t)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.testID;if(t.hide)return null;var n=i("nav",((e={})[""+this.props.className]=this.props.className,e));return a.createElement("nav",{className:n,"data-testid":o},r)},t}(s.PureComponent);ke.defaultProps={testID:"nav-menu"},ke.Item=Se,ke.SubItem=De;var _e=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={isDisabled:{configurable:!0},classname:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.icon;return a.createElement("button",{className:this.classname,onClick:e.onClick,disabled:this.isDisabled,title:e.title,type:exports.ButtonType.Button,"data-testid":e.testID},!!r&&a.createElement(l,{glyph:r,className:"dropdown--icon"}),a.createElement("span",{className:"dropdown--selected"},t),a.createElement("span",{className:"dropdown--caret icon caret-down"}))},r.isDisabled.get=function(){return[exports.ComponentStatus.Disabled,exports.ComponentStatus.Loading,exports.ComponentStatus.Error].includes(this.props.status)},r.classname.get=function(){var e,t=this.props,r=t.active,o=t.color,n=t.size;return i("dropdown--button button",((e={"button-stretch":!0,"button-disabled":this.isDisabled})["button-"+o]=o,e["button-"+n]=n,e.active=r,e))},Object.defineProperties(t.prototype,r),t}(s.Component);_e.defaultProps={color:exports.ComponentColor.Default,size:exports.ComponentSize.Small,status:exports.ComponentStatus.Default,active:!1,testID:"dropdown--button"};var Ee=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.text,r=e.testID;return a.createElement("div",{className:i("dropdown--divider",{line:!t}),"data-testid":r},t)},t}(s.Component);Ee.defaultProps={testID:"dropdown--divider"};var Ne=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(e){e.preventDefault();var r=t.props,o=r.onClick;o&&o(r.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={checkBox:{configurable:!0},dot:{configurable:!0},childElements:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.selected,r=e.checkbox,o=e.id;return a.createElement("div",{className:i("dropdown--item",{checked:t&&r,active:t&&!r,"multi-select--item":r}),"data-testid":"dropdown--item "+o,onClick:this.handleClick},this.checkBox,this.childElements,this.dot)},r.checkBox.get=function(){if(this.props.checkbox)return a.createElement("div",{className:"dropdown-item--checkbox"})},r.dot.get=function(){var e=this.props;if(e.selected&&!e.checkbox)return a.createElement("div",{className:"dropdown-item--dot"})},r.childElements.get=function(){return a.createElement("div",{className:"dropdown-item--children"},this.props.children)},Object.defineProperties(t.prototype,r),t}(s.Component);Ne.defaultProps={checkbox:!1,selected:!1};var Ie=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClickOutside=function(e){var r=n.findDOMNode(t);r&&r.contains(e.target)||t.props.onClickOutside(e)}}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.componentDidMount=function(){document.addEventListener("mousedown",this.handleClickOutside,!0)},t.prototype.componentWillUnmount=function(){document.removeEventListener("mousedown",this.handleClickOutside,!0)},t.prototype.render=function(){return a.Children.only(this.props.children)},t}(s.PureComponent),we=function(e){function t(t){var r=this;e.call(this,t),this.toggleMenu=function(e){e.preventDefault(),r.setState({expanded:!r.state.expanded})},this.collapseMenu=function(){r.setState({expanded:!1})},this.handleItemClick=function(e){(0,r.props.onChange)(e),r.collapseMenu()},this.state={expanded:!1}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={containerClassName:{configurable:!0},button:{configurable:!0},menuItems:{configurable:!0}};return t.prototype.render=function(){var e=this.props.widthPixels;return a.createElement(Ie,{onClickOutside:this.collapseMenu},a.createElement("div",{className:this.containerClassName,style:{width:e?e+"px":"100%"}},this.button,this.menuItems))},r.containerClassName.get=function(){var e,t=this.props,r=t.mode,o=t.wrapMenuText;return i("dropdown dropdown-"+t.buttonSize+" dropdown-"+t.buttonColor,((e={disabled:t.status===exports.ComponentStatus.Disabled,"dropdown-wrap":o,"dropdown-truncate":!o,customClass:t.customClass})["dropdown--"+r]=r,e))},r.button.get=function(){var e,t=this.props,r=t.selectedID,o=t.status,n=t.buttonColor,s=t.buttonSize,i=t.icon,l=t.mode,c=t.titleText,u=t.buttonTestID,d=this.state.expanded,m=a.Children.toArray(this.props.children).find(function(e){return p.get(e,"props.id",null)===r}),h=o;return o===exports.ComponentStatus.Loading?e=a.createElement(me,{text:"Loading"}):m?e=p.get(m,"props.children",null):l===exports.DropdownMode.ActionList?e=c:(e=c,h=exports.ComponentStatus.Disabled),a.createElement(_e,{active:d,color:n,size:s,icon:i,onClick:this.toggleMenu,status:h,title:c,testID:u},e)},r.menuItems.get=function(){var e=this,t=this.props,r=t.selectedID,o=t.maxMenuHeight,n=t.widthPixels,s=t.menuWidthPixels,i=t.menuHeader,p=t.menuColor,l=t.children,c=t.testID;if(this.state.expanded){var u="100%";n&&(u=n+"px"),s&&(u=s+"px");var d=te(p);return a.createElement("div",{className:"dropdown--menu-container dropdown--"+p.toLowerCase(),style:{width:u}},a.createElement(de,{style:{maxWidth:"100%",maxHeight:o+"px"},autoSize:!0,autoHide:!1,thumbStartColor:d&&d.start,thumbStopColor:d&&d.stop},a.createElement("div",{className:"dropdown--menu","data-testid":"dropdown--menu "+c},i&&i,a.Children.map(l,function(t){if(t.type===Ne)return a.createElement(Ne,Object.assign({},t.props,{key:t.props.id,selected:t.props.id===r,onClick:e.handleItemClick}),t.props.children);if(t.type===Ee)return a.createElement(Ee,Object.assign({},t.props,{key:t.props.id}));throw new Error("Expected children of type <Dropdown.Item /> or <Dropdown.Divider />")}))))}},Object.defineProperties(t.prototype,r),t}(s.Component);we.defaultProps={buttonColor:exports.ComponentColor.Default,buttonSize:exports.ComponentSize.Small,status:exports.ComponentStatus.Default,maxMenuHeight:250,menuColor:exports.DropdownMenuColors.Sapphire,mode:exports.DropdownMode.Radio,titleText:"",wrapMenuText:!1,testID:"dropdown",buttonTestID:"dropdown-button"},we.Button=_e,we.Item=Ne,we.Divider=Ee;var Fe=function(e){function t(t){var r=this;e.call(this,t),this.toggleMenu=function(){r.setState({expanded:!r.state.expanded})},this.collapseMenu=function(){var e=r.props.onCollapse;r.setState({expanded:!1}),e&&e()},this.handleItemClick=function(e){var t=r.props,o=t.selectedIDs;(0,t.onChange)(p.includes(o,e.id)?o.filter(function(t){return t!==e.id}):o.concat([e.id]),e)},this.childTypeIsValid=function(e){return e.type===Ne||e.type===Ee},this.state={expanded:!1}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={containerStyle:{configurable:!0},containerClassName:{configurable:!0},button:{configurable:!0},menuItems:{configurable:!0},menuStyle:{configurable:!0}};return t.prototype.render=function(){return a.createElement(Ie,{onClickOutside:this.collapseMenu},a.createElement("div",{className:this.containerClassName,style:this.containerStyle,"data-testid":this.props.testID},this.button,this.menuItems))},r.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},r.containerClassName.get=function(){var e=this.props;return i("dropdown dropdown-"+e.buttonSize+" dropdown-"+e.buttonColor,{disabled:e.status===exports.ComponentStatus.Disabled,"dropdown-wrap":e.wrapText,customClass:e.customClass})},r.button.get=function(){var e,t=this.props,r=t.selectedIDs,o=t.status,n=t.buttonColor,i=t.buttonSize,l=t.icon,c=t.emptyText,u=t.separatorText,d=this.state.expanded,m=a.Children.toArray(this.props.children).filter(function(e){return p.includes(r,p.get(e,"props.id",null))});return e=m.length?m.map(function(e,t){return t<m.length-1?a.createElement(s.Fragment,{key:p.get(e,"props.id",null)},p.get(e,"props.children",null),u):p.get(e,"props.children",null)}):c,a.createElement(_e,{active:d,color:n,size:i,icon:l,onClick:this.toggleMenu,status:o},e)},r.menuItems.get=function(){var e=this,t=this.props,r=t.selectedIDs,o=t.maxMenuHeight,n=t.menuColor,s=t.children,i=this.state.expanded,l=te(n);if(i)return a.createElement("div",{className:"dropdown--menu-container dropdown--"+n.toLowerCase(),style:this.menuStyle},a.createElement(de,{style:{maxWidth:"100%",maxHeight:o+"px"},autoHide:!1,autoSize:!0,thumbStartColor:l&&l.start,thumbStopColor:l&&l.stop},a.createElement("div",{className:"dropdown--menu","data-testid":"dropdown-menu"},a.Children.map(s,function(t){if(e.childTypeIsValid(t))return t.type===Ne?a.createElement(Ne,Object.assign({},t.props,{key:t.props.id,checkbox:!0,selected:p.includes(r,t.props.id),onClick:e.handleItemClick}),t.props.children):a.createElement(Ee,Object.assign({},t.props,{key:t.props.id}));throw new Error("Expected children of type <Dropdown.Item /> or <Dropdown.Divider />")}))))},r.menuStyle.get=function(){var e=this.props,t=e.widthPixels,r="100%";return t&&(r=t+"px"),e.wrapText&&t?{width:r}:{minWidth:r}},Object.defineProperties(t.prototype,r),t}(s.Component);Fe.defaultProps={buttonColor:exports.ComponentColor.Default,buttonSize:exports.ComponentSize.Small,status:exports.ComponentStatus.Default,wrapText:!1,maxMenuHeight:250,menuColor:exports.DropdownMenuColors.Sapphire,emptyText:"Choose an item",separatorText:", ",testID:"multi-select-dropdown"},Fe.Button=_e,Fe.Item=Ne,Fe.Divider=Ee,exports.Alert=N,exports.Button=w,exports.Input=F,exports.Grid=M,exports.GridColumn=O,exports.GridRow=P,exports.Icon=l,exports.TextArea=j,exports.Radio=L,exports.SlideToggle=A,exports.SlideToggleLabel=z,exports.SparkleSpinner=W,exports.SpinnerContainer=R,exports.TechnoSpinner=H,exports.Form=Z,exports.FormDivider=X,exports.FormElement=U,exports.FormElementError=G,exports.FormFooter=Y,exports.FormHelpText=K,exports.FormLabel=q,exports.FormBox=J,exports.FormValidationElement=V,exports.ColorPicker=oe,exports.ColorPickerSwatch=Q,exports.EmptyState=ae,exports.EmptyStateText=ne,exports.EmptyStateSubText=se,exports.Panel=ue,exports.PanelBody=le,exports.PanelFooter=ce,exports.PanelHeader=pe,exports.DapperScrollbars=de,exports.WaitingText=me,exports.AppWrapper=he,exports.Page=ve,exports.PageHeader=Ce,exports.PageHeaderLeft=fe,exports.PageHeaderCenter=xe,exports.PageHeaderRight=ye,exports.PageContents=be,exports.PageTitle=ge,exports.NavMenu=ke,exports.NavMenuItem=Se,exports.NavMenuSubItem=De,exports.DropdownButton=_e,exports.DropdownDivider=Ee,exports.DropdownItem=Ne,exports.Dropdown=we,exports.MultiSelectDropdown=Fe,exports.ClickOutside=Ie,exports.ComponentSpacer=ie; | ||
| function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var t=e(require("uuid")),r=e(require("chroma-js")),o=e(require("react-scrollbars-custom")),n=e(require("react-dom")),s=require("react"),a=e(s),i=e(require("classnames")),p=e(require("lodash")),l=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.glyph;return a.createElement("span",{className:this.props.className?"icon "+t+" "+this.props.className:"icon "+t,"data-testid":e.testID})},t}(s.Component);l.defaultProps={testID:"icon"};var c,u,d,m,h,f,x,y,C,g,b,v,S,D,k,_,I,E=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.icon;return a.createElement("div",{className:this.className,"data-testid":e.testID},!!r&&a.createElement(l,{glyph:r,className:"alert--icon"}),a.createElement("div",{className:"alert--contents"},t))},r.className.get=function(){var e,t=this.props,r=t.color,o=t.icon;return i("alert",((e={})["alert--"+r]=r,e["alert--has-icon"]=o,e))},Object.defineProperties(t.prototype,r),t}(s.Component);E.defaultProps={testID:"alert"},(c=exports.ComponentColor||(exports.ComponentColor={})).Default="default",c.Primary="primary",c.Secondary="secondary",c.Success="success",c.Warning="warning",c.Danger="danger",(u=exports.ComponentSize||(exports.ComponentSize={})).ExtraSmall="xs",u.Small="sm",u.Medium="md",u.Large="lg",(d=exports.ComponentStatus||(exports.ComponentStatus={})).Default="default",d.Loading="loading",d.Error="error",d.Valid="valid",d.Disabled="disabled",(m=exports.Gradients||(exports.Gradients={})).BeijingEclipse="BeijingEclipse",m.DistantNebula="DistantNebula",m.SpirulinaSmoothie="SpirulinaSmoothie",m.LASunset="LASunset",m.PolarExpress="PolarExpress",m.RebelAlliance="RebelAlliance",m.DocScott="DocScott",m.GundamPilot="GundamPilot",m.TropicalTourist="TropicalTourist",m.DesertFestival="DesertFestival",m.MiyazakiSky="MiyazakiSky",m.GarageBand="GarageBand",m.BrooklynCowboy="BrooklynCowboy",m.PastelGothic="PastelGothic",m.LowDifficulty="LowDifficulty",m.SynthPop="SynthPop",m.CottonCandy="CottonCandy",m.HotelBreakfast="HotelBreakfast",m.MagicCarpet="MagicCarpet",m.CruisingAltitude="CruisingAltitude",m.CoconutLime="CoconutLime",m.PastryCafe="PastryCafe",m.KawaiiDesu="KawaiiDesu",m.RobotLogic="RobotLogic",(h=exports.DropdownMenuColors||(exports.DropdownMenuColors={})).Amethyst="Amethyst",h.Malachite="Malachite",h.Sapphire="Sapphire",h.Onyx="Onyx",(f=exports.DropdownMode||(exports.DropdownMode={})).ActionList="action",f.Radio="radio",(x=exports.ButtonShape||(exports.ButtonShape={})).Default="none",x.Square="square",x.StretchToFit="stretch",(y=exports.ButtonType||(exports.ButtonType={})).Button="button",y.Submit="submit",(C=exports.InfluxColors||(exports.InfluxColors={})).Obsidian="#0f0e15",C.Raven="#1c1c21",C.Kevlar="#202028",C.Castle="#292933",C.Onyx="#31313d",C.Pepper="#383846",C.Smoke="#434453",C.Graphite="#545667",C.Storm="#676978",C.Mountain="#757888",C.Wolf="#8e91a1",C.Sidewalk="#999dab",C.Forge="#a4a8b6",C.Mist="#bec2cc",C.Chromium="#c6cad3",C.Platinum="#d4d7dd",C.Pearl="#e7e8eb",C.Whisper="#eeeff2",C.Cloud="#f6f6f8",C.Ghost="#fafafc",C.White="#ffffff",C.Abyss="#182838",C.Sapphire="#326BBA",C.Ocean="#4591ED",C.Pool="#22ADF6",C.Laser="#00C9FF",C.Hydrogen="#6BDFFF",C.Neutrino="#BEF0FF",C.Yeti="#F0FCFF",C.Shadow="#1F2039",C.Void="#311F94",C.Amethyst="#513CC6",C.Star="#7A65F2",C.Comet="#9394FF",C.Potassium="#B1B6FF",C.Moonstone="#C9D0FF",C.Twilight="#F2F4FF",C.Gypsy="#152B2D",C.Emerald="#108174",C.Viridian="#32B08C",C.Rainforest="#4ED8A0",C.Honeydew="#7CE490",C.Krypton="#A5F3B4",C.Wasabi="#C6FFD0",C.Mint="#F2FFF4",C.Oak="#3F241F",C.Topaz="#E85B1C",C.Tiger="#F48D38",C.Pineapple="#FFB94A",C.Thunder="#FFD255",C.Sulfur="#FFE480",C.Daisy="#FFF6B8",C.Banana="#FFFDDE",C.Basalt="#2F1F29",C.Ruby="#BF3D5E",C.Fire="#DC4E58",C.Curacao="#F95F53",C.Dreamsicle="#FF8564",C.Tungsten="#FFB6A0",C.Marmelade="#FFDCCF",C.Flan="#FFF7F4",(g=exports.IconFont||(exports.IconFont={})).AddCell="add-cell",g.AlertTriangle="alert-triangle",g.Alerts="alerts",g.Annotate="annotate",g.AnnotatePlus="annotate-plus",g.AuthZero="authzero",g.BarChart="bar-chart",g.Bell="bell",g.BellRinging="bell-ringing",g.BellSolid="bell-solid",g.Brush="brush",g.Calendar="calendar",g.Capacitor="capacitor2",g.CaretDown="caret-down",g.CaretLeft="caret-left",g.CaretRight="caret-right",g.CaretUp="caret-up",g.Chat="chat",g.Checkmark="checkmark",g.Circle="circle",g.CircleThick="circle-thick",g.Clock="clock",g.Cloud="cloud",g.CogOutline="cog-outline",g.CogThick="cog-thick",g.Collapse="collapse",g.CrownOutline="crown-outline",g.CrownSolid="crown2",g.Cube="cube",g.Cubouniform="cubo-uniform",g.CuboNav="cubo-nav",g.Dashboards="dashboards",g.DashF="dash-f",g.DashH="dash-h",g.DashJ="dash-j",g.Disks="disks",g.Download="download",g.Duplicate="duplicate",g.ExpandA="expand-a",g.ExpandB="expand-b",g.Export="export",g.Eye="eye",g.EyeClosed="eye-closed",g.EyeOpen="eye-open",g.GitHub="github",g.Google="google",g.GraphLine="graphline-2",g.Group="group",g.Heroku="heroku",g.HerokuSimple="",g.Import="import",g.Link="link",g.NavChat="nav-chat",g.OAuth="oauth",g.Octagon="octagon",g.Okta="okta",g.Pause="pause",g.Pencil="pencil",g.Play="play",g.Plus="plus",g.PlusSkinny="plus-skinny",g.Pulse="pulse-c",g.Refresh="refresh",g.Remove="remove",g.Search="search",g.Server="server2",g.Shuffle="shuffle",g.Square="square",g.TextBlock="text-block",g.Trash="trash",g.Triangle="triangle",g.User="user",g.UserAdd="user-add",g.UserOutline="user-outline",g.UserRemove="user-remove",g.UsersDuo="users-duo",g.UsersTrio="users-trio",g.Wood="wood",g.Wrench="wrench",g.Star="star",g.Stop="stop",g.Zap="zap",(b=exports.Columns||(exports.Columns={}))[b.One=1]="One",b[b.Two=2]="Two",b[b.Three=3]="Three",b[b.Four=4]="Four",b[b.Five=5]="Five",b[b.Six=6]="Six",b[b.Seven=7]="Seven",b[b.Eight=8]="Eight",b[b.Nine=9]="Nine",b[b.Ten=10]="Ten",b[b.Eleven=11]="Eleven",b[b.Twelve=12]="Twelve",(v=exports.Sort||(exports.Sort={})).Descending="desc",v.Ascending="asc",v.None="none",(S=exports.JustifyContent||(exports.JustifyContent={})).FlexStart="flex-start",S.Center="center",S.FlexEnd="flex-end",S.SpaceBetween="space-between",S.SpaceAround="space-around",(D=exports.AlignItems||(exports.AlignItems={})).FlexStart="flex-start",D.Center="center",D.FlexEnd="flex-end",D.Stretch="stretch",(k=exports.FlexDirection||(exports.FlexDirection={})).Row="row",k.RowReverse="row-reverse",k.Column="column",k.ColumnReverse="column-reverse",(_=exports.RemoteDataState||(exports.RemoteDataState={})).NotStarted="NotStarted",_.Loading="Loading",_.Done="Done",_.Error="Error",(I=exports.AutoComplete||(exports.AutoComplete={})).On="on",I.Off="off";var N,w=function(e){function t(){e.apply(this,arguments),this.ref=a.createRef()}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={icon:{configurable:!0},text:{configurable:!0},disabled:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.onClick,r=e.text,o=e.titleText,n=e.tabIndex,s=e.type,i=e.testID;if(!e.icon&&!r)throw new Error('Button requires either "text" or "icon" props');return a.createElement("button",{className:this.className,disabled:this.disabled,onClick:t,title:o||r,tabIndex:n||0,type:s,ref:this.ref,"data-testid":i},this.icon,this.text,this.statusIndicator)},r.icon.get=function(){var e=this.props.icon;return e?a.createElement(l,{glyph:e,className:"button-icon"}):null},r.text.get=function(){var e=this.props;return e.shape===exports.ButtonShape.Square?null:e.text},r.disabled.get=function(){var e=this.props.status;return e===exports.ComponentStatus.Disabled||e===exports.ComponentStatus.Loading},r.statusIndicator.get=function(){var e=this.props;return e.status===exports.ComponentStatus.Loading?a.createElement("div",{className:"button-spinner button-spinner--"+e.size}):null},r.className.get=function(){var e,t=this.props,r=t.shape,o=t.status,n=t.customClass;return i("button button-"+t.size+" button-"+t.color,((e={"button-square":r===exports.ButtonShape.Square,"button-stretch":r===exports.ButtonShape.StretchToFit,"button--loading":o===exports.ComponentStatus.Loading,"button--disabled":o===exports.ComponentStatus.Disabled,active:t.active})[""+n]=n,e))},Object.defineProperties(t.prototype,r),t}(s.Component);w.defaultProps={color:exports.ComponentColor.Default,size:exports.ComponentSize.Small,shape:exports.ButtonShape.Default,status:exports.ComponentStatus.Default,active:!1,type:exports.ButtonType.Button,testID:exports.ButtonType.Button},(N=exports.InputType||(exports.InputType={})).Text="text",N.Number="number",N.Password="password",N.Email="email";var F=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={transformedValue:{configurable:!0},icon:{configurable:!0},title:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0},containerStyle:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,style:this.containerStyle},a.createElement("input",{id:e.id,min:e.min,max:e.max,title:this.title,autoComplete:e.autocomplete,name:e.name,type:e.type,value:this.transformedValue,placeholder:e.placeholder,autoFocus:e.autoFocus,spellCheck:e.spellCheck,onChange:e.onChange,onBlur:e.onBlur,onFocus:e.onFocus,onKeyPress:e.onKeyPress,onKeyUp:e.onKeyUp,onKeyDown:e.onKeyDown,className:"input-field",disabled:e.status===exports.ComponentStatus.Disabled,maxLength:e.maxLength,tabIndex:e.tabIndex,"data-testid":e.testID}),this.icon,this.statusIndicator)},r.transformedValue.get=function(){var e=this.props,t=e.value;return e.type===exports.InputType.Number?Number(t):""+t},r.icon.get=function(){var e=this.props.icon;return e?a.createElement(l,{glyph:e,className:"input-icon"}):null},r.title.get=function(){var e=this.props;return e.status===exports.ComponentStatus.Disabled?e.disabledTitleText:e.titleText},r.statusIndicator.get=function(){var e=this.props.status;return e===exports.ComponentStatus.Loading?a.createElement(a.Fragment,null,a.createElement("div",{className:"input-status"},a.createElement("div",{className:"input-spinner"})),a.createElement("div",{className:"input-shadow"})):e===exports.ComponentStatus.Error?a.createElement(a.Fragment,null,a.createElement(l,{glyph:exports.IconFont.AlertTriangle,className:"input-status",testID:"input-error"}),a.createElement("div",{className:"input-shadow"})):e===exports.ComponentStatus.Valid?a.createElement(a.Fragment,null,a.createElement(l,{glyph:exports.IconFont.Checkmark,className:"input-status",testID:"input-valud"}),a.createElement("div",{className:"input-shadow"})):a.createElement("div",{className:"input-shadow"})},r.className.get=function(){var e,t=this.props,r=t.size,o=t.status,n=t.icon,s=t.customClass;return i("input",((e={})["input-"+r]=r,e["input--has-icon"]=n,e["input--valid"]=o===exports.ComponentStatus.Valid,e["input--error"]=o===exports.ComponentStatus.Error,e["input--loading"]=o===exports.ComponentStatus.Loading,e["input--disabled"]=o===exports.ComponentStatus.Disabled,e[""+s]=s,e))},r.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(t.prototype,r),t}(s.Component);F.defaultProps={type:exports.InputType.Text,name:"",value:"",placeholder:"",titleText:"",autocomplete:exports.AutoComplete.Off,disabledTitleText:"This input is disabled",size:exports.ComponentSize.Small,status:exports.ComponentStatus.Default,autoFocus:!1,spellCheck:!1,testID:"input-field"};var P=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"grid--row","data-testid":e.testID},e.children)},t}(s.Component);P.defaultProps={testID:"grid--row"};var O=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.widthXS,o=t.widthSM,n=t.widthMD,s=t.widthLG,a=t.offsetXS,p=t.offsetSM,l=t.offsetMD,c=t.offsetLG;return i("grid--column",((e={})["col-xs-"+r]=r,e["col-sm-"+o]=o,e["col-md-"+n]=n,e["col-lg-"+s]=s,e["col-xs-offset-"+a]=a,e["col-sm-offset-"+p]=p,e["col-md-offset-"+l]=l,e["col-lg-offset-"+c]=c,e))},Object.defineProperties(t.prototype,r),t}(s.Component);O.defaultProps={testID:"grid--column",widthXS:exports.Columns.Twelve};var T,M=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"grid--container","data-testid":e.testID},e.children)},t}(s.Component);M.defaultProps={testID:"grid"},M.Row=P,M.Column=O,(T=exports.Wrap||(exports.Wrap={})).Hard="hard",T.Soft="soft",T.Off="off";var j=function(e){function t(){var t=this;e.apply(this,arguments),this.handleChange=function(e){var r=t.props.onChange;r&&r(e.target.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},containerStyle:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,style:this.containerStyle},a.createElement("textarea",{autoComplete:e.autocomplete,autoFocus:e.autoFocus,disabled:e.status===exports.ComponentStatus.Disabled,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,placeholder:e.placeholder,readOnly:e.readOnly,required:e.required,cols:e.cols,rows:e.rows,spellCheck:e.spellCheck,wrap:e.wrap,className:"text-area",value:e.value,onBlur:e.onBlur,onFocus:e.onFocus,onKeyPress:e.onKeyPress,onKeyUp:e.onKeyUp,onKeyDown:e.onKeyDown,onChange:this.handleChange}))},r.className.get=function(){var e,t=this.props,r=t.size,o=t.customClass;return i("text-area--container",((e={})["input-"+r]=r,e.customClass=o,e))},r.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(t.prototype,r),t}(s.Component);j.defaultProps={autocomplete:exports.AutoComplete.Off,autoFocus:!1,cols:20,form:"",name:"",placeholder:"",readOnly:!1,required:!1,rows:20,spellCheck:!1,wrap:exports.Wrap.Hard,value:""};var B=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;(0,e.onClick)(e.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},title:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("button",{type:"button",className:this.className,disabled:e.disabled,onClick:this.handleClick,title:this.title,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.className;return i("radio-button",((e={active:t.active,disabled:t.disabled})[""+r]=r,e))},r.title.get=function(){var e=this.props;return e.disabled?e.disabledTitleText:e.titleText},Object.defineProperties(t.prototype,r),t}(s.Component);B.defaultProps={disabled:!1,disabledTitleText:"This option is disabled",testID:"radio--button"};var L=function(e){function t(){var t=this;e.apply(this,arguments),this.validateChildCount=function(){if(a.Children.count(t.props.children)<2)throw new Error("<Radio> requires at least 2 child elements. We recommend using <Radio.Button />")}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={containerClassName:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.testID;return this.validateChildCount(),a.createElement("div",{className:this.containerClassName,"data-testid":r},t)},r.containerClassName.get=function(){var e,t=this.props,r=t.color,o=t.size,n=t.shape,s=t.className;return i("radio-buttons",((e={})["radio-buttons--"+r]=r,e["radio-buttons--"+o]=o,e["radio-buttons--square"]=n===exports.ButtonShape.Square,e["radio-buttons--stretch"]=n===exports.ButtonShape.StretchToFit,e[""+s]=s,e))},Object.defineProperties(t.prototype,r),t}(s.Component);L.defaultProps={color:exports.ComponentColor.Primary,size:exports.ComponentSize.Small,shape:exports.ButtonShape.Default,testID:"radio-button"},L.Button=B;var z=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return a.createElement("label",{className:"slide-toggle--label"},this.props.text)},t}(s.Component),A=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;e.disabled||(0,e.onChange)()}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,onClick:this.handleClick,title:e.tooltipText,"data-testid":e.testID},a.createElement("div",{className:"slide-toggle--knob"}))},r.className.get=function(){var e=this.props;return i("slide-toggle slide-toggle-"+e.size+" slide-toggle-"+e.color,{active:e.active,disabled:e.disabled})},Object.defineProperties(t.prototype,r),t}(s.Component);A.Label=z,A.defaultProps={size:exports.ComponentSize.Small,color:exports.ComponentColor.Primary,tooltipText:"",disabled:!1,testID:"slide-toggle"};var W=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={loadingStatus:{configurable:!0},animationState:{configurable:!0}};return t.prototype.render=function(){return a.createElement("div",{className:"sparkle-spinner","data-testid":this.props.testID},a.createElement("svg",{version:"1.1",id:"sparkle_spinner",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 250 250"},a.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-3 "+this.animationState,d:"M250,9.1C250,9.1,250,9.1,250,9.1l-1.6-7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0L241.5,0\n\tc0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-5.2,4.9c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0c0,0,0,0,0,0l1.6,6.9\n\tc0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l6.8,2.1c0,0,0,0,0,0s0,0,0,0h0c0,0,0,0,0,0l0,0L250,9.1\n\tC250,9.2,250,9.2,250,9.1L250,9.1L250,9.1C250,9.2,250,9.1,250,9.1C250,9.1,250,9.1,250,9.1z"}),a.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9l-0.8-3.5c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l-3.5-1c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-2.6,2.4c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l0.8,3.4c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l3.4,1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l0,0\n\tL168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9L168.5,187.9L168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9\n\tC168.5,187.9,168.5,187.9,168.5,187.9z"}),a.createElement("circle",{className:"sparkle-spinner--fill-light sparkle-spinner--delay-2 "+this.animationState,cx:"231.5",cy:"171.2",r:"3.5"}),a.createElement("path",{className:this.loadingStatus,d:"M181.3,136.9l-10.9-47.6c-0.6-2.6-3-5.2-5.6-6l-50-15.4c-0.6-0.2-1.4-0.2-2.1-0.2\n\tc-2.1,0-4.4,0.9-5.8,2.1L71,103.1c-2,1.7-3,5.2-2.4,7.7l11.7,51c0.6,2.6,3,5.2,5.6,6l46.7,14.4c0.6,0.2,1.4,0.2,2.1,0.2\n\tc2.1,0,4.4-0.9,5.8-2.1l38.3-35.6C180.9,142.8,181.9,139.5,181.3,136.9z M120,79.2l34.3,10.6c1.4,0.4,1.4,1,0,1.4l-18,4.1\n\tc-1.4,0.4-3.2-0.2-4.2-1.2l-12.6-13.6C118.4,79.3,118.7,78.8,120,79.2z M141.4,140.7c0.4,1.4-0.5,2.1-1.9,1.7l-37-11.4\n\tc-1.4-0.4-1.6-1.5-0.6-2.5l28.3-26.4c1-1,2.1-0.6,2.5,0.7L141.4,140.7z M80.4,107.2l30.1-28c1-1,2.6-0.9,3.6,0.1l15,16.3\n\tc1,1,0.9,2.6-0.1,3.6l-30.1,28c-1,1-2.6,0.9-3.6-0.1l-15-16.3C79.3,109.6,79.4,108,80.4,107.2z M87.7,151.5l-8-34.9\n\tc-0.4-1.4,0.2-1.6,1.1-0.6l12.6,13.6c1,1,1.4,3,1,4.4l-5.5,17.7C88.6,152.9,88,152.9,87.7,151.5z M131.7,171.9l-39.3-12.1\n\tc-1.4-0.4-2.1-1.9-1.7-3.2l6.6-21.1c0.4-1.4,1.9-2.1,3.2-1.7l39.3,12.1c1.4,0.4,2.1,1.9,1.7,3.2l-6.6,21.1\n\tC134.4,171.6,133.1,172.3,131.7,171.9z M166.5,143.3l-26.2,24.4c-1,1-1.5,0.6-1.1-0.7l5.5-17.7c0.4-1.4,1.9-2.7,3.2-3l18-4.1\n\tC167.3,141.8,167.5,142.5,166.5,143.3z M169.4,138.1l-21.6,5c-1.4,0.4-2.7-0.5-3.1-1.9l-9.2-40c-0.4-1.4,0.5-2.7,1.9-3.1l21.6-5\n\tc1.4-0.4,2.7,0.5,3.1,1.9l9.2,40C171.6,136.5,170.7,137.9,169.4,138.1z"}),a.createElement("g",null,a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"30",y1:"90.4",x2:"30",y2:"104.4"}),a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"37",y1:"97.4",x2:"23",y2:"97.4"})),a.createElement("g",null,a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"165.7",y1:"12.9",x2:"165.7",y2:"19.9"}),a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"169.2",y1:"16.4",x2:"162.2",y2:"16.4"})),a.createElement("g",null,a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"5.1",y1:"241.4",x2:"5.1",y2:"248.4"}),a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"8.6",y1:"244.9",x2:"1.6",y2:"244.9"})),a.createElement("g",null,a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"224.2",x2:"171.5",y2:"229.2"}),a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"229.2",x2:"171.5",y2:"224.2"})),a.createElement("g",null,a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"28.3",x2:"58.4",y2:"33.3"}),a.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"33.3",x2:"58.4",y2:"28.3"})),a.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M101.6,51.6c1.2,0,2.1,1,2.1,2.1s-1,2.1-2.1,2.1s-2.1-1-2.1-2.1S100.5,51.6,101.6,51.6 M101.6,50.2\n\t\tc-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5C105.1,51.8,103.6,50.2,101.6,50.2L101.6,50.2z"}),a.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-2 "+this.animationState,d:"M64.2,215.2c3.1,0,5.6,2.5,5.6,5.6s-2.5,5.6-5.6,5.6c-3.1,0-5.6-2.5-5.6-5.6S61.1,215.2,64.2,215.2\n\t\t M64.2,213.9c-3.9,0-7,3.1-7,7s3.1,7,7,7c3.9,0,7-3.1,7-7S68.1,213.9,64.2,213.9L64.2,213.9z"}),a.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M38.8,153.1l8.8,2.7l2.1,9l-6.8,6.3l-8.8-2.7l-2.1-9L38.8,153.1 M38.5,151.6C38.5,151.6,38.5,151.6,38.5,151.6\n\t\tc-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0l-7.8,7.3c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0s0,0,0,0l2.4,10.4c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0l10.2,3.1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l7.8-7.3c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0l-2.4-10.4\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0L38.5,151.6L38.5,151.6z M51.2,165.3L51.2,165.3L51.2,165.3z M51.2,165.3\n\t\tC51.2,165.3,51.2,165.3,51.2,165.3C51.2,165.3,51.2,165.3,51.2,165.3L51.2,165.3z"}),a.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-1 "+this.animationState,d:"M207.5,72.5l7.2,2.2l1.7,7.3l-5.5,5.1l-7.2-2.2l-1.7-7.3L207.5,72.5 M207.3,71C207.2,71,207.2,71,207.3,71\n\t\tC207.2,71,207.2,71,207.3,71c-0.1,0-0.1,0-0.1,0l-6.5,6.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l2,8.7c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l8.6,2.6c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l6.5-6.1c0,0,0,0,0,0c0,0,0,0,0-0.1\n\t\tc0,0,0,0,0,0l-2-8.7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0L207.3,71L207.3,71z M217.9,82.5L217.9,82.5L217.9,82.5z\n\t\t M217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5L217.9,82.5z"})))},r.loadingStatus.get=function(){var e=this.props.loading;return i("sparkle-spinner--logo",{"sparkle-spinner--fill-medium":e===exports.RemoteDataState.NotStarted||e===exports.RemoteDataState.Loading,"sparkle-spinner--animate-sparkle":e===exports.RemoteDataState.Loading,"sparkle-spinner--fill-error":e===exports.RemoteDataState.Error,"sparkle-spinner--fill-done":e===exports.RemoteDataState.Done})},r.animationState.get=function(){return i({"sparkle-spinner--animate-sparkle":this.props.loading===exports.RemoteDataState.Loading})},Object.defineProperties(t.prototype,r),t}(s.PureComponent);W.defaultProps={loading:exports.RemoteDataState.NotStarted,testID:"sparkle-spinner"};var R=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.loading,r=e.children;return t===exports.RemoteDataState.Loading||t===exports.RemoteDataState.NotStarted?a.createElement("div",{className:this.className,"data-testid":e.testID},e.spinnerComponent):r},r.className.get=function(){var e,t=this.props.className;return i("spinner-container",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(s.Component);R.defaultProps={testID:"spinner-container"};var H=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={style:{configurable:!0},strokeWidth:{configurable:!0}};return t.prototype.render=function(){return a.createElement("div",{className:"techno-spinner",style:this.style,"data-testid":this.props.testID})},r.style.get=function(){var e=this.props.diameterPixels;return{width:e+"px",height:e+"px",borderWidth:this.strokeWidth+"px"}},r.strokeWidth.get=function(){var e;switch(this.props.strokeWidth){case exports.ComponentSize.ExtraSmall:e=1;break;case exports.ComponentSize.Small:e=2;break;case exports.ComponentSize.Medium:e=4;break;case exports.ComponentSize.Large:default:e=8}return e},Object.defineProperties(t.prototype,r),t}(s.Component);H.defaultProps={diameterPixels:100,strokeWidth:exports.ComponentSize.Small,testID:"techno-spinner"};var q=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={requiredIndicator:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children;return a.createElement("label",{className:"form--label","data-testid":e.testID},a.createElement("span",null,e.label,this.requiredIndicator),t)},r.requiredIndicator.get=function(){if(this.props.required)return a.createElement("span",{className:"form--label-required"},"*")},Object.defineProperties(t.prototype,r),t}(s.Component);q.defaultProps={testID:"form--label"};var G=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={message:{configurable:!0}};return t.prototype.render=function(){return a.createElement("span",{className:"form--element-error","data-testid":this.props.testID},this.message)},r.message.get=function(){return this.props.message||" "},Object.defineProperties(t.prototype,r),t}(s.Component);G.defaultProps={testID:"form--element-error"};var K=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("span",{className:"form--help-text","data-testid":e.testID},e.text)},t}(s.Component);K.defaultProps={testID:"form--help-text"};var U=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},errorMessage:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"form--element","data-testid":e.testID},this.label,e.children,this.errorMessage,this.helpText)},r.label.get=function(){var e=this.props,t=e.label;if(t)return a.createElement(q,{label:t,required:e.required},this.labelChild)},r.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},r.helpText.get=function(){var e=this.props.helpText;if(e)return a.createElement(K,{text:e})},r.errorMessage.get=function(){var e=this.props.errorMessage;if(e)return a.createElement(G,{message:e})},Object.defineProperties(t.prototype,r),t}(s.Component);U.defaultProps={testID:"form--element"};var V=function(e){function t(t){e.call(this,t),this.state={errorMessage:null,status:exports.ComponentStatus.Default}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},children:{configurable:!0},errorMessage:{configurable:!0}};return t.prototype.componentDidUpdate=function(e,t){if(e.value!==this.props.value){var r=this.props,o=r.onStatusChange,n=(0,r.validationFunc)(this.props.value),s=n?exports.ComponentStatus.Error:exports.ComponentStatus.Valid;o&&t.status!==s&&o(s),this.setState({status:s,errorMessage:n})}},t.prototype.render=function(){return a.createElement("div",{className:"form--element","data-testid":this.props.testID},this.label,this.children,this.errorMessage,this.helpText)},r.label.get=function(){var e=this.props,t=e.label;if(t)return a.createElement(q,{label:t,required:e.required},this.labelChild)},r.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},r.helpText.get=function(){var e=this.props.helpText;if(e)return a.createElement(K,{text:e})},r.children.get=function(){return(0,this.props.children)(this.state.status)},r.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return a.createElement(G,{message:e})},Object.defineProperties(t.prototype,r),t}(s.Component);V.defaultProps={testID:"form--validation-element"};var X=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return a.createElement("label",{className:"form---divider","data-testid":this.props.testID})},t}(s.Component);X.defaultProps={testID:"form--divider"};var Y=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.widthXS,o=t.widthSM,n=t.widthMD,s=t.widthLG,a=t.offsetXS,p=t.offsetSM,l=t.offsetMD,c=t.offsetLG;return i("form--element form--submit",((e={})["col-xs-"+r]=r,e["col-sm-"+o]=o,e["col-md-"+n]=n,e["col-lg-"+s]=s,e["col-xs-offset-"+a]=a,e["col-sm-offset-"+p]=p,e["col-md-offset-"+l]=l,e["col-lg-offset-"+c]=c,e))},Object.defineProperties(t.prototype,r),t}(s.Component);Y.defaultProps={testID:"form--footer",widthXS:exports.Columns.Twelve};var J=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"form--box "+e.className,"data-testid":e.testID},e.children)},t}(s.Component);J.defaultProps={className:"",testID:"form--box"};var Z=function(e){function t(){var t=this;e.apply(this,arguments),this.handleSubmit=function(e){e.preventDefault();var r=t.props.onSubmit;r&&r(e)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={formWrapperClass:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("form",{style:e.style,className:this.formWrapperClass,onSubmit:this.handleSubmit,"data-testid":e.testID},e.children)},r.formWrapperClass.get=function(){var e,t=this.props.className;return i("form--wrapper",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(s.Component);Z.defaultProps={testID:"form-container"},Z.ValidationElement=V,Z.Element=U,Z.Label=q,Z.Divider=X,Z.Footer=Y,Z.Box=J;var Q=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){t.props.onClick(t.props.hex)}}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"color-picker--swatch",title:e.name,onClick:this.handleClick,"data-testid":e.testID+"--swatch"},a.createElement("span",{style:{backgroundColor:e.hex}}))},t}(s.Component);Q.defaultProps={testID:"color-picker"};var $={BeijingEclipse:{start:exports.InfluxColors.Basalt,stop:exports.InfluxColors.Shadow},DistantNebula:{start:exports.InfluxColors.Shadow,stop:exports.InfluxColors.Abyss},SpirulinaSmoothie:{start:exports.InfluxColors.Abyss,stop:exports.InfluxColors.Gypsy},LASunset:{start:exports.InfluxColors.Ruby,stop:exports.InfluxColors.Void},PolarExpress:{start:exports.InfluxColors.Void,stop:exports.InfluxColors.Sapphire},RebelAlliance:{start:exports.InfluxColors.Sapphire,stop:exports.InfluxColors.Emerald},DocScott:{start:exports.InfluxColors.Fire,stop:exports.InfluxColors.Amethyst},GundamPilot:{start:exports.InfluxColors.Amethyst,stop:exports.InfluxColors.Ocean},TropicalTourist:{start:exports.InfluxColors.Ocean,stop:exports.InfluxColors.Viridian},DesertFestival:{start:exports.InfluxColors.Curacao,stop:exports.InfluxColors.Star},MiyazakiSky:{start:exports.InfluxColors.Star,stop:exports.InfluxColors.Pool},GarageBand:{start:exports.InfluxColors.Pool,stop:exports.InfluxColors.Rainforest},BrooklynCowboy:{start:exports.InfluxColors.Dreamsicle,stop:exports.InfluxColors.Comet},PastelGothic:{start:exports.InfluxColors.Comet,stop:exports.InfluxColors.Laser},LowDifficulty:{start:exports.InfluxColors.Laser,stop:exports.InfluxColors.Honeydew},SynthPop:{start:exports.InfluxColors.Tungsten,stop:exports.InfluxColors.Potassium},CottonCandy:{start:exports.InfluxColors.Potassium,stop:exports.InfluxColors.Hydrogen},HotelBreakfast:{start:exports.InfluxColors.Hydrogen,stop:exports.InfluxColors.Krypton},MagicCarpet:{start:exports.InfluxColors.Marmelade,stop:exports.InfluxColors.Moonstone},CruisingAltitude:{start:exports.InfluxColors.Moonstone,stop:exports.InfluxColors.Neutrino},CoconutLime:{start:exports.InfluxColors.Neutrino,stop:exports.InfluxColors.Wasabi},PastryCafe:{start:exports.InfluxColors.Flan,stop:exports.InfluxColors.Twilight},KawaiiDesu:{start:exports.InfluxColors.Twilight,stop:exports.InfluxColors.Yeti},RobotLogic:{start:exports.InfluxColors.Yeti,stop:exports.InfluxColors.Mint}},ee={Amethyst:{start:exports.InfluxColors.Neutrino,stop:exports.InfluxColors.Hydrogen},Sapphire:{start:exports.InfluxColors.Neutrino,stop:exports.InfluxColors.Hydrogen},Malachite:{start:exports.InfluxColors.Neutrino,stop:exports.InfluxColors.Krypton}},te=function(e){return ee[e]||$[e]},re=function(e){var t=7===e.length,r=[];return"#"===e.substring(0,1)||r.push("Hexcodes must begin with #"),t||r.push(r.length?"and must be 7 characters":"Hexcodes must be 7 characters"),r.length?r.join(", "):null},oe=function(e){function t(t){var r=this;e.call(this,t),this.handleSwatchClick=function(e){var t=r.props.onChange;r.setState({errorMessage:null}),t(e,exports.ComponentStatus.Valid)},this.handleInputChange=function(e){var t=r.props.onChange,o=["#","a","b","c","d","e","f","0","1","2","3","4","5","6","7","8","9"],n=e.target.value.trim().split("").filter(function(e){return o.includes(e.toLowerCase())}).join(""),s=re(n),a=s?exports.ComponentStatus.Error:exports.ComponentStatus.Valid;r.setState({errorMessage:s}),t(n,a)},this.handleInputBlur=function(e){r.props.maintainInputFocus&&e.target.focus()},this.handleRandomizeColor=function(){var e=r.props,t=e.onChange,o=p.sample(e.colors),n=p.get(o,"hex")||"";r.setState({errorMessage:null}),t(n,exports.ComponentStatus.Valid)},this.state={errorMessage:null}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={inputStatus:{configurable:!0},errorMessage:{configurable:!0},colorPreview:{configurable:!0}};return t.prototype.render=function(){var e=this,t=this.props,r=t.maintainInputFocus,o=t.testID,n=t.color,s=t.colors;return a.createElement("div",{className:"color-picker","data-testid":o},a.createElement("div",{className:"color-picker--swatches"},s&&s.map(function(t){return a.createElement(Q,{key:t.name,hex:t.hex,name:t.name,onClick:e.handleSwatchClick,testID:o})})),a.createElement("div",{className:"color-picker--form"},a.createElement(F,{customClass:"color-picker--input",placeholder:"#000000",value:n,onChange:this.handleInputChange,maxLength:7,onBlur:this.handleInputBlur,autoFocus:r,status:this.inputStatus,testID:o+"--input"}),this.colorPreview,a.createElement(w,{icon:exports.IconFont.Refresh,shape:exports.ButtonShape.Square,onClick:this.handleRandomizeColor,titleText:"I'm feeling lucky",testID:o+"--randomize"})),this.errorMessage)},r.inputStatus.get=function(){return this.state.errorMessage?exports.ComponentStatus.Error:exports.ComponentStatus.Valid},r.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return a.createElement("div",{className:"color-picker--error","data-testid":this.props.testID+"--error"},a.createElement(G,{message:e}))},r.colorPreview.get=function(){return a.createElement("div",{className:"color-picker--selected",style:{backgroundColor:this.props.color}})},Object.defineProperties(t.prototype,r),t}(s.Component);oe.defaultProps={colors:[{hex:"#311F94",name:"Void"},{hex:"#513CC6",name:"Amethyst"},{hex:"#7A65F2",name:"Star"},{hex:"#9394FF",name:"Comet"},{hex:"#B1B6FF",name:"Potassium"},{hex:"#C9D0FF",name:"Moonstone"},{hex:"#fafafc",name:"Ghost"},{hex:"#c6cad3",name:"Chromium"},{hex:"#757888",name:"Mountain"},{hex:"#31313d",name:"Onyx"},{hex:"#326BBA",name:"Sapphire"},{hex:"#4591ED",name:"Ocean"},{hex:"#22ADF6",name:"Pool"},{hex:"#00C9FF",name:"Laser"},{hex:"#6BDFFF",name:"Hydrogen"},{hex:"#BEF0FF",name:"Neutrino"},{hex:"#f6f6f8",name:"Cloud"},{hex:"#bec2cc",name:"Mist"},{hex:"#676978",name:"Storm"},{hex:"#292933",name:"Castle"},{hex:"#108174",name:"Emerald"},{hex:"#32B08C",name:"Viridian"},{hex:"#4ED8A0",name:"Rainforest"},{hex:"#7CE490",name:"Honeydew"},{hex:"#A5F3B4",name:"Krypton"},{hex:"#C6FFD0",name:"Wasabi"},{hex:"#eeeff2",name:"Whisper"},{hex:"#a4a8b6",name:"Forge"},{hex:"#545667",name:"Graphite"},{hex:"#202028",name:"Kevlar"},{hex:"#E85B1C",name:"Topaz"},{hex:"#F48D38",name:"Tiger"},{hex:"#FFB94A",name:"Pineapple"},{hex:"#FFD255",name:"Thunder"},{hex:"#FFE480",name:"Sulfur"},{hex:"#FFF6B8",name:"Daisy"},{hex:"#e7e8eb",name:"Pearl"},{hex:"#999dab",name:"Sidewalk"},{hex:"#434453",name:"Smoke"},{hex:"#1c1c21",name:"Raven"},{hex:"#BF3D5E",name:"Ruby"},{hex:"#DC4E58",name:"Fire"},{hex:"#F95F53",name:"Curacao"},{hex:"#FF8564",name:"Dreamsicle"},{hex:"#FFB6A0",name:"Tungsten"},{hex:"#FFDCCF",name:"Marmelade"},{hex:"#d4d7dd",name:"Platinum"},{hex:"#8e91a1",name:"Wolf"},{hex:"#383846",name:"Pepper"},{hex:"#0f0e15",name:"Obsidian"}],maintainInputFocus:!1,testID:"color-picker"};var ne=function(e){function r(){e.apply(this,arguments)}return e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r,r.prototype.render=function(){var e=this.props;return a.createElement("h4",{className:"empty-state--text","data-testid":e.testID},function(r,o){return e.text.replace(/[\\][n]/g,"LINEBREAK").split(" ").map(function(e){return p.includes(o,e)?a.createElement("em",{key:t.v4()},""+e):"LINEBREAK"===e?a.createElement("br",{key:t.v4()}):a.createElement(s.Fragment,{key:t.v4()},"SPACECHAR"===e?" ":e+" ")})}(0,e.highlightWords))},r}(s.Component);ne.defaultProps={testID:"empty-state--text"};var se=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("p",{className:"empty-state--sub-text","data-testid":e.testID},e.text)},t}(s.Component);se.defaultProps={testID:"empty-state--sub-text"};var ae=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.customClass,o=t.size;return i("empty-state",((e={})["empty-state--"+o]=o,e[""+r]=r,e))},Object.defineProperties(t.prototype,r),t}(s.Component);ae.defaultProps={size:exports.ComponentSize.Small,testID:"empty-state"},ae.Text=ne,ae.SubText=se;var ie=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.stretchToFitHeight,o=t.stretchToFitWidth,n=t.justifyContent,s=t.alignItems,p=t.direction,l=t.children,c=t.margin,u=t.testID,d=t.style;return a.createElement("div",{className:i("component-spacer",(e={},e["component-spacer__margin-"+c]=c,e["component-spacer__"+p]=p,e["component-spacer__justify-"+n]=n,e["component-spacer__align-"+s]=s,e["component-spacer__stretch-w"]=o,e["component-spacer__stretch-h"]=r,e)),"data-testid":u,style:d},l)},t}(s.Component);ie.defaultProps={justifyContent:exports.JustifyContent.FlexStart,alignItems:exports.AlignItems.Center,stretchToFitWidth:!1,stretchToFitHeight:!1,testID:"component-spacer"};var pe=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.children;return a.createElement("div",{className:"panel--header"},a.createElement("div",{className:"panel--title"},e.title),a.createElement("div",{className:"panel--controls"},a.createElement(ie,{direction:exports.FlexDirection.Row,justifyContent:exports.JustifyContent.FlexEnd,alignItems:exports.AlignItems.Center},t)))},t}(s.Component);pe.defaultProps={testID:"panel--header"};var le=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return a.createElement("div",{className:"panel--body"},this.props.children)},t}(s.Component);le.defaultProps={testID:"panel--body"};var ce=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return a.createElement("div",{className:"panel--footer"},this.props.children)},t}(s.Component);ce.defaultProps={testID:"panel--footer"};var ue=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var o={useContrastText:{configurable:!0},style:{configurable:!0}};return t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.className,n=t.gradient,s=t.testID;return a.createElement("div",{className:i("panel panel--"+t.size,(e={},e[""+o]=o,e.panel__gradient=n,e["panel__"+this.useContrastText+"-text"]=this.useContrastText,e)),style:this.style,"data-testid":s},r)},o.useContrastText.get=function(){var e=this.props.gradient;if(!e)return!1;var t=te(e);return r(t.start).luminance()>=.34?"dark":"light"},o.style.get=function(){var e=this.props.gradient;if(e){var t=te(e);return{background:"linear-gradient(45deg, "+t.start+" 0%,"+t.stop+" 100%)"}}},Object.defineProperties(t.prototype,o),t}(s.Component);ue.defaultProps={size:exports.ComponentSize.Small,testID:"panel"},ue.Header=pe,ue.Body=le,ue.Footer=ce;var de=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={thumbXStyle:{configurable:!0},thumbYStyle:{configurable:!0}};return t.prototype.render=function(){var e,t=this.props,r=t.removeTracksWhenNotUsed,n=t.removeTrackYWhenNotUsed,s=t.removeTrackXWhenNotUsed,p=t.noScrollX,l=t.noScrollY,c=t.className,u=t.autoSize,d=t.noScroll,m=t.children,h=t.testID,f=t.style,x=i("dapper-scrollbars",((e={"dapper-scrollbars--autohide":t.autoHide})[""+c]=c,e));return a.createElement(o,{"data-testid":h,translateContentSizesToHolder:u,className:x,style:f,noDefaultStyles:!1,removeTracksWhenNotUsed:r,removeTrackYWhenNotUsed:n,removeTrackXWhenNotUsed:s,noScrollX:p,noScrollY:l,noScroll:d,wrapperProps:{className:"dapper-scrollbars--wrapper"},contentProps:{className:"dapper-scrollbars--content"},trackXProps:{className:"dapper-scrollbars--track-x"},thumbXProps:{style:this.thumbXStyle,className:"dapper-scrollbars--thumb-x"},trackYProps:{className:"dapper-scrollbars--track-y"},thumbYProps:{style:this.thumbYStyle,className:"dapper-scrollbars--thumb-y"}},m)},r.thumbXStyle.get=function(){var e=this.props;return{background:"linear-gradient(to right, "+e.thumbStartColor+" 0%,"+e.thumbStopColor+" 100%)"}},r.thumbYStyle.get=function(){var e=this.props;return{background:"linear-gradient(to bottom, "+e.thumbStartColor+" 0%,"+e.thumbStopColor+" 100%)"}},Object.defineProperties(t.prototype,r),t}(s.Component);de.defaultProps={removeTracksWhenNotUsed:!0,removeTrackYWhenNotUsed:!0,removeTrackXWhenNotUsed:!0,noScrollX:!1,noScrollY:!1,noScroll:!1,thumbStartColor:"#00C9FF",thumbStopColor:"#9394FF",autoHide:!1,autoSize:!0,testID:"dapper-scrollbars"};var me=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"waiting-text "+(e.className||""),"data-testid":e.testID},e.text)},t}(s.Component);me.defaultProps={testID:"waiting-text"};var he=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return a.createElement("div",{className:"clockface--app-wrapper"},this.props.children)},t}(s.PureComponent),fe=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"page-header--left",style:this.styles,"data-testid":e.testID},e.children)},r.styles.get=function(){var e=this.props.offsetPixels;if(0!==e)return{flex:"1 0 calc(50% - "+e+"px)"}},Object.defineProperties(t.prototype,r),t}(s.Component);fe.defaultProps={offsetPixels:0,testID:"page-header--left"};var xe=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"page-header--center",style:this.styles,"data-testid":e.testID},e.children)},r.styles.get=function(){return{flex:"1 0 "+this.props.widthPixels+"px"}},Object.defineProperties(t.prototype,r),t}(s.Component);xe.defaultProps={widthPixels:200,testID:"page-header--center"};var ye=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:"page-header--right",style:this.styles,"data-testid":e.testID},e.children)},r.styles.get=function(){var e=this.props.offsetPixels;if(0!==e)return{flex:"1 0 calc(50% - "+e+"px)"}},Object.defineProperties(t.prototype,r),t}(s.Component);ye.defaultProps={offsetPixels:0,testID:"page-header--right"};var Ce=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},childrenWithCorrectWidths:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return e.hide?null:a.createElement("div",{className:this.className,"data-testid":e.testID},a.createElement("div",{className:"page-header--container"},this.childrenWithCorrectWidths))},r.className.get=function(){return i("page-header",{"full-width":this.props.fullWidth})},r.childrenWithCorrectWidths.get=function(){var e=this.props.children,t=0;a.Children.forEach(e,function(e){e.type===xe&&(t=e.props.widthPixels)});var r=e;return t&&(r=a.Children.map(e,function(e){return e.type===fe?a.createElement(fe,Object.assign({},e.props,{offsetPixels:t/2})):e.type===ye?a.createElement(ye,Object.assign({},e.props,{offsetPixels:t/2})):e})),r},Object.defineProperties(t.prototype,r),t}(s.Component);Ce.defaultProps={hide:!1,testID:"page-header"},Ce.Left=fe,Ce.Center=xe,Ce.Right=ye;var ge=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return a.createElement("h1",{className:"page--title",title:e.altText,"data-testid":e.testID},e.title)},t}(s.PureComponent);ge.defaultProps={testID:"page-title"};var be=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},children:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.testID;return e.scrollable?a.createElement(de,{className:this.className,autoHide:!1,autoSize:!1,testID:t},a.createElement("div",{className:"page-contents--padding"},this.children)):a.createElement("div",{className:this.className,"data-testid":t},a.createElement("div",{className:"page-contents--padding"},this.children))},r.className.get=function(){var e=this.props;return i("page-contents",{"full-width":e.fullWidth,"full-height":e.fullHeight})},r.children.get=function(){var e=this.props,t=e.children;return e.fullWidth?t:a.createElement("div",{className:"page-contents--container"},t)},Object.defineProperties(t.prototype,r),t}(s.Component);be.defaultProps={fullHeight:!1,scrollable:!1,testID:"page-contents"};var ve=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.componentDidMount=function(){var e=this.props.titleTag;e&&(document.title=""+e)},t.prototype.componentDidUpdate=function(e){e.titleTag!==this.props.titleTag&&this.props.titleTag&&(document.title=""+this.props.titleTag)},t.prototype.render=function(){var e=this.props;return a.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props.className;return i("page",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(s.Component);ve.defaultProps={testID:"page"},ve.Header=Ce,ve.Title=ge,ve.Contents=be;var Se=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.testID,n=t.className,s=t.titleLink,p=t.iconLink;return a.createElement("div",{className:i("nav--item",(e={active:t.active},e[""+n]=n,e)),"data-testid":o},p("nav--item-icon"),a.createElement("div",{className:"nav--item-menu"},s("nav--item-header"),r))},t}(s.PureComponent);Se.defaultProps={testID:"nav-menu--item"};var De=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.className;return(0,t.titleLink)(i("nav--sub-item",((e={active:t.active})[""+r]=r,e)))},t}(s.PureComponent),ke=function(e){function t(t){e.call(this,t)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.testID;if(!t.hide){var n=i("nav",((e={})[""+this.props.className]=this.props.className,e));return a.createElement("nav",{className:n,"data-testid":o},r)}},t}(s.PureComponent);ke.defaultProps={testID:"nav-menu"},ke.Item=Se,ke.SubItem=De;var _e=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={isDisabled:{configurable:!0},classname:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.icon;return a.createElement("button",{className:this.classname,onClick:e.onClick,disabled:this.isDisabled,title:e.title,type:exports.ButtonType.Button,"data-testid":e.testID},!!r&&a.createElement(l,{glyph:r,className:"dropdown--icon"}),a.createElement("span",{className:"dropdown--selected"},t),a.createElement("span",{className:"dropdown--caret icon caret-down"}))},r.isDisabled.get=function(){return[exports.ComponentStatus.Disabled,exports.ComponentStatus.Loading,exports.ComponentStatus.Error].includes(this.props.status)},r.classname.get=function(){var e,t=this.props,r=t.active,o=t.color,n=t.size;return i("dropdown--button button",((e={"button-stretch":!0,"button-disabled":this.isDisabled})["button-"+o]=o,e["button-"+n]=n,e.active=r,e))},Object.defineProperties(t.prototype,r),t}(s.Component);_e.defaultProps={color:exports.ComponentColor.Default,size:exports.ComponentSize.Small,status:exports.ComponentStatus.Default,active:!1,testID:"dropdown--button"};var Ie=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.text,r=e.testID;return a.createElement("div",{className:i("dropdown--divider",{line:!t}),"data-testid":r},t)},t}(s.Component);Ie.defaultProps={testID:"dropdown--divider"};var Ee=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(e){e.preventDefault();var r=t.props,o=r.onClick;o&&o(r.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={checkBox:{configurable:!0},dot:{configurable:!0},childElements:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.selected,r=e.checkbox,o=e.testID;return a.createElement("div",{className:i("dropdown--item",{checked:t&&r,active:t&&!r,"multi-select--item":r}),"data-testid":o,onClick:this.handleClick},this.checkBox,this.childElements,this.dot)},r.checkBox.get=function(){if(this.props.checkbox)return a.createElement("div",{className:"dropdown-item--checkbox"})},r.dot.get=function(){var e=this.props;if(e.selected&&!e.checkbox)return a.createElement("div",{className:"dropdown-item--dot"})},r.childElements.get=function(){return a.createElement("div",{className:"dropdown-item--children"},this.props.children)},Object.defineProperties(t.prototype,r),t}(s.Component);Ee.defaultProps={checkbox:!1,selected:!1,testID:"dropdown-item"};var Ne=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClickOutside=function(e){var r=n.findDOMNode(t);r&&r.contains(e.target)||t.props.onClickOutside(e)}}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.componentDidMount=function(){document.addEventListener("mousedown",this.handleClickOutside,!0)},t.prototype.componentWillUnmount=function(){document.removeEventListener("mousedown",this.handleClickOutside,!0)},t.prototype.render=function(){return a.Children.only(this.props.children)},t}(s.PureComponent),we=function(e){function t(t){var r=this;e.call(this,t),this.toggleMenu=function(e){e.preventDefault(),r.setState({expanded:!r.state.expanded})},this.collapseMenu=function(){r.setState({expanded:!1})},this.handleItemClick=function(e){var t=r.props.onChange;t&&t(e),r.collapseMenu()},this.state={expanded:!1}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={containerClassName:{configurable:!0},button:{configurable:!0},menuItems:{configurable:!0}};return t.prototype.render=function(){var e=this.props.widthPixels;return a.createElement(Ne,{onClickOutside:this.collapseMenu},a.createElement("div",{className:this.containerClassName,style:{width:e?e+"px":"100%"}},this.button,this.menuItems))},r.containerClassName.get=function(){var e,t=this.props,r=t.mode,o=t.wrapMenuText;return i("dropdown dropdown-"+t.buttonSize+" dropdown-"+t.buttonColor,((e={disabled:t.status===exports.ComponentStatus.Disabled,"dropdown-wrap":o,"dropdown-truncate":!o,customClass:t.customClass})["dropdown--"+r]=r,e))},r.button.get=function(){var e,t=this.props,r=t.selectedID,o=t.status,n=t.buttonColor,s=t.buttonSize,i=t.icon,l=t.mode,c=t.titleText,u=t.buttonTestID,d=this.state.expanded,m=a.Children.toArray(this.props.children).find(function(e){return p.get(e,"props.id",null)===r}),h=o;return o===exports.ComponentStatus.Loading?e=a.createElement(me,{text:"Loading"}):m?e=p.get(m,"props.children",null):l===exports.DropdownMode.ActionList?e=c:(e=c,h=exports.ComponentStatus.Disabled),a.createElement(_e,{active:d,color:n,size:s,icon:i,onClick:this.toggleMenu,status:h,title:c,testID:u},e)},r.menuItems.get=function(){var e=this,t=this.props,r=t.selectedID,o=t.maxMenuHeight,n=t.widthPixels,s=t.menuWidthPixels,i=t.menuHeader,p=t.menuColor,l=t.children,c=t.testID;if(this.state.expanded){var u="100%";n&&(u=n+"px"),s&&(u=s+"px");var d=te(p);return a.createElement("div",{className:"dropdown--menu-container dropdown--"+p.toLowerCase(),style:{width:u}},a.createElement(de,{style:{maxWidth:"100%",maxHeight:o+"px"},autoSize:!0,autoHide:!1,thumbStartColor:d&&d.start,thumbStopColor:d&&d.stop},a.createElement("div",{className:"dropdown--menu","data-testid":"dropdown--menu "+c},i&&i,a.Children.map(l,function(t){if(t.type===Ee)return a.createElement(Ee,Object.assign({},t.props,{key:t.props.id,selected:t.props.id===r,onClick:e.handleItemClick}),t.props.children);if(t.type===Ie)return a.createElement(Ie,Object.assign({},t.props,{key:t.props.id}));throw new Error("Expected children of type <Dropdown.Item /> or <Dropdown.Divider />")}))))}},Object.defineProperties(t.prototype,r),t}(s.Component);we.defaultProps={buttonColor:exports.ComponentColor.Default,buttonSize:exports.ComponentSize.Small,status:exports.ComponentStatus.Default,maxMenuHeight:250,menuColor:exports.DropdownMenuColors.Sapphire,mode:exports.DropdownMode.Radio,titleText:"",wrapMenuText:!1,testID:"dropdown",buttonTestID:"dropdown-button"},we.Button=_e,we.Item=Ee,we.Divider=Ie;var Fe=function(e){function t(t){var r=this;e.call(this,t),this.toggleMenu=function(){r.setState({expanded:!r.state.expanded})},this.collapseMenu=function(){var e=r.props.onCollapse;r.setState({expanded:!1}),e&&e()},this.handleItemClick=function(e){var t=r.props,o=t.selectedIDs;(0,t.onChange)(p.includes(o,e.id)?o.filter(function(t){return t!==e.id}):o.concat([e.id]),e)},this.childTypeIsValid=function(e){return e.type===Ee||e.type===Ie},this.state={expanded:!1}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={containerStyle:{configurable:!0},containerClassName:{configurable:!0},button:{configurable:!0},menuItems:{configurable:!0},menuStyle:{configurable:!0}};return t.prototype.render=function(){return a.createElement(Ne,{onClickOutside:this.collapseMenu},a.createElement("div",{className:this.containerClassName,style:this.containerStyle,"data-testid":this.props.testID},this.button,this.menuItems))},r.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},r.containerClassName.get=function(){var e=this.props;return i("dropdown dropdown-"+e.buttonSize+" dropdown-"+e.buttonColor,{disabled:e.status===exports.ComponentStatus.Disabled,"dropdown-wrap":e.wrapText,customClass:e.customClass})},r.button.get=function(){var e,t=this.props,r=t.selectedIDs,o=t.status,n=t.buttonColor,i=t.buttonSize,l=t.icon,c=t.emptyText,u=t.separatorText,d=this.state.expanded,m=a.Children.toArray(this.props.children).filter(function(e){return p.includes(r,p.get(e,"props.id",null))});return e=m.length?m.map(function(e,t){return t<m.length-1?a.createElement(s.Fragment,{key:p.get(e,"props.id",null)},p.get(e,"props.children",null),u):p.get(e,"props.children",null)}):c,a.createElement(_e,{active:d,color:n,size:i,icon:l,onClick:this.toggleMenu,status:o},e)},r.menuItems.get=function(){var e=this,t=this.props,r=t.selectedIDs,o=t.maxMenuHeight,n=t.menuColor,s=t.children,i=this.state.expanded,l=te(n);if(i)return a.createElement("div",{className:"dropdown--menu-container dropdown--"+n.toLowerCase(),style:this.menuStyle},a.createElement(de,{style:{maxWidth:"100%",maxHeight:o+"px"},autoHide:!1,autoSize:!0,thumbStartColor:l&&l.start,thumbStopColor:l&&l.stop},a.createElement("div",{className:"dropdown--menu","data-testid":"dropdown-menu"},a.Children.map(s,function(t){if(e.childTypeIsValid(t))return t.type===Ee?a.createElement(Ee,Object.assign({},t.props,{key:t.props.id,checkbox:!0,selected:p.includes(r,t.props.id),onClick:e.handleItemClick}),t.props.children):a.createElement(Ie,Object.assign({},t.props,{key:t.props.id}));throw new Error("Expected children of type <Dropdown.Item /> or <Dropdown.Divider />")}))))},r.menuStyle.get=function(){var e=this.props,t=e.widthPixels,r="100%";return t&&(r=t+"px"),e.wrapText&&t?{width:r}:{minWidth:r}},Object.defineProperties(t.prototype,r),t}(s.Component);Fe.defaultProps={buttonColor:exports.ComponentColor.Default,buttonSize:exports.ComponentSize.Small,status:exports.ComponentStatus.Default,wrapText:!1,maxMenuHeight:250,menuColor:exports.DropdownMenuColors.Sapphire,emptyText:"Choose an item",separatorText:", ",testID:"multi-select-dropdown"},Fe.Button=_e,Fe.Item=Ee,Fe.Divider=Ie,exports.Alert=E,exports.Button=w,exports.Input=F,exports.Grid=M,exports.GridColumn=O,exports.GridRow=P,exports.Icon=l,exports.TextArea=j,exports.Radio=L,exports.SlideToggle=A,exports.SlideToggleLabel=z,exports.SparkleSpinner=W,exports.SpinnerContainer=R,exports.TechnoSpinner=H,exports.Form=Z,exports.FormDivider=X,exports.FormElement=U,exports.FormElementError=G,exports.FormFooter=Y,exports.FormHelpText=K,exports.FormLabel=q,exports.FormBox=J,exports.FormValidationElement=V,exports.ColorPicker=oe,exports.ColorPickerSwatch=Q,exports.EmptyState=ae,exports.EmptyStateText=ne,exports.EmptyStateSubText=se,exports.Panel=ue,exports.PanelBody=le,exports.PanelFooter=ce,exports.PanelHeader=pe,exports.DapperScrollbars=de,exports.WaitingText=me,exports.AppWrapper=he,exports.Page=ve,exports.PageHeader=Ce,exports.PageHeaderLeft=fe,exports.PageHeaderCenter=xe,exports.PageHeaderRight=ye,exports.PageContents=be,exports.PageTitle=ge,exports.NavMenu=ke,exports.NavMenuItem=Se,exports.NavMenuSubItem=De,exports.DropdownButton=_e,exports.DropdownDivider=Ie,exports.DropdownItem=Ee,exports.Dropdown=we,exports.MultiSelectDropdown=Fe,exports.ClickOutside=Ne,exports.ComponentSpacer=ie; | ||
| //# sourceMappingURL=index.js.map |
@@ -1,2 +0,2 @@ | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("uuid"),require("chroma-js"),require("react-scrollbars-custom"),require("react-dom"),require("react"),require("classnames"),require("lodash")):"function"==typeof define&&define.amd?define(["exports","uuid","chroma-js","react-scrollbars-custom","react-dom","react","classnames","lodash"],t):t(e.clockface={},e.uuid,e.chroma,e.Scrollbar,e.ReactDOM,e.react,e.classnames,e.lodash)}(this,function(e,t,r,o,n,a,s,i){t=t&&t.hasOwnProperty("default")?t.default:t,r=r&&r.hasOwnProperty("default")?r.default:r,o=o&&o.hasOwnProperty("default")?o.default:o,n=n&&n.hasOwnProperty("default")?n.default:n;var l="default"in a?a.default:a;s=s&&s.hasOwnProperty("default")?s.default:s,i=i&&i.hasOwnProperty("default")?i.default:i;var p=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.glyph;return l.createElement("span",{className:this.props.className?"icon "+t+" "+this.props.className:"icon "+t,"data-testid":e.testID})},t}(a.Component);p.defaultProps={testID:"icon"};var c,u,d,m,h,f,y,C,g,b,v,x,S,D,k,_,E,N=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.icon;return l.createElement("div",{className:this.className,"data-testid":e.testID},!!r&&l.createElement(p,{glyph:r,className:"alert--icon"}),l.createElement("div",{className:"alert--contents"},t))},r.className.get=function(){var e,t=this.props,r=t.color,o=t.icon;return s("alert",((e={})["alert--"+r]=r,e["alert--has-icon"]=o,e))},Object.defineProperties(t.prototype,r),t}(a.Component);N.defaultProps={testID:"alert"},(c=e.ComponentColor||(e.ComponentColor={})).Default="default",c.Primary="primary",c.Secondary="secondary",c.Success="success",c.Warning="warning",c.Danger="danger",(u=e.ComponentSize||(e.ComponentSize={})).ExtraSmall="xs",u.Small="sm",u.Medium="md",u.Large="lg",(d=e.ComponentStatus||(e.ComponentStatus={})).Default="default",d.Loading="loading",d.Error="error",d.Valid="valid",d.Disabled="disabled",(m=e.Gradients||(e.Gradients={})).BeijingEclipse="BeijingEclipse",m.DistantNebula="DistantNebula",m.SpirulinaSmoothie="SpirulinaSmoothie",m.LASunset="LASunset",m.PolarExpress="PolarExpress",m.RebelAlliance="RebelAlliance",m.DocScott="DocScott",m.GundamPilot="GundamPilot",m.TropicalTourist="TropicalTourist",m.DesertFestival="DesertFestival",m.MiyazakiSky="MiyazakiSky",m.GarageBand="GarageBand",m.BrooklynCowboy="BrooklynCowboy",m.PastelGothic="PastelGothic",m.LowDifficulty="LowDifficulty",m.SynthPop="SynthPop",m.CottonCandy="CottonCandy",m.HotelBreakfast="HotelBreakfast",m.MagicCarpet="MagicCarpet",m.CruisingAltitude="CruisingAltitude",m.CoconutLime="CoconutLime",m.PastryCafe="PastryCafe",m.KawaiiDesu="KawaiiDesu",m.RobotLogic="RobotLogic",(h=e.DropdownMenuColors||(e.DropdownMenuColors={})).Amethyst="Amethyst",h.Malachite="Malachite",h.Sapphire="Sapphire",h.Onyx="Onyx",(f=e.DropdownMode||(e.DropdownMode={})).ActionList="action",f.Radio="radio",(y=e.ButtonShape||(e.ButtonShape={})).Default="none",y.Square="square",y.StretchToFit="stretch",(C=e.ButtonType||(e.ButtonType={})).Button="button",C.Submit="submit",(g=e.InfluxColors||(e.InfluxColors={})).Obsidian="#0f0e15",g.Raven="#1c1c21",g.Kevlar="#202028",g.Castle="#292933",g.Onyx="#31313d",g.Pepper="#383846",g.Smoke="#434453",g.Graphite="#545667",g.Storm="#676978",g.Mountain="#757888",g.Wolf="#8e91a1",g.Sidewalk="#999dab",g.Forge="#a4a8b6",g.Mist="#bec2cc",g.Chromium="#c6cad3",g.Platinum="#d4d7dd",g.Pearl="#e7e8eb",g.Whisper="#eeeff2",g.Cloud="#f6f6f8",g.Ghost="#fafafc",g.White="#ffffff",g.Abyss="#182838",g.Sapphire="#326BBA",g.Ocean="#4591ED",g.Pool="#22ADF6",g.Laser="#00C9FF",g.Hydrogen="#6BDFFF",g.Neutrino="#BEF0FF",g.Yeti="#F0FCFF",g.Shadow="#1F2039",g.Void="#311F94",g.Amethyst="#513CC6",g.Star="#7A65F2",g.Comet="#9394FF",g.Potassium="#B1B6FF",g.Moonstone="#C9D0FF",g.Twilight="#F2F4FF",g.Gypsy="#152B2D",g.Emerald="#108174",g.Viridian="#32B08C",g.Rainforest="#4ED8A0",g.Honeydew="#7CE490",g.Krypton="#A5F3B4",g.Wasabi="#C6FFD0",g.Mint="#F2FFF4",g.Oak="#3F241F",g.Topaz="#E85B1C",g.Tiger="#F48D38",g.Pineapple="#FFB94A",g.Thunder="#FFD255",g.Sulfur="#FFE480",g.Daisy="#FFF6B8",g.Banana="#FFFDDE",g.Basalt="#2F1F29",g.Ruby="#BF3D5E",g.Fire="#DC4E58",g.Curacao="#F95F53",g.Dreamsicle="#FF8564",g.Tungsten="#FFB6A0",g.Marmelade="#FFDCCF",g.Flan="#FFF7F4",(b=e.IconFont||(e.IconFont={})).AddCell="add-cell",b.AlertTriangle="alert-triangle",b.Alerts="alerts",b.Annotate="annotate",b.AnnotatePlus="annotate-plus",b.AuthZero="authzero",b.BarChart="bar-chart",b.Bell="bell",b.BellRinging="bell-ringing",b.BellSolid="bell-solid",b.Calendar="calendar",b.Capacitor="capacitor2",b.CaretDown="caret-down",b.CaretLeft="caret-left",b.CaretRight="caret-right",b.CaretUp="caret-up",b.Chat="chat",b.Checkmark="checkmark",b.Circle="circle",b.CircleThick="circle-thick",b.Clock="clock",b.CogOutline="cog-outline",b.CogThick="cog-thick",b.Collapse="collapse",b.CrownOutline="crown-outline",b.CrownSolid="crown2",b.Cube="cube",b.Cubouniform="cubo-uniform",b.CuboNav="cubo-nav",b.Dashboards="dashboards",b.DashF="dash-f",b.DashH="dash-h",b.DashJ="dash-j",b.Disks="disks",b.Download="download",b.Duplicate="duplicate",b.ExpandA="expand-a",b.ExpandB="expand-b",b.Export="export",b.Eye="eye",b.EyeClosed="eye-closed",b.EyeOpen="eye-open",b.GitHub="github",b.Google="google",b.GraphLine="graphline-2",b.Group="group",b.Heroku="heroku",b.HerokuSimple="",b.Import="import",b.Link="link",b.OAuth="oauth",b.Octagon="octagon",b.Okta="okta",b.Pause="pause",b.Pencil="pencil",b.Play="play",b.Plus="plus",b.PlusSkinny="plus-skinny",b.Pulse="pulse-c",b.Refresh="refresh",b.Remove="remove",b.Search="search",b.Server="server2",b.Shuffle="shuffle",b.Square="square",b.TextBlock="text-block",b.Trash="trash",b.Triangle="triangle",b.User="user",b.UserAdd="user-add",b.UserOutline="user-outline",b.UserRemove="user-remove",b.UsersDuo="users-duo",b.UsersTrio="users-trio",b.Wood="wood",b.Wrench="wrench",b.Star="star",b.Stop="stop",b.Zap="zap",(v=e.Columns||(e.Columns={}))[v.One=1]="One",v[v.Two=2]="Two",v[v.Three=3]="Three",v[v.Four=4]="Four",v[v.Five=5]="Five",v[v.Six=6]="Six",v[v.Seven=7]="Seven",v[v.Eight=8]="Eight",v[v.Nine=9]="Nine",v[v.Ten=10]="Ten",v[v.Eleven=11]="Eleven",v[v.Twelve=12]="Twelve",(x=e.Sort||(e.Sort={})).Descending="desc",x.Ascending="asc",x.None="none",(S=e.JustifyContent||(e.JustifyContent={})).FlexStart="flex-start",S.Center="center",S.FlexEnd="flex-end",S.SpaceBetween="space-between",S.SpaceAround="space-around",(D=e.AlignItems||(e.AlignItems={})).FlexStart="flex-start",D.Center="center",D.FlexEnd="flex-end",D.Stretch="stretch",(k=e.FlexDirection||(e.FlexDirection={})).Row="row",k.RowReverse="row-reverse",k.Column="column",k.ColumnReverse="column-reverse",(_=e.RemoteDataState||(e.RemoteDataState={})).NotStarted="NotStarted",_.Loading="Loading",_.Done="Done",_.Error="Error",(E=e.AutoComplete||(e.AutoComplete={})).On="on",E.Off="off";var I,w=function(t){function r(){t.apply(this,arguments),this.ref=l.createRef()}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={icon:{configurable:!0},text:{configurable:!0},disabled:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0}};return r.prototype.render=function(){var e=this.props,t=e.onClick,r=e.text,o=e.titleText,n=e.tabIndex,a=e.type,s=e.testID;if(!e.icon&&!r)throw new Error('Button requires either "text" or "icon" props');return l.createElement("button",{className:this.className,disabled:this.disabled,onClick:t,title:o||r,tabIndex:n||0,type:a,ref:this.ref,"data-testid":s},this.icon,this.text,this.statusIndicator)},o.icon.get=function(){var e=this.props.icon;return e?l.createElement(p,{glyph:e,className:"button-icon"}):null},o.text.get=function(){var t=this.props;return t.shape===e.ButtonShape.Square?null:t.text},o.disabled.get=function(){var t=this.props.status;return t===e.ComponentStatus.Disabled||t===e.ComponentStatus.Loading},o.statusIndicator.get=function(){var t=this.props;return t.status===e.ComponentStatus.Loading?l.createElement("div",{className:"button-spinner button-spinner--"+t.size}):null},o.className.get=function(){var t,r=this.props,o=r.shape,n=r.status,a=r.customClass;return s("button button-"+r.size+" button-"+r.color,((t={"button-square":o===e.ButtonShape.Square,"button-stretch":o===e.ButtonShape.StretchToFit,"button--loading":n===e.ComponentStatus.Loading,"button--disabled":n===e.ComponentStatus.Disabled,active:r.active})[""+a]=a,t))},Object.defineProperties(r.prototype,o),r}(a.Component);w.defaultProps={color:e.ComponentColor.Default,size:e.ComponentSize.Small,shape:e.ButtonShape.Default,status:e.ComponentStatus.Default,active:!1,type:e.ButtonType.Button,testID:e.ButtonType.Button},(I=e.InputType||(e.InputType={})).Text="text",I.Number="number",I.Password="password",I.Email="email";var F=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={transformedValue:{configurable:!0},icon:{configurable:!0},title:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0},containerStyle:{configurable:!0}};return r.prototype.render=function(){var t=this.props;return l.createElement("div",{className:this.className,style:this.containerStyle},l.createElement("input",{id:t.id,min:t.min,max:t.max,title:this.title,autoComplete:t.autocomplete,name:t.name,type:t.type,value:this.transformedValue,placeholder:t.placeholder,autoFocus:t.autoFocus,spellCheck:t.spellCheck,onChange:t.onChange,onBlur:t.onBlur,onFocus:t.onFocus,onKeyPress:t.onKeyPress,onKeyUp:t.onKeyUp,onKeyDown:t.onKeyDown,className:"input-field",disabled:t.status===e.ComponentStatus.Disabled,maxLength:t.maxLength,tabIndex:t.tabIndex,"data-testid":t.testID}),this.icon,this.statusIndicator)},o.transformedValue.get=function(){var t=this.props,r=t.value;return t.type===e.InputType.Number?Number(r):""+r},o.icon.get=function(){var e=this.props.icon;return e?l.createElement(p,{glyph:e,className:"input-icon"}):null},o.title.get=function(){var t=this.props;return t.status===e.ComponentStatus.Disabled?t.disabledTitleText:t.titleText},o.statusIndicator.get=function(){var t=this.props.status;return t===e.ComponentStatus.Loading?l.createElement(l.Fragment,null,l.createElement("div",{className:"input-status"},l.createElement("div",{className:"input-spinner"})),l.createElement("div",{className:"input-shadow"})):t===e.ComponentStatus.Error?l.createElement(l.Fragment,null,l.createElement(p,{glyph:e.IconFont.AlertTriangle,className:"input-status",testID:"input-error"}),l.createElement("div",{className:"input-shadow"})):t===e.ComponentStatus.Valid?l.createElement(l.Fragment,null,l.createElement(p,{glyph:e.IconFont.Checkmark,className:"input-status",testID:"input-valud"}),l.createElement("div",{className:"input-shadow"})):l.createElement("div",{className:"input-shadow"})},o.className.get=function(){var t,r=this.props,o=r.size,n=r.status,a=r.icon,i=r.customClass;return s("input",((t={})["input-"+o]=o,t["input--has-icon"]=a,t["input--valid"]=n===e.ComponentStatus.Valid,t["input--error"]=n===e.ComponentStatus.Error,t["input--loading"]=n===e.ComponentStatus.Loading,t["input--disabled"]=n===e.ComponentStatus.Disabled,t[""+i]=i,t))},o.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(r.prototype,o),r}(a.Component);F.defaultProps={type:e.InputType.Text,name:"",value:"",placeholder:"",titleText:"",autocomplete:e.AutoComplete.Off,disabledTitleText:"This input is disabled",size:e.ComponentSize.Small,status:e.ComponentStatus.Default,autoFocus:!1,spellCheck:!1,testID:"input-field"};var P=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"grid--row","data-testid":e.testID},e.children)},t}(a.Component);P.defaultProps={testID:"grid--row"};var O=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.widthXS,o=t.widthSM,n=t.widthMD,a=t.widthLG,i=t.offsetXS,l=t.offsetSM,p=t.offsetMD,c=t.offsetLG;return s("grid--column",((e={})["col-xs-"+r]=r,e["col-sm-"+o]=o,e["col-md-"+n]=n,e["col-lg-"+a]=a,e["col-xs-offset-"+i]=i,e["col-sm-offset-"+l]=l,e["col-md-offset-"+p]=p,e["col-lg-offset-"+c]=c,e))},Object.defineProperties(t.prototype,r),t}(a.Component);O.defaultProps={testID:"grid--column",widthXS:e.Columns.Twelve};var T,M=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"grid--container","data-testid":e.testID},e.children)},t}(a.Component);M.defaultProps={testID:"grid"},M.Row=P,M.Column=O,(T=e.Wrap||(e.Wrap={})).Hard="hard",T.Soft="soft",T.Off="off";var j=function(t){function r(){var e=this;t.apply(this,arguments),this.handleChange=function(t){var r=e.props.onChange;r&&r(t.target.value)}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={className:{configurable:!0},containerStyle:{configurable:!0}};return r.prototype.render=function(){var t=this.props;return l.createElement("div",{className:this.className,style:this.containerStyle},l.createElement("textarea",{autoComplete:t.autocomplete,autoFocus:t.autoFocus,disabled:t.status===e.ComponentStatus.Disabled,form:t.form,maxLength:t.maxLength,minLength:t.minLength,name:t.name,placeholder:t.placeholder,readOnly:t.readOnly,required:t.required,cols:t.cols,rows:t.rows,spellCheck:t.spellCheck,wrap:t.wrap,className:"text-area",value:t.value,onBlur:t.onBlur,onFocus:t.onFocus,onKeyPress:t.onKeyPress,onKeyUp:t.onKeyUp,onKeyDown:t.onKeyDown,onChange:this.handleChange}))},o.className.get=function(){var e,t=this.props,r=t.size,o=t.customClass;return s("text-area--container",((e={})["input-"+r]=r,e.customClass=o,e))},o.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(r.prototype,o),r}(a.Component);j.defaultProps={autocomplete:e.AutoComplete.Off,autoFocus:!1,cols:20,form:"",name:"",placeholder:"",readOnly:!1,required:!1,rows:20,spellCheck:!1,wrap:e.Wrap.Hard,value:""};var B=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;(0,e.onClick)(e.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},title:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("button",{type:"button",className:this.className,disabled:e.disabled,onClick:this.handleClick,title:this.title},e.children)},r.className.get=function(){var e=this.props;return s("radio-button",{active:e.active,disabled:e.disabled})},r.title.get=function(){var e=this.props;return e.disabled?e.disabledTitleText:e.titleText},Object.defineProperties(t.prototype,r),t}(a.Component);B.defaultProps={disabled:!1,disabledTitleText:"This option is disabled"};var L=function(t){function r(){var e=this;t.apply(this,arguments),this.validateChildCount=function(){if(l.Children.count(e.props.children)<2)throw new Error("<Radio> requires at least 2 child elements. We recommend using <Radio.Button />")}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={containerClassName:{configurable:!0}};return r.prototype.render=function(){var e=this.props,t=e.children,r=e.testID;return this.validateChildCount(),l.createElement("div",{className:this.containerClassName,"data-testid":r},t)},o.containerClassName.get=function(){var t,r=this.props,o=r.color,n=r.size,a=r.shape,i=r.customClass;return s("radio-buttons",((t={})["radio-buttons--"+o]=o,t["radio-buttons--"+n]=n,t["radio-buttons--square"]=a===e.ButtonShape.Square,t["radio-buttons--stretch"]=a===e.ButtonShape.StretchToFit,t[""+i]=i,t))},Object.defineProperties(r.prototype,o),r}(a.Component);L.defaultProps={color:e.ComponentColor.Primary,size:e.ComponentSize.Small,shape:e.ButtonShape.Default,testID:"radio-button"},L.Button=B;var z=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return l.createElement("label",{className:"slide-toggle--label"},this.props.text)},t}(a.Component),A=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;e.disabled||(0,e.onChange)()}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:this.className,onClick:this.handleClick,title:e.tooltipText,"data-testid":e.testID},l.createElement("div",{className:"slide-toggle--knob"}))},r.className.get=function(){var e=this.props;return s("slide-toggle slide-toggle-"+e.size+" slide-toggle-"+e.color,{active:e.active,disabled:e.disabled})},Object.defineProperties(t.prototype,r),t}(a.Component);A.Label=z,A.defaultProps={size:e.ComponentSize.Small,color:e.ComponentColor.Primary,tooltipText:"",disabled:!1,testID:"slide-toggle"};var R=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={loadingStatus:{configurable:!0},animationState:{configurable:!0}};return r.prototype.render=function(){return l.createElement("div",{className:"sparkle-spinner","data-testid":this.props.testID},l.createElement("svg",{version:"1.1",id:"sparkle_spinner",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 250 250"},l.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-3 "+this.animationState,d:"M250,9.1C250,9.1,250,9.1,250,9.1l-1.6-7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0L241.5,0\n\tc0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-5.2,4.9c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0c0,0,0,0,0,0l1.6,6.9\n\tc0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l6.8,2.1c0,0,0,0,0,0s0,0,0,0h0c0,0,0,0,0,0l0,0L250,9.1\n\tC250,9.2,250,9.2,250,9.1L250,9.1L250,9.1C250,9.2,250,9.1,250,9.1C250,9.1,250,9.1,250,9.1z"}),l.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9l-0.8-3.5c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l-3.5-1c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-2.6,2.4c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l0.8,3.4c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l3.4,1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l0,0\n\tL168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9L168.5,187.9L168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9\n\tC168.5,187.9,168.5,187.9,168.5,187.9z"}),l.createElement("circle",{className:"sparkle-spinner--fill-light sparkle-spinner--delay-2 "+this.animationState,cx:"231.5",cy:"171.2",r:"3.5"}),l.createElement("path",{className:this.loadingStatus,d:"M181.3,136.9l-10.9-47.6c-0.6-2.6-3-5.2-5.6-6l-50-15.4c-0.6-0.2-1.4-0.2-2.1-0.2\n\tc-2.1,0-4.4,0.9-5.8,2.1L71,103.1c-2,1.7-3,5.2-2.4,7.7l11.7,51c0.6,2.6,3,5.2,5.6,6l46.7,14.4c0.6,0.2,1.4,0.2,2.1,0.2\n\tc2.1,0,4.4-0.9,5.8-2.1l38.3-35.6C180.9,142.8,181.9,139.5,181.3,136.9z M120,79.2l34.3,10.6c1.4,0.4,1.4,1,0,1.4l-18,4.1\n\tc-1.4,0.4-3.2-0.2-4.2-1.2l-12.6-13.6C118.4,79.3,118.7,78.8,120,79.2z M141.4,140.7c0.4,1.4-0.5,2.1-1.9,1.7l-37-11.4\n\tc-1.4-0.4-1.6-1.5-0.6-2.5l28.3-26.4c1-1,2.1-0.6,2.5,0.7L141.4,140.7z M80.4,107.2l30.1-28c1-1,2.6-0.9,3.6,0.1l15,16.3\n\tc1,1,0.9,2.6-0.1,3.6l-30.1,28c-1,1-2.6,0.9-3.6-0.1l-15-16.3C79.3,109.6,79.4,108,80.4,107.2z M87.7,151.5l-8-34.9\n\tc-0.4-1.4,0.2-1.6,1.1-0.6l12.6,13.6c1,1,1.4,3,1,4.4l-5.5,17.7C88.6,152.9,88,152.9,87.7,151.5z M131.7,171.9l-39.3-12.1\n\tc-1.4-0.4-2.1-1.9-1.7-3.2l6.6-21.1c0.4-1.4,1.9-2.1,3.2-1.7l39.3,12.1c1.4,0.4,2.1,1.9,1.7,3.2l-6.6,21.1\n\tC134.4,171.6,133.1,172.3,131.7,171.9z M166.5,143.3l-26.2,24.4c-1,1-1.5,0.6-1.1-0.7l5.5-17.7c0.4-1.4,1.9-2.7,3.2-3l18-4.1\n\tC167.3,141.8,167.5,142.5,166.5,143.3z M169.4,138.1l-21.6,5c-1.4,0.4-2.7-0.5-3.1-1.9l-9.2-40c-0.4-1.4,0.5-2.7,1.9-3.1l21.6-5\n\tc1.4-0.4,2.7,0.5,3.1,1.9l9.2,40C171.6,136.5,170.7,137.9,169.4,138.1z"}),l.createElement("g",null,l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"30",y1:"90.4",x2:"30",y2:"104.4"}),l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"37",y1:"97.4",x2:"23",y2:"97.4"})),l.createElement("g",null,l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"165.7",y1:"12.9",x2:"165.7",y2:"19.9"}),l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"169.2",y1:"16.4",x2:"162.2",y2:"16.4"})),l.createElement("g",null,l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"5.1",y1:"241.4",x2:"5.1",y2:"248.4"}),l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"8.6",y1:"244.9",x2:"1.6",y2:"244.9"})),l.createElement("g",null,l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"224.2",x2:"171.5",y2:"229.2"}),l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"229.2",x2:"171.5",y2:"224.2"})),l.createElement("g",null,l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"28.3",x2:"58.4",y2:"33.3"}),l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"33.3",x2:"58.4",y2:"28.3"})),l.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M101.6,51.6c1.2,0,2.1,1,2.1,2.1s-1,2.1-2.1,2.1s-2.1-1-2.1-2.1S100.5,51.6,101.6,51.6 M101.6,50.2\n\t\tc-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5C105.1,51.8,103.6,50.2,101.6,50.2L101.6,50.2z"}),l.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-2 "+this.animationState,d:"M64.2,215.2c3.1,0,5.6,2.5,5.6,5.6s-2.5,5.6-5.6,5.6c-3.1,0-5.6-2.5-5.6-5.6S61.1,215.2,64.2,215.2\n\t\t M64.2,213.9c-3.9,0-7,3.1-7,7s3.1,7,7,7c3.9,0,7-3.1,7-7S68.1,213.9,64.2,213.9L64.2,213.9z"}),l.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M38.8,153.1l8.8,2.7l2.1,9l-6.8,6.3l-8.8-2.7l-2.1-9L38.8,153.1 M38.5,151.6C38.5,151.6,38.5,151.6,38.5,151.6\n\t\tc-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0l-7.8,7.3c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0s0,0,0,0l2.4,10.4c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0l10.2,3.1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l7.8-7.3c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0l-2.4-10.4\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0L38.5,151.6L38.5,151.6z M51.2,165.3L51.2,165.3L51.2,165.3z M51.2,165.3\n\t\tC51.2,165.3,51.2,165.3,51.2,165.3C51.2,165.3,51.2,165.3,51.2,165.3L51.2,165.3z"}),l.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-1 "+this.animationState,d:"M207.5,72.5l7.2,2.2l1.7,7.3l-5.5,5.1l-7.2-2.2l-1.7-7.3L207.5,72.5 M207.3,71C207.2,71,207.2,71,207.3,71\n\t\tC207.2,71,207.2,71,207.3,71c-0.1,0-0.1,0-0.1,0l-6.5,6.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l2,8.7c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l8.6,2.6c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l6.5-6.1c0,0,0,0,0,0c0,0,0,0,0-0.1\n\t\tc0,0,0,0,0,0l-2-8.7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0L207.3,71L207.3,71z M217.9,82.5L217.9,82.5L217.9,82.5z\n\t\t M217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5L217.9,82.5z"})))},o.loadingStatus.get=function(){var t=this.props.loading;return s("sparkle-spinner--logo",{"sparkle-spinner--fill-medium":t===e.RemoteDataState.NotStarted||t===e.RemoteDataState.Loading,"sparkle-spinner--animate-sparkle":t===e.RemoteDataState.Loading,"sparkle-spinner--fill-error":t===e.RemoteDataState.Error,"sparkle-spinner--fill-done":t===e.RemoteDataState.Done})},o.animationState.get=function(){return s({"sparkle-spinner--animate-sparkle":this.props.loading===e.RemoteDataState.Loading})},Object.defineProperties(r.prototype,o),r}(a.PureComponent);R.defaultProps={loading:e.RemoteDataState.NotStarted,testID:"sparkle-spinner"};var W=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={className:{configurable:!0}};return r.prototype.render=function(){var t=this.props,r=t.loading,o=t.children;return r===e.RemoteDataState.Loading||r===e.RemoteDataState.NotStarted?l.createElement("div",{className:this.className,"data-testid":t.testID},t.spinnerComponent):o},o.className.get=function(){var e,t=this.props.className;return s("spinner-container",((e={})[""+t]=t,e))},Object.defineProperties(r.prototype,o),r}(a.Component);W.defaultProps={testID:"spinner-container"};var H=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={style:{configurable:!0},strokeWidth:{configurable:!0}};return r.prototype.render=function(){return l.createElement("div",{className:"techno-spinner",style:this.style,"data-testid":this.props.testID})},o.style.get=function(){var e=this.props.diameterPixels;return{width:e+"px",height:e+"px",borderWidth:this.strokeWidth+"px"}},o.strokeWidth.get=function(){var t;switch(this.props.strokeWidth){case e.ComponentSize.ExtraSmall:t=1;break;case e.ComponentSize.Small:t=2;break;case e.ComponentSize.Medium:t=4;break;case e.ComponentSize.Large:default:t=8}return t},Object.defineProperties(r.prototype,o),r}(a.Component);H.defaultProps={diameterPixels:100,strokeWidth:e.ComponentSize.Small,testID:"techno-spinner"};var q=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={requiredIndicator:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children;return l.createElement("label",{className:"form--label","data-testid":e.testID},l.createElement("span",null,e.label,this.requiredIndicator),t)},r.requiredIndicator.get=function(){if(this.props.required)return l.createElement("span",{className:"form--label-required"},"*")},Object.defineProperties(t.prototype,r),t}(a.Component);q.defaultProps={testID:"form--label"};var G=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={message:{configurable:!0}};return t.prototype.render=function(){return l.createElement("span",{className:"form--element-error","data-testid":this.props.testID},this.message)},r.message.get=function(){return this.props.message||" "},Object.defineProperties(t.prototype,r),t}(a.Component);G.defaultProps={testID:"form--element-error"};var K=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("span",{className:"form--help-text","data-testid":e.testID},e.text)},t}(a.Component);K.defaultProps={testID:"form--help-text"};var U=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},errorMessage:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"form--element","data-testid":e.testID},this.label,e.children,this.errorMessage,this.helpText)},r.label.get=function(){var e=this.props,t=e.label;if(t)return l.createElement(q,{label:t,required:e.required},this.labelChild)},r.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},r.helpText.get=function(){var e=this.props.helpText;if(e)return l.createElement(K,{text:e})},r.errorMessage.get=function(){var e=this.props.errorMessage;if(e)return l.createElement(G,{message:e})},Object.defineProperties(t.prototype,r),t}(a.Component);U.defaultProps={testID:"form--element"};var V=function(t){function r(r){t.call(this,r),this.state={errorMessage:null,status:e.ComponentStatus.Default}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},children:{configurable:!0},errorMessage:{configurable:!0}};return r.prototype.componentDidUpdate=function(t,r){if(t.value!==this.props.value){var o=this.props,n=o.onStatusChange,a=(0,o.validationFunc)(this.props.value),s=a?e.ComponentStatus.Error:e.ComponentStatus.Valid;n&&r.status!==s&&n(s),this.setState({status:s,errorMessage:a})}},r.prototype.render=function(){return l.createElement("div",{className:"form--element","data-testid":this.props.testID},this.label,this.children,this.errorMessage,this.helpText)},o.label.get=function(){var e=this.props,t=e.label;if(t)return l.createElement(q,{label:t,required:e.required},this.labelChild)},o.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},o.helpText.get=function(){var e=this.props.helpText;if(e)return l.createElement(K,{text:e})},o.children.get=function(){return(0,this.props.children)(this.state.status)},o.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return l.createElement(G,{message:e})},Object.defineProperties(r.prototype,o),r}(a.Component);V.defaultProps={testID:"form--validation-element"};var X=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return l.createElement("label",{className:"form---divider","data-testid":this.props.testID})},t}(a.Component);X.defaultProps={testID:"form--divider"};var Y=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.widthXS,o=t.widthSM,n=t.widthMD,a=t.widthLG,i=t.offsetXS,l=t.offsetSM,p=t.offsetMD,c=t.offsetLG;return s("form--element form--submit",((e={})["col-xs-"+r]=r,e["col-sm-"+o]=o,e["col-md-"+n]=n,e["col-lg-"+a]=a,e["col-xs-offset-"+i]=i,e["col-sm-offset-"+l]=l,e["col-md-offset-"+p]=p,e["col-lg-offset-"+c]=c,e))},Object.defineProperties(t.prototype,r),t}(a.Component);Y.defaultProps={testID:"form--footer",widthXS:e.Columns.Twelve};var J=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"form--box "+e.className,"data-testid":e.testID},e.children)},t}(a.Component);J.defaultProps={className:"",testID:"form--box"};var Z=function(e){function t(){var t=this;e.apply(this,arguments),this.handleSubmit=function(e){e.preventDefault();var r=t.props.onSubmit;r&&r(e)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={formWrapperClass:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("form",{style:e.style,className:this.formWrapperClass,onSubmit:this.handleSubmit,"data-testid":e.testID},e.children)},r.formWrapperClass.get=function(){var e,t=this.props.className;return s("form--wrapper",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(a.Component);Z.defaultProps={testID:"form-container"},Z.ValidationElement=V,Z.Element=U,Z.Label=q,Z.Divider=X,Z.Footer=Y,Z.Box=J;var Q=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){t.props.onClick(t.props.hex)}}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"color-picker--swatch",title:e.name,onClick:this.handleClick,"data-testid":e.testID+"--swatch"},l.createElement("span",{style:{backgroundColor:e.hex}}))},t}(a.Component);Q.defaultProps={testID:"color-picker"};var $={BeijingEclipse:{start:e.InfluxColors.Basalt,stop:e.InfluxColors.Shadow},DistantNebula:{start:e.InfluxColors.Shadow,stop:e.InfluxColors.Abyss},SpirulinaSmoothie:{start:e.InfluxColors.Abyss,stop:e.InfluxColors.Gypsy},LASunset:{start:e.InfluxColors.Ruby,stop:e.InfluxColors.Void},PolarExpress:{start:e.InfluxColors.Void,stop:e.InfluxColors.Sapphire},RebelAlliance:{start:e.InfluxColors.Sapphire,stop:e.InfluxColors.Emerald},DocScott:{start:e.InfluxColors.Fire,stop:e.InfluxColors.Amethyst},GundamPilot:{start:e.InfluxColors.Amethyst,stop:e.InfluxColors.Ocean},TropicalTourist:{start:e.InfluxColors.Ocean,stop:e.InfluxColors.Viridian},DesertFestival:{start:e.InfluxColors.Curacao,stop:e.InfluxColors.Star},MiyazakiSky:{start:e.InfluxColors.Star,stop:e.InfluxColors.Pool},GarageBand:{start:e.InfluxColors.Pool,stop:e.InfluxColors.Rainforest},BrooklynCowboy:{start:e.InfluxColors.Dreamsicle,stop:e.InfluxColors.Comet},PastelGothic:{start:e.InfluxColors.Comet,stop:e.InfluxColors.Laser},LowDifficulty:{start:e.InfluxColors.Laser,stop:e.InfluxColors.Honeydew},SynthPop:{start:e.InfluxColors.Tungsten,stop:e.InfluxColors.Potassium},CottonCandy:{start:e.InfluxColors.Potassium,stop:e.InfluxColors.Hydrogen},HotelBreakfast:{start:e.InfluxColors.Hydrogen,stop:e.InfluxColors.Krypton},MagicCarpet:{start:e.InfluxColors.Marmelade,stop:e.InfluxColors.Moonstone},CruisingAltitude:{start:e.InfluxColors.Moonstone,stop:e.InfluxColors.Neutrino},CoconutLime:{start:e.InfluxColors.Neutrino,stop:e.InfluxColors.Wasabi},PastryCafe:{start:e.InfluxColors.Flan,stop:e.InfluxColors.Twilight},KawaiiDesu:{start:e.InfluxColors.Twilight,stop:e.InfluxColors.Yeti},RobotLogic:{start:e.InfluxColors.Yeti,stop:e.InfluxColors.Mint}},ee={Amethyst:{start:e.InfluxColors.Neutrino,stop:e.InfluxColors.Hydrogen},Sapphire:{start:e.InfluxColors.Neutrino,stop:e.InfluxColors.Hydrogen},Malachite:{start:e.InfluxColors.Neutrino,stop:e.InfluxColors.Krypton}},te=function(e){return ee[e]||$[e]},re=function(e){var t=7===e.length,r=[];return"#"===e.substring(0,1)||r.push("Hexcodes must begin with #"),t||r.push(r.length?"and must be 7 characters":"Hexcodes must be 7 characters"),r.length?r.join(", "):null},oe=function(t){function r(r){var o=this;t.call(this,r),this.handleSwatchClick=function(t){var r=o.props.onChange;o.setState({errorMessage:null}),r(t,e.ComponentStatus.Valid)},this.handleInputChange=function(t){var r=o.props.onChange,n=["#","a","b","c","d","e","f","0","1","2","3","4","5","6","7","8","9"],a=t.target.value.trim().split("").filter(function(e){return n.includes(e.toLowerCase())}).join(""),s=re(a),i=s?e.ComponentStatus.Error:e.ComponentStatus.Valid;o.setState({errorMessage:s}),r(a,i)},this.handleInputBlur=function(e){o.props.maintainInputFocus&&e.target.focus()},this.handleRandomizeColor=function(){var t=o.props,r=t.onChange,n=i.sample(t.colors),a=i.get(n,"hex")||"";o.setState({errorMessage:null}),r(a,e.ComponentStatus.Valid)},this.state={errorMessage:null}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={inputStatus:{configurable:!0},errorMessage:{configurable:!0},colorPreview:{configurable:!0}};return r.prototype.render=function(){var t=this,r=this.props,o=r.maintainInputFocus,n=r.testID,a=r.color,s=r.colors;return l.createElement("div",{className:"color-picker","data-testid":n},l.createElement("div",{className:"color-picker--swatches"},s&&s.map(function(e){return l.createElement(Q,{key:e.name,hex:e.hex,name:e.name,onClick:t.handleSwatchClick,testID:n})})),l.createElement("div",{className:"color-picker--form"},l.createElement(F,{customClass:"color-picker--input",placeholder:"#000000",value:a,onChange:this.handleInputChange,maxLength:7,onBlur:this.handleInputBlur,autoFocus:o,status:this.inputStatus,testID:n+"--input"}),this.colorPreview,l.createElement(w,{icon:e.IconFont.Refresh,shape:e.ButtonShape.Square,onClick:this.handleRandomizeColor,titleText:"I'm feeling lucky",testID:n+"--randomize"})),this.errorMessage)},o.inputStatus.get=function(){return this.state.errorMessage?e.ComponentStatus.Error:e.ComponentStatus.Valid},o.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return l.createElement("div",{className:"color-picker--error","data-testid":this.props.testID+"--error"},l.createElement(G,{message:e}))},o.colorPreview.get=function(){return l.createElement("div",{className:"color-picker--selected",style:{backgroundColor:this.props.color}})},Object.defineProperties(r.prototype,o),r}(a.Component);oe.defaultProps={colors:[{hex:"#311F94",name:"Void"},{hex:"#513CC6",name:"Amethyst"},{hex:"#7A65F2",name:"Star"},{hex:"#9394FF",name:"Comet"},{hex:"#B1B6FF",name:"Potassium"},{hex:"#C9D0FF",name:"Moonstone"},{hex:"#fafafc",name:"Ghost"},{hex:"#c6cad3",name:"Chromium"},{hex:"#757888",name:"Mountain"},{hex:"#31313d",name:"Onyx"},{hex:"#326BBA",name:"Sapphire"},{hex:"#4591ED",name:"Ocean"},{hex:"#22ADF6",name:"Pool"},{hex:"#00C9FF",name:"Laser"},{hex:"#6BDFFF",name:"Hydrogen"},{hex:"#BEF0FF",name:"Neutrino"},{hex:"#f6f6f8",name:"Cloud"},{hex:"#bec2cc",name:"Mist"},{hex:"#676978",name:"Storm"},{hex:"#292933",name:"Castle"},{hex:"#108174",name:"Emerald"},{hex:"#32B08C",name:"Viridian"},{hex:"#4ED8A0",name:"Rainforest"},{hex:"#7CE490",name:"Honeydew"},{hex:"#A5F3B4",name:"Krypton"},{hex:"#C6FFD0",name:"Wasabi"},{hex:"#eeeff2",name:"Whisper"},{hex:"#a4a8b6",name:"Forge"},{hex:"#545667",name:"Graphite"},{hex:"#202028",name:"Kevlar"},{hex:"#E85B1C",name:"Topaz"},{hex:"#F48D38",name:"Tiger"},{hex:"#FFB94A",name:"Pineapple"},{hex:"#FFD255",name:"Thunder"},{hex:"#FFE480",name:"Sulfur"},{hex:"#FFF6B8",name:"Daisy"},{hex:"#e7e8eb",name:"Pearl"},{hex:"#999dab",name:"Sidewalk"},{hex:"#434453",name:"Smoke"},{hex:"#1c1c21",name:"Raven"},{hex:"#BF3D5E",name:"Ruby"},{hex:"#DC4E58",name:"Fire"},{hex:"#F95F53",name:"Curacao"},{hex:"#FF8564",name:"Dreamsicle"},{hex:"#FFB6A0",name:"Tungsten"},{hex:"#FFDCCF",name:"Marmelade"},{hex:"#d4d7dd",name:"Platinum"},{hex:"#8e91a1",name:"Wolf"},{hex:"#383846",name:"Pepper"},{hex:"#0f0e15",name:"Obsidian"}],maintainInputFocus:!1,testID:"color-picker"};var ne=function(e){function r(){e.apply(this,arguments)}return e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r,r.prototype.render=function(){var e=this.props;return l.createElement("h4",{className:"empty-state--text","data-testid":e.testID},function(r,o){return e.text.replace(/[\\][n]/g,"LINEBREAK").split(" ").map(function(e){return i.includes(o,e)?l.createElement("em",{key:t.v4()},""+e):"LINEBREAK"===e?l.createElement("br",{key:t.v4()}):l.createElement(a.Fragment,{key:t.v4()},"SPACECHAR"===e?" ":e+" ")})}(0,e.highlightWords))},r}(a.Component);ne.defaultProps={testID:"empty-state--text"};var ae=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("p",{className:"empty-state--sub-text","data-testid":e.testID},e.text)},t}(a.Component);ae.defaultProps={testID:"empty-state--sub-text"};var se=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.customClass,o=t.size;return s("empty-state",((e={})["empty-state--"+o]=o,e[""+r]=r,e))},Object.defineProperties(t.prototype,r),t}(a.Component);se.defaultProps={size:e.ComponentSize.Small,testID:"empty-state"},se.Text=ne,se.SubText=ae;var ie=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.stretchToFitHeight,o=t.stretchToFitWidth,n=t.justifyContent,a=t.alignItems,i=t.direction,p=t.children,c=t.margin,u=t.testID,d=t.style;return l.createElement("div",{className:s("component-spacer",(e={},e["component-spacer__margin-"+c]=c,e["component-spacer__"+i]=i,e["component-spacer__justify-"+n]=n,e["component-spacer__align-"+a]=a,e["component-spacer__stretch-w"]=o,e["component-spacer__stretch-h"]=r,e)),"data-testid":u,style:d},p)},t}(a.Component);ie.defaultProps={justifyContent:e.JustifyContent.FlexStart,alignItems:e.AlignItems.Center,stretchToFitWidth:!1,stretchToFitHeight:!1,testID:"component-spacer"};var le=function(t){function r(){t.apply(this,arguments)}return t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r,r.prototype.render=function(){var t=this.props,r=t.children;return l.createElement("div",{className:"panel--header"},l.createElement("div",{className:"panel--title"},t.title),l.createElement("div",{className:"panel--controls"},l.createElement(ie,{direction:e.FlexDirection.Row,justifyContent:e.JustifyContent.FlexEnd,alignItems:e.AlignItems.Center},r)))},r}(a.Component);le.defaultProps={testID:"panel--header"};var pe=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return l.createElement("div",{className:"panel--body"},this.props.children)},t}(a.Component);pe.defaultProps={testID:"panel--body"};var ce=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return l.createElement("div",{className:"panel--footer"},this.props.children)},t}(a.Component);ce.defaultProps={testID:"panel--footer"};var ue=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var o={useContrastText:{configurable:!0},style:{configurable:!0}};return t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.className,n=t.gradient,a=t.testID;return l.createElement("div",{className:s("panel panel--"+t.size,(e={},e[""+o]=o,e.panel__gradient=n,e["panel__"+this.useContrastText+"-text"]=this.useContrastText,e)),style:this.style,"data-testID":a},r)},o.useContrastText.get=function(){var e=this.props.gradient;if(!e)return!1;var t=te(e);return r(t.start).luminance()>=.34?"dark":"light"},o.style.get=function(){var e=this.props.gradient;if(e){var t=te(e);return{background:"linear-gradient(45deg, "+t.start+" 0%,"+t.stop+" 100%)"}}},Object.defineProperties(t.prototype,o),t}(a.Component);ue.defaultProps={size:e.ComponentSize.Small,testID:"panel"},ue.Header=le,ue.Body=pe,ue.Footer=ce;var de=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={thumbXStyle:{configurable:!0},thumbYStyle:{configurable:!0}};return t.prototype.render=function(){var e,t=this.props,r=t.removeTracksWhenNotUsed,n=t.removeTrackYWhenNotUsed,a=t.removeTrackXWhenNotUsed,i=t.noScrollX,p=t.noScrollY,c=t.className,u=t.autoSize,d=t.noScroll,m=t.children,h=t.style,f=s("dapper-scrollbars",((e={"dapper-scrollbars--autohide":t.autoHide})[""+c]=c,e));return l.createElement(o,{translateContentSizesToHolder:u,className:f,style:h,noDefaultStyles:!1,removeTracksWhenNotUsed:r,removeTrackYWhenNotUsed:n,removeTrackXWhenNotUsed:a,noScrollX:i,noScrollY:p,noScroll:d,wrapperProps:{className:"dapper-scrollbars--wrapper"},contentProps:{className:"dapper-scrollbars--content"},trackXProps:{className:"dapper-scrollbars--track-x"},thumbXProps:{style:this.thumbXStyle,className:"dapper-scrollbars--thumb-x"},trackYProps:{className:"dapper-scrollbars--track-y"},thumbYProps:{style:this.thumbYStyle,className:"dapper-scrollbars--thumb-y"}},m)},r.thumbXStyle.get=function(){var e=this.props;return{background:"linear-gradient(to right, "+e.thumbStartColor+" 0%,"+e.thumbStopColor+" 100%)"}},r.thumbYStyle.get=function(){var e=this.props;return{background:"linear-gradient(to bottom, "+e.thumbStartColor+" 0%,"+e.thumbStopColor+" 100%)"}},Object.defineProperties(t.prototype,r),t}(a.Component);de.defaultProps={removeTracksWhenNotUsed:!0,removeTrackYWhenNotUsed:!0,removeTrackXWhenNotUsed:!0,noScrollX:!1,noScrollY:!1,noScroll:!1,thumbStartColor:"#00C9FF",thumbStopColor:"#9394FF",autoHide:!1,autoSize:!0};var me=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"waiting-text "+(e.className||""),"data-testid":e.testID},e.text)},t}(a.Component);me.defaultProps={testID:"waiting-text"};var he=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return l.createElement("div",{className:"clockface--app-wrapper"},this.props.children)},t}(a.PureComponent),fe=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){return l.createElement("div",{className:"page-header--left",style:this.styles},this.props.children)},r.styles.get=function(){var e=this.props.offsetPixels;if(0!==e)return{flex:"1 0 calc(50% - "+e+"px)"}},Object.defineProperties(t.prototype,r),t}(a.Component);fe.defaultProps={offsetPixels:0};var ye=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){return l.createElement("div",{className:"page-header--center",style:this.styles},this.props.children)},r.styles.get=function(){return{flex:"1 0 "+this.props.widthPixels+"px"}},Object.defineProperties(t.prototype,r),t}(a.Component);ye.defaultProps={widthPixels:200};var Ce=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){return l.createElement("div",{className:"page-header--right",style:this.styles},this.props.children)},r.styles.get=function(){var e=this.props.offsetPixels;if(0!==e)return{flex:"1 0 calc(50% - "+e+"px)"}},Object.defineProperties(t.prototype,r),t}(a.Component);Ce.defaultProps={offsetPixels:0};var ge=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},childrenWithCorrectWidths:{configurable:!0}};return t.prototype.render=function(){return this.props.hide?null:l.createElement("div",{className:this.className,"data-testid":"page-header"},l.createElement("div",{className:"page-header--center"},this.childrenWithCorrectWidths))},r.className.get=function(){return s("page-header",{"full-width":this.props.fullWidth})},r.childrenWithCorrectWidths.get=function(){var e=this.props.children,t=0;l.Children.forEach(e,function(e){e.type===ye&&(t=e.props.widthPixels)});var r=e;return t&&(r=l.Children.map(e,function(e){return e.type===fe?l.createElement(fe,Object.assign({},e.props,{offsetPixels:t/2})):e.type===Ce?l.createElement(Ce,Object.assign({},e.props,{offsetPixels:t/2})):e})),r},Object.defineProperties(t.prototype,r),t}(a.Component);ge.defaultProps={hide:!1},ge.Left=fe,ge.Center=ye,ge.Right=Ce;var be=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("h1",{className:"page--title",title:e.altText},e.title)},t}(a.PureComponent),ve=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},children:{configurable:!0}};return t.prototype.render=function(){return this.props.scrollable?l.createElement(de,{className:this.className,autoHide:!1,autoSize:!1},l.createElement("div",{className:"page-contents--padding"},this.children)):l.createElement("div",{className:this.className},l.createElement("div",{className:"page-contents--padding"},this.children))},r.className.get=function(){var e=this.props;return s("page-contents",{"full-width":e.fullWidth,"full-height":e.fullHeight})},r.children.get=function(){var e=this.props,t=e.children;return e.fullWidth?t:l.createElement("div",{className:"page-contents--center"},l.createElement("div",{className:"row"},t))},Object.defineProperties(t.prototype,r),t}(a.Component),xe=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.componentDidMount=function(){var e=this.props.loadingTitleTag;e&&(document.title=""+e)},t.prototype.componentDidUpdate=function(e){e.titleTag!==this.props.titleTag&&this.props.titleTag&&(document.title=""+this.props.titleTag)},t.prototype.render=function(){return l.createElement("div",{className:this.className},this.props.children)},r.className.get=function(){var e,t=this.props.className;return s("page",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(a.Component);xe.Header=ge,xe.Title=be,xe.Contents=ve;var Se=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.testID,n=t.className,a=t.titleLink,i=t.iconLink;return l.createElement("div",{className:s("nav--item",(e={active:t.active},e[""+n]=n,e)),"data-testid":o},i("nav--item-icon"),l.createElement("div",{className:"nav--item-menu"},a("nav--item-header"),r))},t}(a.PureComponent);Se.defaultProps={testID:"nav-menu--item"};var De=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.className;return(0,t.titleLink)(s("nav--sub-item",((e={active:t.active})[""+r]=r,e)))},t}(a.PureComponent),ke=function(e){function t(t){e.call(this,t)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.testID;if(t.hide)return null;var n=s("nav",((e={})[""+this.props.className]=this.props.className,e));return l.createElement("nav",{className:n,"data-testid":o},r)},t}(a.PureComponent);ke.defaultProps={testID:"nav-menu"},ke.Item=Se,ke.SubItem=De;var _e=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={isDisabled:{configurable:!0},classname:{configurable:!0}};return r.prototype.render=function(){var t=this.props,r=t.children,o=t.icon;return l.createElement("button",{className:this.classname,onClick:t.onClick,disabled:this.isDisabled,title:t.title,type:e.ButtonType.Button,"data-testid":t.testID},!!o&&l.createElement(p,{glyph:o,className:"dropdown--icon"}),l.createElement("span",{className:"dropdown--selected"},r),l.createElement("span",{className:"dropdown--caret icon caret-down"}))},o.isDisabled.get=function(){return[e.ComponentStatus.Disabled,e.ComponentStatus.Loading,e.ComponentStatus.Error].includes(this.props.status)},o.classname.get=function(){var e,t=this.props,r=t.active,o=t.color,n=t.size;return s("dropdown--button button",((e={"button-stretch":!0,"button-disabled":this.isDisabled})["button-"+o]=o,e["button-"+n]=n,e.active=r,e))},Object.defineProperties(r.prototype,o),r}(a.Component);_e.defaultProps={color:e.ComponentColor.Default,size:e.ComponentSize.Small,status:e.ComponentStatus.Default,active:!1,testID:"dropdown--button"};var Ee=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.text,r=e.testID;return l.createElement("div",{className:s("dropdown--divider",{line:!t}),"data-testid":r},t)},t}(a.Component);Ee.defaultProps={testID:"dropdown--divider"};var Ne=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(e){e.preventDefault();var r=t.props,o=r.onClick;o&&o(r.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={checkBox:{configurable:!0},dot:{configurable:!0},childElements:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.selected,r=e.checkbox,o=e.id;return l.createElement("div",{className:s("dropdown--item",{checked:t&&r,active:t&&!r,"multi-select--item":r}),"data-testid":"dropdown--item "+o,onClick:this.handleClick},this.checkBox,this.childElements,this.dot)},r.checkBox.get=function(){if(this.props.checkbox)return l.createElement("div",{className:"dropdown-item--checkbox"})},r.dot.get=function(){var e=this.props;if(e.selected&&!e.checkbox)return l.createElement("div",{className:"dropdown-item--dot"})},r.childElements.get=function(){return l.createElement("div",{className:"dropdown-item--children"},this.props.children)},Object.defineProperties(t.prototype,r),t}(a.Component);Ne.defaultProps={checkbox:!1,selected:!1};var Ie=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClickOutside=function(e){var r=n.findDOMNode(t);r&&r.contains(e.target)||t.props.onClickOutside(e)}}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.componentDidMount=function(){document.addEventListener("mousedown",this.handleClickOutside,!0)},t.prototype.componentWillUnmount=function(){document.removeEventListener("mousedown",this.handleClickOutside,!0)},t.prototype.render=function(){return l.Children.only(this.props.children)},t}(a.PureComponent),we=function(t){function r(e){var r=this;t.call(this,e),this.toggleMenu=function(e){e.preventDefault(),r.setState({expanded:!r.state.expanded})},this.collapseMenu=function(){r.setState({expanded:!1})},this.handleItemClick=function(e){(0,r.props.onChange)(e),r.collapseMenu()},this.state={expanded:!1}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={containerClassName:{configurable:!0},button:{configurable:!0},menuItems:{configurable:!0}};return r.prototype.render=function(){var e=this.props.widthPixels;return l.createElement(Ie,{onClickOutside:this.collapseMenu},l.createElement("div",{className:this.containerClassName,style:{width:e?e+"px":"100%"}},this.button,this.menuItems))},o.containerClassName.get=function(){var t,r=this.props,o=r.mode,n=r.wrapMenuText;return s("dropdown dropdown-"+r.buttonSize+" dropdown-"+r.buttonColor,((t={disabled:r.status===e.ComponentStatus.Disabled,"dropdown-wrap":n,"dropdown-truncate":!n,customClass:r.customClass})["dropdown--"+o]=o,t))},o.button.get=function(){var t,r=this.props,o=r.selectedID,n=r.status,a=r.buttonColor,s=r.buttonSize,p=r.icon,c=r.mode,u=r.titleText,d=r.buttonTestID,m=this.state.expanded,h=l.Children.toArray(this.props.children).find(function(e){return i.get(e,"props.id",null)===o}),f=n;return n===e.ComponentStatus.Loading?t=l.createElement(me,{text:"Loading"}):h?t=i.get(h,"props.children",null):c===e.DropdownMode.ActionList?t=u:(t=u,f=e.ComponentStatus.Disabled),l.createElement(_e,{active:m,color:a,size:s,icon:p,onClick:this.toggleMenu,status:f,title:u,testID:d},t)},o.menuItems.get=function(){var e=this,t=this.props,r=t.selectedID,o=t.maxMenuHeight,n=t.widthPixels,a=t.menuWidthPixels,s=t.menuHeader,i=t.menuColor,p=t.children,c=t.testID;if(this.state.expanded){var u="100%";n&&(u=n+"px"),a&&(u=a+"px");var d=te(i);return l.createElement("div",{className:"dropdown--menu-container dropdown--"+i.toLowerCase(),style:{width:u}},l.createElement(de,{style:{maxWidth:"100%",maxHeight:o+"px"},autoSize:!0,autoHide:!1,thumbStartColor:d&&d.start,thumbStopColor:d&&d.stop},l.createElement("div",{className:"dropdown--menu","data-testid":"dropdown--menu "+c},s&&s,l.Children.map(p,function(t){if(t.type===Ne)return l.createElement(Ne,Object.assign({},t.props,{key:t.props.id,selected:t.props.id===r,onClick:e.handleItemClick}),t.props.children);if(t.type===Ee)return l.createElement(Ee,Object.assign({},t.props,{key:t.props.id}));throw new Error("Expected children of type <Dropdown.Item /> or <Dropdown.Divider />")}))))}},Object.defineProperties(r.prototype,o),r}(a.Component);we.defaultProps={buttonColor:e.ComponentColor.Default,buttonSize:e.ComponentSize.Small,status:e.ComponentStatus.Default,maxMenuHeight:250,menuColor:e.DropdownMenuColors.Sapphire,mode:e.DropdownMode.Radio,titleText:"",wrapMenuText:!1,testID:"dropdown",buttonTestID:"dropdown-button"},we.Button=_e,we.Item=Ne,we.Divider=Ee;var Fe=function(t){function r(e){var r=this;t.call(this,e),this.toggleMenu=function(){r.setState({expanded:!r.state.expanded})},this.collapseMenu=function(){var e=r.props.onCollapse;r.setState({expanded:!1}),e&&e()},this.handleItemClick=function(e){var t=r.props,o=t.selectedIDs;(0,t.onChange)(i.includes(o,e.id)?o.filter(function(t){return t!==e.id}):o.concat([e.id]),e)},this.childTypeIsValid=function(e){return e.type===Ne||e.type===Ee},this.state={expanded:!1}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={containerStyle:{configurable:!0},containerClassName:{configurable:!0},button:{configurable:!0},menuItems:{configurable:!0},menuStyle:{configurable:!0}};return r.prototype.render=function(){return l.createElement(Ie,{onClickOutside:this.collapseMenu},l.createElement("div",{className:this.containerClassName,style:this.containerStyle,"data-testid":this.props.testID},this.button,this.menuItems))},o.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},o.containerClassName.get=function(){var t=this.props;return s("dropdown dropdown-"+t.buttonSize+" dropdown-"+t.buttonColor,{disabled:t.status===e.ComponentStatus.Disabled,"dropdown-wrap":t.wrapText,customClass:t.customClass})},o.button.get=function(){var e,t=this.props,r=t.selectedIDs,o=t.status,n=t.buttonColor,s=t.buttonSize,p=t.icon,c=t.emptyText,u=t.separatorText,d=this.state.expanded,m=l.Children.toArray(this.props.children).filter(function(e){return i.includes(r,i.get(e,"props.id",null))});return e=m.length?m.map(function(e,t){return t<m.length-1?l.createElement(a.Fragment,{key:i.get(e,"props.id",null)},i.get(e,"props.children",null),u):i.get(e,"props.children",null)}):c,l.createElement(_e,{active:d,color:n,size:s,icon:p,onClick:this.toggleMenu,status:o},e)},o.menuItems.get=function(){var e=this,t=this.props,r=t.selectedIDs,o=t.maxMenuHeight,n=t.menuColor,a=t.children,s=this.state.expanded,p=te(n);if(s)return l.createElement("div",{className:"dropdown--menu-container dropdown--"+n.toLowerCase(),style:this.menuStyle},l.createElement(de,{style:{maxWidth:"100%",maxHeight:o+"px"},autoHide:!1,autoSize:!0,thumbStartColor:p&&p.start,thumbStopColor:p&&p.stop},l.createElement("div",{className:"dropdown--menu","data-testid":"dropdown-menu"},l.Children.map(a,function(t){if(e.childTypeIsValid(t))return t.type===Ne?l.createElement(Ne,Object.assign({},t.props,{key:t.props.id,checkbox:!0,selected:i.includes(r,t.props.id),onClick:e.handleItemClick}),t.props.children):l.createElement(Ee,Object.assign({},t.props,{key:t.props.id}));throw new Error("Expected children of type <Dropdown.Item /> or <Dropdown.Divider />")}))))},o.menuStyle.get=function(){var e=this.props,t=e.widthPixels,r="100%";return t&&(r=t+"px"),e.wrapText&&t?{width:r}:{minWidth:r}},Object.defineProperties(r.prototype,o),r}(a.Component);Fe.defaultProps={buttonColor:e.ComponentColor.Default,buttonSize:e.ComponentSize.Small,status:e.ComponentStatus.Default,wrapText:!1,maxMenuHeight:250,menuColor:e.DropdownMenuColors.Sapphire,emptyText:"Choose an item",separatorText:", ",testID:"multi-select-dropdown"},Fe.Button=_e,Fe.Item=Ne,Fe.Divider=Ee,e.Alert=N,e.Button=w,e.Input=F,e.Grid=M,e.GridColumn=O,e.GridRow=P,e.Icon=p,e.TextArea=j,e.Radio=L,e.SlideToggle=A,e.SlideToggleLabel=z,e.SparkleSpinner=R,e.SpinnerContainer=W,e.TechnoSpinner=H,e.Form=Z,e.FormDivider=X,e.FormElement=U,e.FormElementError=G,e.FormFooter=Y,e.FormHelpText=K,e.FormLabel=q,e.FormBox=J,e.FormValidationElement=V,e.ColorPicker=oe,e.ColorPickerSwatch=Q,e.EmptyState=se,e.EmptyStateText=ne,e.EmptyStateSubText=ae,e.Panel=ue,e.PanelBody=pe,e.PanelFooter=ce,e.PanelHeader=le,e.DapperScrollbars=de,e.WaitingText=me,e.AppWrapper=he,e.Page=xe,e.PageHeader=ge,e.PageHeaderLeft=fe,e.PageHeaderCenter=ye,e.PageHeaderRight=Ce,e.PageContents=ve,e.PageTitle=be,e.NavMenu=ke,e.NavMenuItem=Se,e.NavMenuSubItem=De,e.DropdownButton=_e,e.DropdownDivider=Ee,e.DropdownItem=Ne,e.Dropdown=we,e.MultiSelectDropdown=Fe,e.ClickOutside=Ie,e.ComponentSpacer=ie}); | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("uuid"),require("chroma-js"),require("react-scrollbars-custom"),require("react-dom"),require("react"),require("classnames"),require("lodash")):"function"==typeof define&&define.amd?define(["exports","uuid","chroma-js","react-scrollbars-custom","react-dom","react","classnames","lodash"],t):t(e.clockface={},e.uuid,e.chroma,e.Scrollbar,e.ReactDOM,e.react,e.classnames,e.lodash)}(this,function(e,t,r,o,n,a,s,i){t=t&&t.hasOwnProperty("default")?t.default:t,r=r&&r.hasOwnProperty("default")?r.default:r,o=o&&o.hasOwnProperty("default")?o.default:o,n=n&&n.hasOwnProperty("default")?n.default:n;var l="default"in a?a.default:a;s=s&&s.hasOwnProperty("default")?s.default:s,i=i&&i.hasOwnProperty("default")?i.default:i;var p=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.glyph;return l.createElement("span",{className:this.props.className?"icon "+t+" "+this.props.className:"icon "+t,"data-testid":e.testID})},t}(a.Component);p.defaultProps={testID:"icon"};var c,u,d,m,h,f,y,C,g,b,v,x,S,D,k,_,I,E=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children,r=e.icon;return l.createElement("div",{className:this.className,"data-testid":e.testID},!!r&&l.createElement(p,{glyph:r,className:"alert--icon"}),l.createElement("div",{className:"alert--contents"},t))},r.className.get=function(){var e,t=this.props,r=t.color,o=t.icon;return s("alert",((e={})["alert--"+r]=r,e["alert--has-icon"]=o,e))},Object.defineProperties(t.prototype,r),t}(a.Component);E.defaultProps={testID:"alert"},(c=e.ComponentColor||(e.ComponentColor={})).Default="default",c.Primary="primary",c.Secondary="secondary",c.Success="success",c.Warning="warning",c.Danger="danger",(u=e.ComponentSize||(e.ComponentSize={})).ExtraSmall="xs",u.Small="sm",u.Medium="md",u.Large="lg",(d=e.ComponentStatus||(e.ComponentStatus={})).Default="default",d.Loading="loading",d.Error="error",d.Valid="valid",d.Disabled="disabled",(m=e.Gradients||(e.Gradients={})).BeijingEclipse="BeijingEclipse",m.DistantNebula="DistantNebula",m.SpirulinaSmoothie="SpirulinaSmoothie",m.LASunset="LASunset",m.PolarExpress="PolarExpress",m.RebelAlliance="RebelAlliance",m.DocScott="DocScott",m.GundamPilot="GundamPilot",m.TropicalTourist="TropicalTourist",m.DesertFestival="DesertFestival",m.MiyazakiSky="MiyazakiSky",m.GarageBand="GarageBand",m.BrooklynCowboy="BrooklynCowboy",m.PastelGothic="PastelGothic",m.LowDifficulty="LowDifficulty",m.SynthPop="SynthPop",m.CottonCandy="CottonCandy",m.HotelBreakfast="HotelBreakfast",m.MagicCarpet="MagicCarpet",m.CruisingAltitude="CruisingAltitude",m.CoconutLime="CoconutLime",m.PastryCafe="PastryCafe",m.KawaiiDesu="KawaiiDesu",m.RobotLogic="RobotLogic",(h=e.DropdownMenuColors||(e.DropdownMenuColors={})).Amethyst="Amethyst",h.Malachite="Malachite",h.Sapphire="Sapphire",h.Onyx="Onyx",(f=e.DropdownMode||(e.DropdownMode={})).ActionList="action",f.Radio="radio",(y=e.ButtonShape||(e.ButtonShape={})).Default="none",y.Square="square",y.StretchToFit="stretch",(C=e.ButtonType||(e.ButtonType={})).Button="button",C.Submit="submit",(g=e.InfluxColors||(e.InfluxColors={})).Obsidian="#0f0e15",g.Raven="#1c1c21",g.Kevlar="#202028",g.Castle="#292933",g.Onyx="#31313d",g.Pepper="#383846",g.Smoke="#434453",g.Graphite="#545667",g.Storm="#676978",g.Mountain="#757888",g.Wolf="#8e91a1",g.Sidewalk="#999dab",g.Forge="#a4a8b6",g.Mist="#bec2cc",g.Chromium="#c6cad3",g.Platinum="#d4d7dd",g.Pearl="#e7e8eb",g.Whisper="#eeeff2",g.Cloud="#f6f6f8",g.Ghost="#fafafc",g.White="#ffffff",g.Abyss="#182838",g.Sapphire="#326BBA",g.Ocean="#4591ED",g.Pool="#22ADF6",g.Laser="#00C9FF",g.Hydrogen="#6BDFFF",g.Neutrino="#BEF0FF",g.Yeti="#F0FCFF",g.Shadow="#1F2039",g.Void="#311F94",g.Amethyst="#513CC6",g.Star="#7A65F2",g.Comet="#9394FF",g.Potassium="#B1B6FF",g.Moonstone="#C9D0FF",g.Twilight="#F2F4FF",g.Gypsy="#152B2D",g.Emerald="#108174",g.Viridian="#32B08C",g.Rainforest="#4ED8A0",g.Honeydew="#7CE490",g.Krypton="#A5F3B4",g.Wasabi="#C6FFD0",g.Mint="#F2FFF4",g.Oak="#3F241F",g.Topaz="#E85B1C",g.Tiger="#F48D38",g.Pineapple="#FFB94A",g.Thunder="#FFD255",g.Sulfur="#FFE480",g.Daisy="#FFF6B8",g.Banana="#FFFDDE",g.Basalt="#2F1F29",g.Ruby="#BF3D5E",g.Fire="#DC4E58",g.Curacao="#F95F53",g.Dreamsicle="#FF8564",g.Tungsten="#FFB6A0",g.Marmelade="#FFDCCF",g.Flan="#FFF7F4",(b=e.IconFont||(e.IconFont={})).AddCell="add-cell",b.AlertTriangle="alert-triangle",b.Alerts="alerts",b.Annotate="annotate",b.AnnotatePlus="annotate-plus",b.AuthZero="authzero",b.BarChart="bar-chart",b.Bell="bell",b.BellRinging="bell-ringing",b.BellSolid="bell-solid",b.Brush="brush",b.Calendar="calendar",b.Capacitor="capacitor2",b.CaretDown="caret-down",b.CaretLeft="caret-left",b.CaretRight="caret-right",b.CaretUp="caret-up",b.Chat="chat",b.Checkmark="checkmark",b.Circle="circle",b.CircleThick="circle-thick",b.Clock="clock",b.Cloud="cloud",b.CogOutline="cog-outline",b.CogThick="cog-thick",b.Collapse="collapse",b.CrownOutline="crown-outline",b.CrownSolid="crown2",b.Cube="cube",b.Cubouniform="cubo-uniform",b.CuboNav="cubo-nav",b.Dashboards="dashboards",b.DashF="dash-f",b.DashH="dash-h",b.DashJ="dash-j",b.Disks="disks",b.Download="download",b.Duplicate="duplicate",b.ExpandA="expand-a",b.ExpandB="expand-b",b.Export="export",b.Eye="eye",b.EyeClosed="eye-closed",b.EyeOpen="eye-open",b.GitHub="github",b.Google="google",b.GraphLine="graphline-2",b.Group="group",b.Heroku="heroku",b.HerokuSimple="",b.Import="import",b.Link="link",b.NavChat="nav-chat",b.OAuth="oauth",b.Octagon="octagon",b.Okta="okta",b.Pause="pause",b.Pencil="pencil",b.Play="play",b.Plus="plus",b.PlusSkinny="plus-skinny",b.Pulse="pulse-c",b.Refresh="refresh",b.Remove="remove",b.Search="search",b.Server="server2",b.Shuffle="shuffle",b.Square="square",b.TextBlock="text-block",b.Trash="trash",b.Triangle="triangle",b.User="user",b.UserAdd="user-add",b.UserOutline="user-outline",b.UserRemove="user-remove",b.UsersDuo="users-duo",b.UsersTrio="users-trio",b.Wood="wood",b.Wrench="wrench",b.Star="star",b.Stop="stop",b.Zap="zap",(v=e.Columns||(e.Columns={}))[v.One=1]="One",v[v.Two=2]="Two",v[v.Three=3]="Three",v[v.Four=4]="Four",v[v.Five=5]="Five",v[v.Six=6]="Six",v[v.Seven=7]="Seven",v[v.Eight=8]="Eight",v[v.Nine=9]="Nine",v[v.Ten=10]="Ten",v[v.Eleven=11]="Eleven",v[v.Twelve=12]="Twelve",(x=e.Sort||(e.Sort={})).Descending="desc",x.Ascending="asc",x.None="none",(S=e.JustifyContent||(e.JustifyContent={})).FlexStart="flex-start",S.Center="center",S.FlexEnd="flex-end",S.SpaceBetween="space-between",S.SpaceAround="space-around",(D=e.AlignItems||(e.AlignItems={})).FlexStart="flex-start",D.Center="center",D.FlexEnd="flex-end",D.Stretch="stretch",(k=e.FlexDirection||(e.FlexDirection={})).Row="row",k.RowReverse="row-reverse",k.Column="column",k.ColumnReverse="column-reverse",(_=e.RemoteDataState||(e.RemoteDataState={})).NotStarted="NotStarted",_.Loading="Loading",_.Done="Done",_.Error="Error",(I=e.AutoComplete||(e.AutoComplete={})).On="on",I.Off="off";var N,w=function(t){function r(){t.apply(this,arguments),this.ref=l.createRef()}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={icon:{configurable:!0},text:{configurable:!0},disabled:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0}};return r.prototype.render=function(){var e=this.props,t=e.onClick,r=e.text,o=e.titleText,n=e.tabIndex,a=e.type,s=e.testID;if(!e.icon&&!r)throw new Error('Button requires either "text" or "icon" props');return l.createElement("button",{className:this.className,disabled:this.disabled,onClick:t,title:o||r,tabIndex:n||0,type:a,ref:this.ref,"data-testid":s},this.icon,this.text,this.statusIndicator)},o.icon.get=function(){var e=this.props.icon;return e?l.createElement(p,{glyph:e,className:"button-icon"}):null},o.text.get=function(){var t=this.props;return t.shape===e.ButtonShape.Square?null:t.text},o.disabled.get=function(){var t=this.props.status;return t===e.ComponentStatus.Disabled||t===e.ComponentStatus.Loading},o.statusIndicator.get=function(){var t=this.props;return t.status===e.ComponentStatus.Loading?l.createElement("div",{className:"button-spinner button-spinner--"+t.size}):null},o.className.get=function(){var t,r=this.props,o=r.shape,n=r.status,a=r.customClass;return s("button button-"+r.size+" button-"+r.color,((t={"button-square":o===e.ButtonShape.Square,"button-stretch":o===e.ButtonShape.StretchToFit,"button--loading":n===e.ComponentStatus.Loading,"button--disabled":n===e.ComponentStatus.Disabled,active:r.active})[""+a]=a,t))},Object.defineProperties(r.prototype,o),r}(a.Component);w.defaultProps={color:e.ComponentColor.Default,size:e.ComponentSize.Small,shape:e.ButtonShape.Default,status:e.ComponentStatus.Default,active:!1,type:e.ButtonType.Button,testID:e.ButtonType.Button},(N=e.InputType||(e.InputType={})).Text="text",N.Number="number",N.Password="password",N.Email="email";var P=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={transformedValue:{configurable:!0},icon:{configurable:!0},title:{configurable:!0},statusIndicator:{configurable:!0},className:{configurable:!0},containerStyle:{configurable:!0}};return r.prototype.render=function(){var t=this.props;return l.createElement("div",{className:this.className,style:this.containerStyle},l.createElement("input",{id:t.id,min:t.min,max:t.max,title:this.title,autoComplete:t.autocomplete,name:t.name,type:t.type,value:this.transformedValue,placeholder:t.placeholder,autoFocus:t.autoFocus,spellCheck:t.spellCheck,onChange:t.onChange,onBlur:t.onBlur,onFocus:t.onFocus,onKeyPress:t.onKeyPress,onKeyUp:t.onKeyUp,onKeyDown:t.onKeyDown,className:"input-field",disabled:t.status===e.ComponentStatus.Disabled,maxLength:t.maxLength,tabIndex:t.tabIndex,"data-testid":t.testID}),this.icon,this.statusIndicator)},o.transformedValue.get=function(){var t=this.props,r=t.value;return t.type===e.InputType.Number?Number(r):""+r},o.icon.get=function(){var e=this.props.icon;return e?l.createElement(p,{glyph:e,className:"input-icon"}):null},o.title.get=function(){var t=this.props;return t.status===e.ComponentStatus.Disabled?t.disabledTitleText:t.titleText},o.statusIndicator.get=function(){var t=this.props.status;return t===e.ComponentStatus.Loading?l.createElement(l.Fragment,null,l.createElement("div",{className:"input-status"},l.createElement("div",{className:"input-spinner"})),l.createElement("div",{className:"input-shadow"})):t===e.ComponentStatus.Error?l.createElement(l.Fragment,null,l.createElement(p,{glyph:e.IconFont.AlertTriangle,className:"input-status",testID:"input-error"}),l.createElement("div",{className:"input-shadow"})):t===e.ComponentStatus.Valid?l.createElement(l.Fragment,null,l.createElement(p,{glyph:e.IconFont.Checkmark,className:"input-status",testID:"input-valud"}),l.createElement("div",{className:"input-shadow"})):l.createElement("div",{className:"input-shadow"})},o.className.get=function(){var t,r=this.props,o=r.size,n=r.status,a=r.icon,i=r.customClass;return s("input",((t={})["input-"+o]=o,t["input--has-icon"]=a,t["input--valid"]=n===e.ComponentStatus.Valid,t["input--error"]=n===e.ComponentStatus.Error,t["input--loading"]=n===e.ComponentStatus.Loading,t["input--disabled"]=n===e.ComponentStatus.Disabled,t[""+i]=i,t))},o.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(r.prototype,o),r}(a.Component);P.defaultProps={type:e.InputType.Text,name:"",value:"",placeholder:"",titleText:"",autocomplete:e.AutoComplete.Off,disabledTitleText:"This input is disabled",size:e.ComponentSize.Small,status:e.ComponentStatus.Default,autoFocus:!1,spellCheck:!1,testID:"input-field"};var F=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"grid--row","data-testid":e.testID},e.children)},t}(a.Component);F.defaultProps={testID:"grid--row"};var O=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.widthXS,o=t.widthSM,n=t.widthMD,a=t.widthLG,i=t.offsetXS,l=t.offsetSM,p=t.offsetMD,c=t.offsetLG;return s("grid--column",((e={})["col-xs-"+r]=r,e["col-sm-"+o]=o,e["col-md-"+n]=n,e["col-lg-"+a]=a,e["col-xs-offset-"+i]=i,e["col-sm-offset-"+l]=l,e["col-md-offset-"+p]=p,e["col-lg-offset-"+c]=c,e))},Object.defineProperties(t.prototype,r),t}(a.Component);O.defaultProps={testID:"grid--column",widthXS:e.Columns.Twelve};var T,M=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"grid--container","data-testid":e.testID},e.children)},t}(a.Component);M.defaultProps={testID:"grid"},M.Row=F,M.Column=O,(T=e.Wrap||(e.Wrap={})).Hard="hard",T.Soft="soft",T.Off="off";var j=function(t){function r(){var e=this;t.apply(this,arguments),this.handleChange=function(t){var r=e.props.onChange;r&&r(t.target.value)}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={className:{configurable:!0},containerStyle:{configurable:!0}};return r.prototype.render=function(){var t=this.props;return l.createElement("div",{className:this.className,style:this.containerStyle},l.createElement("textarea",{autoComplete:t.autocomplete,autoFocus:t.autoFocus,disabled:t.status===e.ComponentStatus.Disabled,form:t.form,maxLength:t.maxLength,minLength:t.minLength,name:t.name,placeholder:t.placeholder,readOnly:t.readOnly,required:t.required,cols:t.cols,rows:t.rows,spellCheck:t.spellCheck,wrap:t.wrap,className:"text-area",value:t.value,onBlur:t.onBlur,onFocus:t.onFocus,onKeyPress:t.onKeyPress,onKeyUp:t.onKeyUp,onKeyDown:t.onKeyDown,onChange:this.handleChange}))},o.className.get=function(){var e,t=this.props,r=t.size,o=t.customClass;return s("text-area--container",((e={})["input-"+r]=r,e.customClass=o,e))},o.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},Object.defineProperties(r.prototype,o),r}(a.Component);j.defaultProps={autocomplete:e.AutoComplete.Off,autoFocus:!1,cols:20,form:"",name:"",placeholder:"",readOnly:!1,required:!1,rows:20,spellCheck:!1,wrap:e.Wrap.Hard,value:""};var B=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;(0,e.onClick)(e.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},title:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("button",{type:"button",className:this.className,disabled:e.disabled,onClick:this.handleClick,title:this.title,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.className;return s("radio-button",((e={active:t.active,disabled:t.disabled})[""+r]=r,e))},r.title.get=function(){var e=this.props;return e.disabled?e.disabledTitleText:e.titleText},Object.defineProperties(t.prototype,r),t}(a.Component);B.defaultProps={disabled:!1,disabledTitleText:"This option is disabled",testID:"radio--button"};var L=function(t){function r(){var e=this;t.apply(this,arguments),this.validateChildCount=function(){if(l.Children.count(e.props.children)<2)throw new Error("<Radio> requires at least 2 child elements. We recommend using <Radio.Button />")}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={containerClassName:{configurable:!0}};return r.prototype.render=function(){var e=this.props,t=e.children,r=e.testID;return this.validateChildCount(),l.createElement("div",{className:this.containerClassName,"data-testid":r},t)},o.containerClassName.get=function(){var t,r=this.props,o=r.color,n=r.size,a=r.shape,i=r.className;return s("radio-buttons",((t={})["radio-buttons--"+o]=o,t["radio-buttons--"+n]=n,t["radio-buttons--square"]=a===e.ButtonShape.Square,t["radio-buttons--stretch"]=a===e.ButtonShape.StretchToFit,t[""+i]=i,t))},Object.defineProperties(r.prototype,o),r}(a.Component);L.defaultProps={color:e.ComponentColor.Primary,size:e.ComponentSize.Small,shape:e.ButtonShape.Default,testID:"radio-button"},L.Button=B;var z=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return l.createElement("label",{className:"slide-toggle--label"},this.props.text)},t}(a.Component),A=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){var e=t.props;e.disabled||(0,e.onChange)()}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:this.className,onClick:this.handleClick,title:e.tooltipText,"data-testid":e.testID},l.createElement("div",{className:"slide-toggle--knob"}))},r.className.get=function(){var e=this.props;return s("slide-toggle slide-toggle-"+e.size+" slide-toggle-"+e.color,{active:e.active,disabled:e.disabled})},Object.defineProperties(t.prototype,r),t}(a.Component);A.Label=z,A.defaultProps={size:e.ComponentSize.Small,color:e.ComponentColor.Primary,tooltipText:"",disabled:!1,testID:"slide-toggle"};var R=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={loadingStatus:{configurable:!0},animationState:{configurable:!0}};return r.prototype.render=function(){return l.createElement("div",{className:"sparkle-spinner","data-testid":this.props.testID},l.createElement("svg",{version:"1.1",id:"sparkle_spinner",x:"0px",y:"0px",width:"100%",height:"100%",viewBox:"0 0 250 250"},l.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-3 "+this.animationState,d:"M250,9.1C250,9.1,250,9.1,250,9.1l-1.6-7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0L241.5,0\n\tc0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-5.2,4.9c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0c0,0,0,0,0,0l1.6,6.9\n\tc0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l6.8,2.1c0,0,0,0,0,0s0,0,0,0h0c0,0,0,0,0,0l0,0L250,9.1\n\tC250,9.2,250,9.2,250,9.1L250,9.1L250,9.1C250,9.2,250,9.1,250,9.1C250,9.1,250,9.1,250,9.1z"}),l.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9l-0.8-3.5c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l-3.5-1c0,0,0,0,0,0l0,0l0,0c0,0,0,0,0,0l0,0c0,0,0,0,0,0l-2.6,2.4c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0l0,0l0,0\n\tc0,0,0,0,0,0l0.8,3.4c0,0,0,0,0,0l0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l3.4,1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l0,0\n\tL168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9L168.5,187.9L168.5,187.9C168.5,187.9,168.5,187.9,168.5,187.9\n\tC168.5,187.9,168.5,187.9,168.5,187.9z"}),l.createElement("circle",{className:"sparkle-spinner--fill-light sparkle-spinner--delay-2 "+this.animationState,cx:"231.5",cy:"171.2",r:"3.5"}),l.createElement("path",{className:this.loadingStatus,d:"M181.3,136.9l-10.9-47.6c-0.6-2.6-3-5.2-5.6-6l-50-15.4c-0.6-0.2-1.4-0.2-2.1-0.2\n\tc-2.1,0-4.4,0.9-5.8,2.1L71,103.1c-2,1.7-3,5.2-2.4,7.7l11.7,51c0.6,2.6,3,5.2,5.6,6l46.7,14.4c0.6,0.2,1.4,0.2,2.1,0.2\n\tc2.1,0,4.4-0.9,5.8-2.1l38.3-35.6C180.9,142.8,181.9,139.5,181.3,136.9z M120,79.2l34.3,10.6c1.4,0.4,1.4,1,0,1.4l-18,4.1\n\tc-1.4,0.4-3.2-0.2-4.2-1.2l-12.6-13.6C118.4,79.3,118.7,78.8,120,79.2z M141.4,140.7c0.4,1.4-0.5,2.1-1.9,1.7l-37-11.4\n\tc-1.4-0.4-1.6-1.5-0.6-2.5l28.3-26.4c1-1,2.1-0.6,2.5,0.7L141.4,140.7z M80.4,107.2l30.1-28c1-1,2.6-0.9,3.6,0.1l15,16.3\n\tc1,1,0.9,2.6-0.1,3.6l-30.1,28c-1,1-2.6,0.9-3.6-0.1l-15-16.3C79.3,109.6,79.4,108,80.4,107.2z M87.7,151.5l-8-34.9\n\tc-0.4-1.4,0.2-1.6,1.1-0.6l12.6,13.6c1,1,1.4,3,1,4.4l-5.5,17.7C88.6,152.9,88,152.9,87.7,151.5z M131.7,171.9l-39.3-12.1\n\tc-1.4-0.4-2.1-1.9-1.7-3.2l6.6-21.1c0.4-1.4,1.9-2.1,3.2-1.7l39.3,12.1c1.4,0.4,2.1,1.9,1.7,3.2l-6.6,21.1\n\tC134.4,171.6,133.1,172.3,131.7,171.9z M166.5,143.3l-26.2,24.4c-1,1-1.5,0.6-1.1-0.7l5.5-17.7c0.4-1.4,1.9-2.7,3.2-3l18-4.1\n\tC167.3,141.8,167.5,142.5,166.5,143.3z M169.4,138.1l-21.6,5c-1.4,0.4-2.7-0.5-3.1-1.9l-9.2-40c-0.4-1.4,0.5-2.7,1.9-3.1l21.6-5\n\tc1.4-0.4,2.7,0.5,3.1,1.9l9.2,40C171.6,136.5,170.7,137.9,169.4,138.1z"}),l.createElement("g",null,l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"30",y1:"90.4",x2:"30",y2:"104.4"}),l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-medium sparkle-spinner--delay-2 "+this.animationState,x1:"37",y1:"97.4",x2:"23",y2:"97.4"})),l.createElement("g",null,l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"165.7",y1:"12.9",x2:"165.7",y2:"19.9"}),l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-2 "+this.animationState,x1:"169.2",y1:"16.4",x2:"162.2",y2:"16.4"})),l.createElement("g",null,l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"5.1",y1:"241.4",x2:"5.1",y2:"248.4"}),l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-dark sparkle-spinner--delay-3 "+this.animationState,x1:"8.6",y1:"244.9",x2:"1.6",y2:"244.9"})),l.createElement("g",null,l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"224.2",x2:"171.5",y2:"229.2"}),l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"176.5",y1:"229.2",x2:"171.5",y2:"224.2"})),l.createElement("g",null,l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"28.3",x2:"58.4",y2:"33.3"}),l.createElement("line",{className:"sparkle-spinner--stroke sparkle-spinner--stroke-light sparkle-spinner--delay-3 "+this.animationState,x1:"63.4",y1:"33.3",x2:"58.4",y2:"28.3"})),l.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M101.6,51.6c1.2,0,2.1,1,2.1,2.1s-1,2.1-2.1,2.1s-2.1-1-2.1-2.1S100.5,51.6,101.6,51.6 M101.6,50.2\n\t\tc-1.9,0-3.5,1.6-3.5,3.5c0,1.9,1.6,3.5,3.5,3.5c1.9,0,3.5-1.6,3.5-3.5C105.1,51.8,103.6,50.2,101.6,50.2L101.6,50.2z"}),l.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-2 "+this.animationState,d:"M64.2,215.2c3.1,0,5.6,2.5,5.6,5.6s-2.5,5.6-5.6,5.6c-3.1,0-5.6-2.5-5.6-5.6S61.1,215.2,64.2,215.2\n\t\t M64.2,213.9c-3.9,0-7,3.1-7,7s3.1,7,7,7c3.9,0,7-3.1,7-7S68.1,213.9,64.2,213.9L64.2,213.9z"}),l.createElement("path",{className:"sparkle-spinner--fill-dark sparkle-spinner--delay-1 "+this.animationState,d:"M38.8,153.1l8.8,2.7l2.1,9l-6.8,6.3l-8.8-2.7l-2.1-9L38.8,153.1 M38.5,151.6C38.5,151.6,38.5,151.6,38.5,151.6\n\t\tc-0.1,0-0.1,0-0.1,0c0,0,0,0,0,0l-7.8,7.3c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0s0,0,0,0l2.4,10.4c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0l10.2,3.1c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l7.8-7.3c0,0,0,0,0,0c0,0,0,0,0-0.1c0,0,0,0,0,0l-2.4-10.4\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0L38.5,151.6L38.5,151.6z M51.2,165.3L51.2,165.3L51.2,165.3z M51.2,165.3\n\t\tC51.2,165.3,51.2,165.3,51.2,165.3C51.2,165.3,51.2,165.3,51.2,165.3L51.2,165.3z"}),l.createElement("path",{className:"sparkle-spinner--fill-medium sparkle-spinner--delay-1 "+this.animationState,d:"M207.5,72.5l7.2,2.2l1.7,7.3l-5.5,5.1l-7.2-2.2l-1.7-7.3L207.5,72.5 M207.3,71C207.2,71,207.2,71,207.3,71\n\t\tC207.2,71,207.2,71,207.3,71c-0.1,0-0.1,0-0.1,0l-6.5,6.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l2,8.7c0,0,0,0,0,0\n\t\tc0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l8.6,2.6c0,0,0,0,0,0c0,0,0,0,0,0h0c0,0,0,0,0,0l6.5-6.1c0,0,0,0,0,0c0,0,0,0,0-0.1\n\t\tc0,0,0,0,0,0l-2-8.7c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0s0,0,0,0L207.3,71L207.3,71z M217.9,82.5L217.9,82.5L217.9,82.5z\n\t\t M217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5C217.9,82.5,217.9,82.5,217.9,82.5L217.9,82.5z"})))},o.loadingStatus.get=function(){var t=this.props.loading;return s("sparkle-spinner--logo",{"sparkle-spinner--fill-medium":t===e.RemoteDataState.NotStarted||t===e.RemoteDataState.Loading,"sparkle-spinner--animate-sparkle":t===e.RemoteDataState.Loading,"sparkle-spinner--fill-error":t===e.RemoteDataState.Error,"sparkle-spinner--fill-done":t===e.RemoteDataState.Done})},o.animationState.get=function(){return s({"sparkle-spinner--animate-sparkle":this.props.loading===e.RemoteDataState.Loading})},Object.defineProperties(r.prototype,o),r}(a.PureComponent);R.defaultProps={loading:e.RemoteDataState.NotStarted,testID:"sparkle-spinner"};var W=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={className:{configurable:!0}};return r.prototype.render=function(){var t=this.props,r=t.loading,o=t.children;return r===e.RemoteDataState.Loading||r===e.RemoteDataState.NotStarted?l.createElement("div",{className:this.className,"data-testid":t.testID},t.spinnerComponent):o},o.className.get=function(){var e,t=this.props.className;return s("spinner-container",((e={})[""+t]=t,e))},Object.defineProperties(r.prototype,o),r}(a.Component);W.defaultProps={testID:"spinner-container"};var H=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={style:{configurable:!0},strokeWidth:{configurable:!0}};return r.prototype.render=function(){return l.createElement("div",{className:"techno-spinner",style:this.style,"data-testid":this.props.testID})},o.style.get=function(){var e=this.props.diameterPixels;return{width:e+"px",height:e+"px",borderWidth:this.strokeWidth+"px"}},o.strokeWidth.get=function(){var t;switch(this.props.strokeWidth){case e.ComponentSize.ExtraSmall:t=1;break;case e.ComponentSize.Small:t=2;break;case e.ComponentSize.Medium:t=4;break;case e.ComponentSize.Large:default:t=8}return t},Object.defineProperties(r.prototype,o),r}(a.Component);H.defaultProps={diameterPixels:100,strokeWidth:e.ComponentSize.Small,testID:"techno-spinner"};var q=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={requiredIndicator:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.children;return l.createElement("label",{className:"form--label","data-testid":e.testID},l.createElement("span",null,e.label,this.requiredIndicator),t)},r.requiredIndicator.get=function(){if(this.props.required)return l.createElement("span",{className:"form--label-required"},"*")},Object.defineProperties(t.prototype,r),t}(a.Component);q.defaultProps={testID:"form--label"};var G=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={message:{configurable:!0}};return t.prototype.render=function(){return l.createElement("span",{className:"form--element-error","data-testid":this.props.testID},this.message)},r.message.get=function(){return this.props.message||" "},Object.defineProperties(t.prototype,r),t}(a.Component);G.defaultProps={testID:"form--element-error"};var K=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("span",{className:"form--help-text","data-testid":e.testID},e.text)},t}(a.Component);K.defaultProps={testID:"form--help-text"};var U=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},errorMessage:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"form--element","data-testid":e.testID},this.label,e.children,this.errorMessage,this.helpText)},r.label.get=function(){var e=this.props,t=e.label;if(t)return l.createElement(q,{label:t,required:e.required},this.labelChild)},r.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},r.helpText.get=function(){var e=this.props.helpText;if(e)return l.createElement(K,{text:e})},r.errorMessage.get=function(){var e=this.props.errorMessage;if(e)return l.createElement(G,{message:e})},Object.defineProperties(t.prototype,r),t}(a.Component);U.defaultProps={testID:"form--element"};var V=function(t){function r(r){t.call(this,r),this.state={errorMessage:null,status:e.ComponentStatus.Default}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={label:{configurable:!0},labelChild:{configurable:!0},helpText:{configurable:!0},children:{configurable:!0},errorMessage:{configurable:!0}};return r.prototype.componentDidUpdate=function(t,r){if(t.value!==this.props.value){var o=this.props,n=o.onStatusChange,a=(0,o.validationFunc)(this.props.value),s=a?e.ComponentStatus.Error:e.ComponentStatus.Valid;n&&r.status!==s&&n(s),this.setState({status:s,errorMessage:a})}},r.prototype.render=function(){return l.createElement("div",{className:"form--element","data-testid":this.props.testID},this.label,this.children,this.errorMessage,this.helpText)},o.label.get=function(){var e=this.props,t=e.label;if(t)return l.createElement(q,{label:t,required:e.required},this.labelChild)},o.labelChild.get=function(){var e=this.props.labelAddOn;if(e)return e()},o.helpText.get=function(){var e=this.props.helpText;if(e)return l.createElement(K,{text:e})},o.children.get=function(){return(0,this.props.children)(this.state.status)},o.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return l.createElement(G,{message:e})},Object.defineProperties(r.prototype,o),r}(a.Component);V.defaultProps={testID:"form--validation-element"};var X=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return l.createElement("label",{className:"form---divider","data-testid":this.props.testID})},t}(a.Component);X.defaultProps={testID:"form--divider"};var Y=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.widthXS,o=t.widthSM,n=t.widthMD,a=t.widthLG,i=t.offsetXS,l=t.offsetSM,p=t.offsetMD,c=t.offsetLG;return s("form--element form--submit",((e={})["col-xs-"+r]=r,e["col-sm-"+o]=o,e["col-md-"+n]=n,e["col-lg-"+a]=a,e["col-xs-offset-"+i]=i,e["col-sm-offset-"+l]=l,e["col-md-offset-"+p]=p,e["col-lg-offset-"+c]=c,e))},Object.defineProperties(t.prototype,r),t}(a.Component);Y.defaultProps={testID:"form--footer",widthXS:e.Columns.Twelve};var J=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"form--box "+e.className,"data-testid":e.testID},e.children)},t}(a.Component);J.defaultProps={className:"",testID:"form--box"};var Z=function(e){function t(){var t=this;e.apply(this,arguments),this.handleSubmit=function(e){e.preventDefault();var r=t.props.onSubmit;r&&r(e)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={formWrapperClass:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("form",{style:e.style,className:this.formWrapperClass,onSubmit:this.handleSubmit,"data-testid":e.testID},e.children)},r.formWrapperClass.get=function(){var e,t=this.props.className;return s("form--wrapper",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(a.Component);Z.defaultProps={testID:"form-container"},Z.ValidationElement=V,Z.Element=U,Z.Label=q,Z.Divider=X,Z.Footer=Y,Z.Box=J;var Q=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(){t.props.onClick(t.props.hex)}}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"color-picker--swatch",title:e.name,onClick:this.handleClick,"data-testid":e.testID+"--swatch"},l.createElement("span",{style:{backgroundColor:e.hex}}))},t}(a.Component);Q.defaultProps={testID:"color-picker"};var $={BeijingEclipse:{start:e.InfluxColors.Basalt,stop:e.InfluxColors.Shadow},DistantNebula:{start:e.InfluxColors.Shadow,stop:e.InfluxColors.Abyss},SpirulinaSmoothie:{start:e.InfluxColors.Abyss,stop:e.InfluxColors.Gypsy},LASunset:{start:e.InfluxColors.Ruby,stop:e.InfluxColors.Void},PolarExpress:{start:e.InfluxColors.Void,stop:e.InfluxColors.Sapphire},RebelAlliance:{start:e.InfluxColors.Sapphire,stop:e.InfluxColors.Emerald},DocScott:{start:e.InfluxColors.Fire,stop:e.InfluxColors.Amethyst},GundamPilot:{start:e.InfluxColors.Amethyst,stop:e.InfluxColors.Ocean},TropicalTourist:{start:e.InfluxColors.Ocean,stop:e.InfluxColors.Viridian},DesertFestival:{start:e.InfluxColors.Curacao,stop:e.InfluxColors.Star},MiyazakiSky:{start:e.InfluxColors.Star,stop:e.InfluxColors.Pool},GarageBand:{start:e.InfluxColors.Pool,stop:e.InfluxColors.Rainforest},BrooklynCowboy:{start:e.InfluxColors.Dreamsicle,stop:e.InfluxColors.Comet},PastelGothic:{start:e.InfluxColors.Comet,stop:e.InfluxColors.Laser},LowDifficulty:{start:e.InfluxColors.Laser,stop:e.InfluxColors.Honeydew},SynthPop:{start:e.InfluxColors.Tungsten,stop:e.InfluxColors.Potassium},CottonCandy:{start:e.InfluxColors.Potassium,stop:e.InfluxColors.Hydrogen},HotelBreakfast:{start:e.InfluxColors.Hydrogen,stop:e.InfluxColors.Krypton},MagicCarpet:{start:e.InfluxColors.Marmelade,stop:e.InfluxColors.Moonstone},CruisingAltitude:{start:e.InfluxColors.Moonstone,stop:e.InfluxColors.Neutrino},CoconutLime:{start:e.InfluxColors.Neutrino,stop:e.InfluxColors.Wasabi},PastryCafe:{start:e.InfluxColors.Flan,stop:e.InfluxColors.Twilight},KawaiiDesu:{start:e.InfluxColors.Twilight,stop:e.InfluxColors.Yeti},RobotLogic:{start:e.InfluxColors.Yeti,stop:e.InfluxColors.Mint}},ee={Amethyst:{start:e.InfluxColors.Neutrino,stop:e.InfluxColors.Hydrogen},Sapphire:{start:e.InfluxColors.Neutrino,stop:e.InfluxColors.Hydrogen},Malachite:{start:e.InfluxColors.Neutrino,stop:e.InfluxColors.Krypton}},te=function(e){return ee[e]||$[e]},re=function(e){var t=7===e.length,r=[];return"#"===e.substring(0,1)||r.push("Hexcodes must begin with #"),t||r.push(r.length?"and must be 7 characters":"Hexcodes must be 7 characters"),r.length?r.join(", "):null},oe=function(t){function r(r){var o=this;t.call(this,r),this.handleSwatchClick=function(t){var r=o.props.onChange;o.setState({errorMessage:null}),r(t,e.ComponentStatus.Valid)},this.handleInputChange=function(t){var r=o.props.onChange,n=["#","a","b","c","d","e","f","0","1","2","3","4","5","6","7","8","9"],a=t.target.value.trim().split("").filter(function(e){return n.includes(e.toLowerCase())}).join(""),s=re(a),i=s?e.ComponentStatus.Error:e.ComponentStatus.Valid;o.setState({errorMessage:s}),r(a,i)},this.handleInputBlur=function(e){o.props.maintainInputFocus&&e.target.focus()},this.handleRandomizeColor=function(){var t=o.props,r=t.onChange,n=i.sample(t.colors),a=i.get(n,"hex")||"";o.setState({errorMessage:null}),r(a,e.ComponentStatus.Valid)},this.state={errorMessage:null}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={inputStatus:{configurable:!0},errorMessage:{configurable:!0},colorPreview:{configurable:!0}};return r.prototype.render=function(){var t=this,r=this.props,o=r.maintainInputFocus,n=r.testID,a=r.color,s=r.colors;return l.createElement("div",{className:"color-picker","data-testid":n},l.createElement("div",{className:"color-picker--swatches"},s&&s.map(function(e){return l.createElement(Q,{key:e.name,hex:e.hex,name:e.name,onClick:t.handleSwatchClick,testID:n})})),l.createElement("div",{className:"color-picker--form"},l.createElement(P,{customClass:"color-picker--input",placeholder:"#000000",value:a,onChange:this.handleInputChange,maxLength:7,onBlur:this.handleInputBlur,autoFocus:o,status:this.inputStatus,testID:n+"--input"}),this.colorPreview,l.createElement(w,{icon:e.IconFont.Refresh,shape:e.ButtonShape.Square,onClick:this.handleRandomizeColor,titleText:"I'm feeling lucky",testID:n+"--randomize"})),this.errorMessage)},o.inputStatus.get=function(){return this.state.errorMessage?e.ComponentStatus.Error:e.ComponentStatus.Valid},o.errorMessage.get=function(){var e=this.state.errorMessage;if(e)return l.createElement("div",{className:"color-picker--error","data-testid":this.props.testID+"--error"},l.createElement(G,{message:e}))},o.colorPreview.get=function(){return l.createElement("div",{className:"color-picker--selected",style:{backgroundColor:this.props.color}})},Object.defineProperties(r.prototype,o),r}(a.Component);oe.defaultProps={colors:[{hex:"#311F94",name:"Void"},{hex:"#513CC6",name:"Amethyst"},{hex:"#7A65F2",name:"Star"},{hex:"#9394FF",name:"Comet"},{hex:"#B1B6FF",name:"Potassium"},{hex:"#C9D0FF",name:"Moonstone"},{hex:"#fafafc",name:"Ghost"},{hex:"#c6cad3",name:"Chromium"},{hex:"#757888",name:"Mountain"},{hex:"#31313d",name:"Onyx"},{hex:"#326BBA",name:"Sapphire"},{hex:"#4591ED",name:"Ocean"},{hex:"#22ADF6",name:"Pool"},{hex:"#00C9FF",name:"Laser"},{hex:"#6BDFFF",name:"Hydrogen"},{hex:"#BEF0FF",name:"Neutrino"},{hex:"#f6f6f8",name:"Cloud"},{hex:"#bec2cc",name:"Mist"},{hex:"#676978",name:"Storm"},{hex:"#292933",name:"Castle"},{hex:"#108174",name:"Emerald"},{hex:"#32B08C",name:"Viridian"},{hex:"#4ED8A0",name:"Rainforest"},{hex:"#7CE490",name:"Honeydew"},{hex:"#A5F3B4",name:"Krypton"},{hex:"#C6FFD0",name:"Wasabi"},{hex:"#eeeff2",name:"Whisper"},{hex:"#a4a8b6",name:"Forge"},{hex:"#545667",name:"Graphite"},{hex:"#202028",name:"Kevlar"},{hex:"#E85B1C",name:"Topaz"},{hex:"#F48D38",name:"Tiger"},{hex:"#FFB94A",name:"Pineapple"},{hex:"#FFD255",name:"Thunder"},{hex:"#FFE480",name:"Sulfur"},{hex:"#FFF6B8",name:"Daisy"},{hex:"#e7e8eb",name:"Pearl"},{hex:"#999dab",name:"Sidewalk"},{hex:"#434453",name:"Smoke"},{hex:"#1c1c21",name:"Raven"},{hex:"#BF3D5E",name:"Ruby"},{hex:"#DC4E58",name:"Fire"},{hex:"#F95F53",name:"Curacao"},{hex:"#FF8564",name:"Dreamsicle"},{hex:"#FFB6A0",name:"Tungsten"},{hex:"#FFDCCF",name:"Marmelade"},{hex:"#d4d7dd",name:"Platinum"},{hex:"#8e91a1",name:"Wolf"},{hex:"#383846",name:"Pepper"},{hex:"#0f0e15",name:"Obsidian"}],maintainInputFocus:!1,testID:"color-picker"};var ne=function(e){function r(){e.apply(this,arguments)}return e&&(r.__proto__=e),(r.prototype=Object.create(e&&e.prototype)).constructor=r,r.prototype.render=function(){var e=this.props;return l.createElement("h4",{className:"empty-state--text","data-testid":e.testID},function(r,o){return e.text.replace(/[\\][n]/g,"LINEBREAK").split(" ").map(function(e){return i.includes(o,e)?l.createElement("em",{key:t.v4()},""+e):"LINEBREAK"===e?l.createElement("br",{key:t.v4()}):l.createElement(a.Fragment,{key:t.v4()},"SPACECHAR"===e?" ":e+" ")})}(0,e.highlightWords))},r}(a.Component);ne.defaultProps={testID:"empty-state--text"};var ae=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("p",{className:"empty-state--sub-text","data-testid":e.testID},e.text)},t}(a.Component);ae.defaultProps={testID:"empty-state--sub-text"};var se=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props,r=t.customClass,o=t.size;return s("empty-state",((e={})["empty-state--"+o]=o,e[""+r]=r,e))},Object.defineProperties(t.prototype,r),t}(a.Component);se.defaultProps={size:e.ComponentSize.Small,testID:"empty-state"},se.Text=ne,se.SubText=ae;var ie=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.stretchToFitHeight,o=t.stretchToFitWidth,n=t.justifyContent,a=t.alignItems,i=t.direction,p=t.children,c=t.margin,u=t.testID,d=t.style;return l.createElement("div",{className:s("component-spacer",(e={},e["component-spacer__margin-"+c]=c,e["component-spacer__"+i]=i,e["component-spacer__justify-"+n]=n,e["component-spacer__align-"+a]=a,e["component-spacer__stretch-w"]=o,e["component-spacer__stretch-h"]=r,e)),"data-testid":u,style:d},p)},t}(a.Component);ie.defaultProps={justifyContent:e.JustifyContent.FlexStart,alignItems:e.AlignItems.Center,stretchToFitWidth:!1,stretchToFitHeight:!1,testID:"component-spacer"};var le=function(t){function r(){t.apply(this,arguments)}return t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r,r.prototype.render=function(){var t=this.props,r=t.children;return l.createElement("div",{className:"panel--header"},l.createElement("div",{className:"panel--title"},t.title),l.createElement("div",{className:"panel--controls"},l.createElement(ie,{direction:e.FlexDirection.Row,justifyContent:e.JustifyContent.FlexEnd,alignItems:e.AlignItems.Center},r)))},r}(a.Component);le.defaultProps={testID:"panel--header"};var pe=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return l.createElement("div",{className:"panel--body"},this.props.children)},t}(a.Component);pe.defaultProps={testID:"panel--body"};var ce=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return l.createElement("div",{className:"panel--footer"},this.props.children)},t}(a.Component);ce.defaultProps={testID:"panel--footer"};var ue=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var o={useContrastText:{configurable:!0},style:{configurable:!0}};return t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.className,n=t.gradient,a=t.testID;return l.createElement("div",{className:s("panel panel--"+t.size,(e={},e[""+o]=o,e.panel__gradient=n,e["panel__"+this.useContrastText+"-text"]=this.useContrastText,e)),style:this.style,"data-testid":a},r)},o.useContrastText.get=function(){var e=this.props.gradient;if(!e)return!1;var t=te(e);return r(t.start).luminance()>=.34?"dark":"light"},o.style.get=function(){var e=this.props.gradient;if(e){var t=te(e);return{background:"linear-gradient(45deg, "+t.start+" 0%,"+t.stop+" 100%)"}}},Object.defineProperties(t.prototype,o),t}(a.Component);ue.defaultProps={size:e.ComponentSize.Small,testID:"panel"},ue.Header=le,ue.Body=pe,ue.Footer=ce;var de=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={thumbXStyle:{configurable:!0},thumbYStyle:{configurable:!0}};return t.prototype.render=function(){var e,t=this.props,r=t.removeTracksWhenNotUsed,n=t.removeTrackYWhenNotUsed,a=t.removeTrackXWhenNotUsed,i=t.noScrollX,p=t.noScrollY,c=t.className,u=t.autoSize,d=t.noScroll,m=t.children,h=t.testID,f=t.style,y=s("dapper-scrollbars",((e={"dapper-scrollbars--autohide":t.autoHide})[""+c]=c,e));return l.createElement(o,{"data-testid":h,translateContentSizesToHolder:u,className:y,style:f,noDefaultStyles:!1,removeTracksWhenNotUsed:r,removeTrackYWhenNotUsed:n,removeTrackXWhenNotUsed:a,noScrollX:i,noScrollY:p,noScroll:d,wrapperProps:{className:"dapper-scrollbars--wrapper"},contentProps:{className:"dapper-scrollbars--content"},trackXProps:{className:"dapper-scrollbars--track-x"},thumbXProps:{style:this.thumbXStyle,className:"dapper-scrollbars--thumb-x"},trackYProps:{className:"dapper-scrollbars--track-y"},thumbYProps:{style:this.thumbYStyle,className:"dapper-scrollbars--thumb-y"}},m)},r.thumbXStyle.get=function(){var e=this.props;return{background:"linear-gradient(to right, "+e.thumbStartColor+" 0%,"+e.thumbStopColor+" 100%)"}},r.thumbYStyle.get=function(){var e=this.props;return{background:"linear-gradient(to bottom, "+e.thumbStartColor+" 0%,"+e.thumbStopColor+" 100%)"}},Object.defineProperties(t.prototype,r),t}(a.Component);de.defaultProps={removeTracksWhenNotUsed:!0,removeTrackYWhenNotUsed:!0,removeTrackXWhenNotUsed:!0,noScrollX:!1,noScrollY:!1,noScroll:!1,thumbStartColor:"#00C9FF",thumbStopColor:"#9394FF",autoHide:!1,autoSize:!0,testID:"dapper-scrollbars"};var me=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"waiting-text "+(e.className||""),"data-testid":e.testID},e.text)},t}(a.Component);me.defaultProps={testID:"waiting-text"};var he=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){return l.createElement("div",{className:"clockface--app-wrapper"},this.props.children)},t}(a.PureComponent),fe=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"page-header--left",style:this.styles,"data-testid":e.testID},e.children)},r.styles.get=function(){var e=this.props.offsetPixels;if(0!==e)return{flex:"1 0 calc(50% - "+e+"px)"}},Object.defineProperties(t.prototype,r),t}(a.Component);fe.defaultProps={offsetPixels:0,testID:"page-header--left"};var ye=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"page-header--center",style:this.styles,"data-testid":e.testID},e.children)},r.styles.get=function(){return{flex:"1 0 "+this.props.widthPixels+"px"}},Object.defineProperties(t.prototype,r),t}(a.Component);ye.defaultProps={widthPixels:200,testID:"page-header--center"};var Ce=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={styles:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:"page-header--right",style:this.styles,"data-testid":e.testID},e.children)},r.styles.get=function(){var e=this.props.offsetPixels;if(0!==e)return{flex:"1 0 calc(50% - "+e+"px)"}},Object.defineProperties(t.prototype,r),t}(a.Component);Ce.defaultProps={offsetPixels:0,testID:"page-header--right"};var ge=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},childrenWithCorrectWidths:{configurable:!0}};return t.prototype.render=function(){var e=this.props;return e.hide?null:l.createElement("div",{className:this.className,"data-testid":e.testID},l.createElement("div",{className:"page-header--container"},this.childrenWithCorrectWidths))},r.className.get=function(){return s("page-header",{"full-width":this.props.fullWidth})},r.childrenWithCorrectWidths.get=function(){var e=this.props.children,t=0;l.Children.forEach(e,function(e){e.type===ye&&(t=e.props.widthPixels)});var r=e;return t&&(r=l.Children.map(e,function(e){return e.type===fe?l.createElement(fe,Object.assign({},e.props,{offsetPixels:t/2})):e.type===Ce?l.createElement(Ce,Object.assign({},e.props,{offsetPixels:t/2})):e})),r},Object.defineProperties(t.prototype,r),t}(a.Component);ge.defaultProps={hide:!1,testID:"page-header"},ge.Left=fe,ge.Center=ye,ge.Right=Ce;var be=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props;return l.createElement("h1",{className:"page--title",title:e.altText,"data-testid":e.testID},e.title)},t}(a.PureComponent);be.defaultProps={testID:"page-title"};var ve=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0},children:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.testID;return e.scrollable?l.createElement(de,{className:this.className,autoHide:!1,autoSize:!1,testID:t},l.createElement("div",{className:"page-contents--padding"},this.children)):l.createElement("div",{className:this.className,"data-testid":t},l.createElement("div",{className:"page-contents--padding"},this.children))},r.className.get=function(){var e=this.props;return s("page-contents",{"full-width":e.fullWidth,"full-height":e.fullHeight})},r.children.get=function(){var e=this.props,t=e.children;return e.fullWidth?t:l.createElement("div",{className:"page-contents--container"},t)},Object.defineProperties(t.prototype,r),t}(a.Component);ve.defaultProps={fullHeight:!1,scrollable:!1,testID:"page-contents"};var xe=function(e){function t(){e.apply(this,arguments)}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={className:{configurable:!0}};return t.prototype.componentDidMount=function(){var e=this.props.titleTag;e&&(document.title=""+e)},t.prototype.componentDidUpdate=function(e){e.titleTag!==this.props.titleTag&&this.props.titleTag&&(document.title=""+this.props.titleTag)},t.prototype.render=function(){var e=this.props;return l.createElement("div",{className:this.className,"data-testid":e.testID},e.children)},r.className.get=function(){var e,t=this.props.className;return s("page",((e={})[""+t]=t,e))},Object.defineProperties(t.prototype,r),t}(a.Component);xe.defaultProps={testID:"page"},xe.Header=ge,xe.Title=be,xe.Contents=ve;var Se=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.testID,n=t.className,a=t.titleLink,i=t.iconLink;return l.createElement("div",{className:s("nav--item",(e={active:t.active},e[""+n]=n,e)),"data-testid":o},i("nav--item-icon"),l.createElement("div",{className:"nav--item-menu"},a("nav--item-header"),r))},t}(a.PureComponent);Se.defaultProps={testID:"nav-menu--item"};var De=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.className;return(0,t.titleLink)(s("nav--sub-item",((e={active:t.active})[""+r]=r,e)))},t}(a.PureComponent),ke=function(e){function t(t){e.call(this,t)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e,t=this.props,r=t.children,o=t.testID;if(!t.hide){var n=s("nav",((e={})[""+this.props.className]=this.props.className,e));return l.createElement("nav",{className:n,"data-testid":o},r)}},t}(a.PureComponent);ke.defaultProps={testID:"nav-menu"},ke.Item=Se,ke.SubItem=De;var _e=function(t){function r(){t.apply(this,arguments)}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={isDisabled:{configurable:!0},classname:{configurable:!0}};return r.prototype.render=function(){var t=this.props,r=t.children,o=t.icon;return l.createElement("button",{className:this.classname,onClick:t.onClick,disabled:this.isDisabled,title:t.title,type:e.ButtonType.Button,"data-testid":t.testID},!!o&&l.createElement(p,{glyph:o,className:"dropdown--icon"}),l.createElement("span",{className:"dropdown--selected"},r),l.createElement("span",{className:"dropdown--caret icon caret-down"}))},o.isDisabled.get=function(){return[e.ComponentStatus.Disabled,e.ComponentStatus.Loading,e.ComponentStatus.Error].includes(this.props.status)},o.classname.get=function(){var e,t=this.props,r=t.active,o=t.color,n=t.size;return s("dropdown--button button",((e={"button-stretch":!0,"button-disabled":this.isDisabled})["button-"+o]=o,e["button-"+n]=n,e.active=r,e))},Object.defineProperties(r.prototype,o),r}(a.Component);_e.defaultProps={color:e.ComponentColor.Default,size:e.ComponentSize.Small,status:e.ComponentStatus.Default,active:!1,testID:"dropdown--button"};var Ie=function(e){function t(){e.apply(this,arguments)}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.render=function(){var e=this.props,t=e.text,r=e.testID;return l.createElement("div",{className:s("dropdown--divider",{line:!t}),"data-testid":r},t)},t}(a.Component);Ie.defaultProps={testID:"dropdown--divider"};var Ee=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClick=function(e){e.preventDefault();var r=t.props,o=r.onClick;o&&o(r.value)}}e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t;var r={checkBox:{configurable:!0},dot:{configurable:!0},childElements:{configurable:!0}};return t.prototype.render=function(){var e=this.props,t=e.selected,r=e.checkbox,o=e.testID;return l.createElement("div",{className:s("dropdown--item",{checked:t&&r,active:t&&!r,"multi-select--item":r}),"data-testid":o,onClick:this.handleClick},this.checkBox,this.childElements,this.dot)},r.checkBox.get=function(){if(this.props.checkbox)return l.createElement("div",{className:"dropdown-item--checkbox"})},r.dot.get=function(){var e=this.props;if(e.selected&&!e.checkbox)return l.createElement("div",{className:"dropdown-item--dot"})},r.childElements.get=function(){return l.createElement("div",{className:"dropdown-item--children"},this.props.children)},Object.defineProperties(t.prototype,r),t}(a.Component);Ee.defaultProps={checkbox:!1,selected:!1,testID:"dropdown-item"};var Ne=function(e){function t(){var t=this;e.apply(this,arguments),this.handleClickOutside=function(e){var r=n.findDOMNode(t);r&&r.contains(e.target)||t.props.onClickOutside(e)}}return e&&(t.__proto__=e),(t.prototype=Object.create(e&&e.prototype)).constructor=t,t.prototype.componentDidMount=function(){document.addEventListener("mousedown",this.handleClickOutside,!0)},t.prototype.componentWillUnmount=function(){document.removeEventListener("mousedown",this.handleClickOutside,!0)},t.prototype.render=function(){return l.Children.only(this.props.children)},t}(a.PureComponent),we=function(t){function r(e){var r=this;t.call(this,e),this.toggleMenu=function(e){e.preventDefault(),r.setState({expanded:!r.state.expanded})},this.collapseMenu=function(){r.setState({expanded:!1})},this.handleItemClick=function(e){var t=r.props.onChange;t&&t(e),r.collapseMenu()},this.state={expanded:!1}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={containerClassName:{configurable:!0},button:{configurable:!0},menuItems:{configurable:!0}};return r.prototype.render=function(){var e=this.props.widthPixels;return l.createElement(Ne,{onClickOutside:this.collapseMenu},l.createElement("div",{className:this.containerClassName,style:{width:e?e+"px":"100%"}},this.button,this.menuItems))},o.containerClassName.get=function(){var t,r=this.props,o=r.mode,n=r.wrapMenuText;return s("dropdown dropdown-"+r.buttonSize+" dropdown-"+r.buttonColor,((t={disabled:r.status===e.ComponentStatus.Disabled,"dropdown-wrap":n,"dropdown-truncate":!n,customClass:r.customClass})["dropdown--"+o]=o,t))},o.button.get=function(){var t,r=this.props,o=r.selectedID,n=r.status,a=r.buttonColor,s=r.buttonSize,p=r.icon,c=r.mode,u=r.titleText,d=r.buttonTestID,m=this.state.expanded,h=l.Children.toArray(this.props.children).find(function(e){return i.get(e,"props.id",null)===o}),f=n;return n===e.ComponentStatus.Loading?t=l.createElement(me,{text:"Loading"}):h?t=i.get(h,"props.children",null):c===e.DropdownMode.ActionList?t=u:(t=u,f=e.ComponentStatus.Disabled),l.createElement(_e,{active:m,color:a,size:s,icon:p,onClick:this.toggleMenu,status:f,title:u,testID:d},t)},o.menuItems.get=function(){var e=this,t=this.props,r=t.selectedID,o=t.maxMenuHeight,n=t.widthPixels,a=t.menuWidthPixels,s=t.menuHeader,i=t.menuColor,p=t.children,c=t.testID;if(this.state.expanded){var u="100%";n&&(u=n+"px"),a&&(u=a+"px");var d=te(i);return l.createElement("div",{className:"dropdown--menu-container dropdown--"+i.toLowerCase(),style:{width:u}},l.createElement(de,{style:{maxWidth:"100%",maxHeight:o+"px"},autoSize:!0,autoHide:!1,thumbStartColor:d&&d.start,thumbStopColor:d&&d.stop},l.createElement("div",{className:"dropdown--menu","data-testid":"dropdown--menu "+c},s&&s,l.Children.map(p,function(t){if(t.type===Ee)return l.createElement(Ee,Object.assign({},t.props,{key:t.props.id,selected:t.props.id===r,onClick:e.handleItemClick}),t.props.children);if(t.type===Ie)return l.createElement(Ie,Object.assign({},t.props,{key:t.props.id}));throw new Error("Expected children of type <Dropdown.Item /> or <Dropdown.Divider />")}))))}},Object.defineProperties(r.prototype,o),r}(a.Component);we.defaultProps={buttonColor:e.ComponentColor.Default,buttonSize:e.ComponentSize.Small,status:e.ComponentStatus.Default,maxMenuHeight:250,menuColor:e.DropdownMenuColors.Sapphire,mode:e.DropdownMode.Radio,titleText:"",wrapMenuText:!1,testID:"dropdown",buttonTestID:"dropdown-button"},we.Button=_e,we.Item=Ee,we.Divider=Ie;var Pe=function(t){function r(e){var r=this;t.call(this,e),this.toggleMenu=function(){r.setState({expanded:!r.state.expanded})},this.collapseMenu=function(){var e=r.props.onCollapse;r.setState({expanded:!1}),e&&e()},this.handleItemClick=function(e){var t=r.props,o=t.selectedIDs;(0,t.onChange)(i.includes(o,e.id)?o.filter(function(t){return t!==e.id}):o.concat([e.id]),e)},this.childTypeIsValid=function(e){return e.type===Ee||e.type===Ie},this.state={expanded:!1}}t&&(r.__proto__=t),(r.prototype=Object.create(t&&t.prototype)).constructor=r;var o={containerStyle:{configurable:!0},containerClassName:{configurable:!0},button:{configurable:!0},menuItems:{configurable:!0},menuStyle:{configurable:!0}};return r.prototype.render=function(){return l.createElement(Ne,{onClickOutside:this.collapseMenu},l.createElement("div",{className:this.containerClassName,style:this.containerStyle,"data-testid":this.props.testID},this.button,this.menuItems))},o.containerStyle.get=function(){var e=this.props.widthPixels;return e?{width:e+"px"}:{width:"100%"}},o.containerClassName.get=function(){var t=this.props;return s("dropdown dropdown-"+t.buttonSize+" dropdown-"+t.buttonColor,{disabled:t.status===e.ComponentStatus.Disabled,"dropdown-wrap":t.wrapText,customClass:t.customClass})},o.button.get=function(){var e,t=this.props,r=t.selectedIDs,o=t.status,n=t.buttonColor,s=t.buttonSize,p=t.icon,c=t.emptyText,u=t.separatorText,d=this.state.expanded,m=l.Children.toArray(this.props.children).filter(function(e){return i.includes(r,i.get(e,"props.id",null))});return e=m.length?m.map(function(e,t){return t<m.length-1?l.createElement(a.Fragment,{key:i.get(e,"props.id",null)},i.get(e,"props.children",null),u):i.get(e,"props.children",null)}):c,l.createElement(_e,{active:d,color:n,size:s,icon:p,onClick:this.toggleMenu,status:o},e)},o.menuItems.get=function(){var e=this,t=this.props,r=t.selectedIDs,o=t.maxMenuHeight,n=t.menuColor,a=t.children,s=this.state.expanded,p=te(n);if(s)return l.createElement("div",{className:"dropdown--menu-container dropdown--"+n.toLowerCase(),style:this.menuStyle},l.createElement(de,{style:{maxWidth:"100%",maxHeight:o+"px"},autoHide:!1,autoSize:!0,thumbStartColor:p&&p.start,thumbStopColor:p&&p.stop},l.createElement("div",{className:"dropdown--menu","data-testid":"dropdown-menu"},l.Children.map(a,function(t){if(e.childTypeIsValid(t))return t.type===Ee?l.createElement(Ee,Object.assign({},t.props,{key:t.props.id,checkbox:!0,selected:i.includes(r,t.props.id),onClick:e.handleItemClick}),t.props.children):l.createElement(Ie,Object.assign({},t.props,{key:t.props.id}));throw new Error("Expected children of type <Dropdown.Item /> or <Dropdown.Divider />")}))))},o.menuStyle.get=function(){var e=this.props,t=e.widthPixels,r="100%";return t&&(r=t+"px"),e.wrapText&&t?{width:r}:{minWidth:r}},Object.defineProperties(r.prototype,o),r}(a.Component);Pe.defaultProps={buttonColor:e.ComponentColor.Default,buttonSize:e.ComponentSize.Small,status:e.ComponentStatus.Default,wrapText:!1,maxMenuHeight:250,menuColor:e.DropdownMenuColors.Sapphire,emptyText:"Choose an item",separatorText:", ",testID:"multi-select-dropdown"},Pe.Button=_e,Pe.Item=Ee,Pe.Divider=Ie,e.Alert=E,e.Button=w,e.Input=P,e.Grid=M,e.GridColumn=O,e.GridRow=F,e.Icon=p,e.TextArea=j,e.Radio=L,e.SlideToggle=A,e.SlideToggleLabel=z,e.SparkleSpinner=R,e.SpinnerContainer=W,e.TechnoSpinner=H,e.Form=Z,e.FormDivider=X,e.FormElement=U,e.FormElementError=G,e.FormFooter=Y,e.FormHelpText=K,e.FormLabel=q,e.FormBox=J,e.FormValidationElement=V,e.ColorPicker=oe,e.ColorPickerSwatch=Q,e.EmptyState=se,e.EmptyStateText=ne,e.EmptyStateSubText=ae,e.Panel=ue,e.PanelBody=pe,e.PanelFooter=ce,e.PanelHeader=le,e.DapperScrollbars=de,e.WaitingText=me,e.AppWrapper=he,e.Page=xe,e.PageHeader=ge,e.PageHeaderLeft=fe,e.PageHeaderCenter=ye,e.PageHeaderRight=Ce,e.PageContents=ve,e.PageTitle=be,e.NavMenu=ke,e.NavMenuItem=Se,e.NavMenuSubItem=De,e.DropdownButton=_e,e.DropdownDivider=Ie,e.DropdownItem=Ee,e.Dropdown=we,e.MultiSelectDropdown=Pe,e.ClickOutside=Ne,e.ComponentSpacer=ie}); | ||
| //# sourceMappingURL=index.umd.js.map |
@@ -149,2 +149,3 @@ export declare enum ComponentColor { | ||
| BellSolid = "bell-solid", | ||
| Brush = "brush", | ||
| Calendar = "calendar", | ||
@@ -161,2 +162,3 @@ Capacitor = "capacitor2", | ||
| Clock = "clock", | ||
| Cloud = "cloud", | ||
| CogOutline = "cog-outline", | ||
@@ -191,2 +193,3 @@ CogThick = "cog-thick", | ||
| Link = "link", | ||
| NavChat = "nav-chat", | ||
| OAuth = "oauth", | ||
@@ -193,0 +196,0 @@ Octagon = "octagon", |
| { | ||
| "name": "@influxdata/clockface", | ||
| "version": "0.0.9", | ||
| "version": "0.0.10", | ||
| "license": "MIT", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.64%
11545084
- Number of package files
- increased by11.7%
315
- Lines of code
- increased by8.07%
26128
No dependency changes