• @ticketmaster/aurora version: 3.86.0

Relevant code or config

 <CheckBoxGroup value={["1"]}>
        <CheckBoxButton name="Agree to T&C" value="1" index={0}>
          Agree to T&C
        </CheckBoxButton>
 </CheckBoxGroup>

What you did: Tried creating a single checkbox

What happened:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined

Reproduction repository: https://codesandbox.io/s/p3w96vlzoj

There have been updates to the react monorepo:

• • The devDependency react was updated from 16.5.2 to 16.6.0.

• The devDependency react-dom was updated from 16.5.2 to 16.6.0.
• The devDependency react-test-renderer was updated from 16.5.2 to 16.6.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the react group definition.

react is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency @typescript-eslint/parser was updated from 1.12.0 to 1.13.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@typescript-eslint/parser is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency prettier was updated from 1.16.4 to 1.17.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

prettier is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

• @ticketmaster/aurora version: 3.111

What you did: Updated to version 3.111

What happened:

Before:

Problem description: Dropdown content seems to be inline now. Seems related to this commit: 4a75142#diff-e2f498dfeef281255ee784609b76b0a0d60a68d103aaa077b95254c5934f4a34

Hi,
The package.json file lists react >= 15 as a peer dependency, but I was getting React.createContext is not a function error since styled-components 4 requires react 16.
Should we bump the peer dependency to react 16?

Here's an example of the error I'm getting: https://codesandbox.io/s/hardcore-dawn-9xf51

Problem description:
name prop of Input component is required, but actually it shouldn't be, as HTML Input doesn't have required attributes. In our case, we're rendering Aurora fields within an application which uses a <form> element and the good and old submit method to form action with post method. This automatically sends to backend all input with defined name attributes which are rendered within the tags of the form. And in our case, we don't need this fields to be submitted as they're intended to be handled on the frontend.

Suggested solution:
Make name prop of Input component as non-required.

There's currently 2 search inputs with different styling (Inputs/Search and SearchInput) and both have different styling.

One has an X button at the end (and another X when you're using Chrome).

They have different margins between the icon and the text.

They have different color.

So which one is the one you are updating and which one is deprecated?

The devDependency @types/react-dom was updated from 16.8.4 to 16.8.5.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@types/react-dom is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

• @ticketmaster/aurora version: v3.138.0

Relevant code or config

<AdaptiveModal
      displayTop={true}
      isOpened={open}
      size={size}
      actionBar={getHeader()}
      bottomActionBar={getFooter()}
      containerProps={{ style: { overflow: 'unset' } }}
      contentProps={{ style: { overflowY: 'unset' } }}
      overlayProps={{ style: { zIndex: '1000' } }}
      bottomActionBarProps={{ style: { boxShadow: 'unset' } }}
    >
      {children}
</AdaptiveModal>

What you did:

Activate React.StrictMode

What happened:

index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node
    in div (created by styled.div)
    in styled.div (created by Modal)
    in Transition (created by CSSTransition)
    in CSSTransition (created by Modal)
    in div (created by styled.div)
    in styled.div (created by Backdrop)
    in Backdrop (created by Modal)
    in Transition (created by CSSTransition)
    in CSSTransition (created by Modal)
    in Modal (created by Context.Consumer)
    in Unknown (at Modal.component.tsx:64)
    in Modal (at ErrorModal.component.tsx:12)
    in ErrorModal (at UnexpectedErrorModal.container.tsx:27)
    in UnexpectedErrorModalContainer (created by ConnectFunction)
    in ConnectFunction (at src/index.tsx:31)
    in Provider (at src/index.tsx:30)
    in ErrorBoundary (at src/index.tsx:29)
    in StrictMode (at src/index.tsx:28)

The devDependency react-transition-group was updated from 2.5.0 to 2.5.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

react-transition-group is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency prettier was updated from 1.15.2 to 1.15.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

prettier is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

• @ticketmaster/aurora version: 3.7.1
• node version: v8.11.3
• npm (or yarn) version: 5.6.0

Problem description:
Can't use checkBox, it is exist and marked as released but not exported.

The devDependency eslint-plugin-jsx-a11y was updated from 6.2.1 to 6.2.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-jsx-a11y is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency rollup-plugin-node-resolve was updated from 4.0.1 to 4.1.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

rollup-plugin-node-resolve is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency babel-plugin-transform-react-remove-prop-types was updated from 0.4.20 to 0.4.21.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

babel-plugin-transform-react-remove-prop-types is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

• @ticketmaster/aurora version:
• node version:
• npm (or yarn) version:

Relevant code or config

What you did:

What happened:

Reproduction repository:

Problem description: I would like to disable the scroll in the adaptive modal. It messes up the dropdown

Suggested solution:

Checkbox component does not work correctly in IE11/IE10

• @ticketmaster/aurora latest:
• node version: 10.15.0
• yarn version: 1.12.3

The devDependency eslint-plugin-react was updated from 7.11.1 to 7.12.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-react is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency babel-plugin-transform-react-remove-prop-types was updated from 0.4.21 to 0.4.22.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

babel-plugin-transform-react-remove-prop-types is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency stylelint-processor-styled-components was updated from 1.3.2 to 1.4.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

stylelint-processor-styled-components is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency styled-components was updated from 4.1.1 to 4.1.2.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

styled-components is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Problem description:

Banner component is not uncontrolled component in regards to collapsible state. There is ability to set isExpanded and subscribe to onButtonClick to control that property.

On the other hand, Bannercomponent is not controlled component. Because isExpanded props is controlled inside component state itself and does not matter what is set by props till it's changed.
https://github.com/ticketmaster/aurora/blob/master/src/components/Banner/index.js#L83

Currently I have added Banner component and I want always keep it expanded and just listen to onButtonClick callback to make 3rd party logic, but Banner toggles its height.

Suggested solution:
The best solution for such case is to make that component controlled. It's not hard for integrators to control isExpanded and onButtonClick. And this approach will not lead to unexpected/confusing behavior.

If you are good with suggested approach, I could contribute to fix that.

Problem description: There are extraneous attributes passed to elements due to their presence in defaultProps. For example, if a Link component is passed an invalid href prop, a button or a span will be rendered, but those elements will still be passed unnecessary defaultProps including rel and target. For reference: https://github.com/ticketmaster/aurora/blob/master/src/components/Text/Link.js#L107

Suggested solution: We should remove these element-specific attributes from defaultProps in the event that different underlying tags could be returned. Instead, we should use a helper function inside of the component to provide the appropriate element-specific default attributes when appropriate.

Does @ticketmaster/aurora provide Time Picker ?
And how to implement Date Picker using @ticketmaster/aurora ?

The devDependency @typescript-eslint/eslint-plugin was updated from 1.12.0 to 1.13.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@typescript-eslint/eslint-plugin is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

• @ticketmaster/aurora version: 3.39.2
• node version: 11.1.0
• npm (or yarn) version:

Relevant code or config

What you did:

What happened:
Hover for the Linkedin Icon does not show the current link hover color.

Reproduction repository:

Problem description:
The fill for the Linkedin svg is hardcoded to white which causes the link hover color to not show.

e.g.
<svg ... fill={colors.white.base}>

Suggested solution:
We should pass in the color prop and set it for the fill attribute.

e.g.
const LinkedinIcon = ({ size, color, children, ...props }) => (
<svg ... fill={color}>

@ticketmaster/aurora version: 3.57.0
node version: 10.12.12
npm (or yarn) version: 6.4.1

I've faced problems while I was trying to run our TM1 Marketing React app on the IE11 browser.
I saw only the blank page and found next errors related mostly to unsupported by IE features:

The devDependency rollup-plugin-babel was updated from 4.1.0 to 4.2.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

rollup-plugin-babel is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency @types/jest was updated from 24.0.15 to 24.0.16.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@types/jest is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency stylelint-config-recommended was updated from 2.1.0 to 2.2.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

stylelint-config-recommended is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency eslint-plugin-import was updated from 2.16.0 to 2.17.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint-plugin-import is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

• @ticketmaster/aurora version: v3.8.2

Problem description:

1. Cant't use checkbox without group
2. Change checkbox state by this.setState() call "onChange" func.
   This cycle function call. Checking previous state double checked value.
   Also seems "onChange" func is called even state is not changed

Suggested solution:

1. Ability to use single checkbox with regular syntax
2. call "onChange" func only if checkbox is checked manualy.

The devDependency husky was updated from 1.2.0 to 1.2.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

husky is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency eslint was updated from 5.13.0 to 5.14.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

eslint is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency babel-plugin-styled-components was updated from 1.9.4 to 1.10.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

babel-plugin-styled-components is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency styled-components was updated from 4.1.2 to 4.1.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

styled-components is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

• @ticketmaster/aurora version: 3.114.0
• node version: 12.3.1
• npm (or yarn) version: 6.9.0

Relevant code or config

:host {
   position: absolute;
   bottom: 20px;
   right: 20px;
}

What you did: Create a custom component with the style up above. Put the <aurora-tooltip> element in this component.

What happened: The tooltip is far from the custom component (If the custom component is 100px from the top, the tooltip is rendered 200px from the top. It seems like the tooltip supposes it will be placed on the body instead of the shadow dom of the component).

Reproduction repository:

Problem description:

Suggested solution: Use the position of the element in the shadow dom instead of the position in the document.

The devDependency jest-styled-components was updated from 6.3.3 to 6.3.4.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

jest-styled-components is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency babel-plugin-styled-components was updated from 1.8.0 to 1.9.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

babel-plugin-styled-components is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

There have been updates to the babel7 monorepo:

• • The devDependency @babel/core was updated from 7.2.0 to 7.2.2.

• The devDependency @babel/plugin-external-helpers was updated from 7.0.0 to 7.2.0.
• The devDependency @babel/plugin-proposal-class-properties was updated from 7.2.0 to 7.2.1.
• The devDependency @babel/plugin-proposal-decorators was updated from 7.2.0 to 7.2.2.
• The devDependency @babel/plugin-proposal-export-namespace-from was updated from 7.0.0 to 7.2.0.
• The devDependency @babel/plugin-proposal-function-sent was updated from 7.1.0 to 7.2.0.
• The devDependency @babel/plugin-proposal-json-strings was updated from 7.0.0 to 7.2.0.
• The devDependency @babel/plugin-proposal-numeric-separator was updated from 7.0.0 to 7.2.0.
• The devDependency @babel/plugin-proposal-throw-expressions was updated from 7.0.0 to 7.2.0.
• The devDependency @babel/plugin-syntax-dynamic-import was updated from 7.0.0 to 7.2.0.
• The devDependency @babel/plugin-syntax-import-meta was updated from 7.0.0 to 7.2.0.
• The devDependency @babel/preset-env was updated from 7.1.6 to 7.2.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

This monorepo update includes releases of one or more dependencies which all belong to the babel7 group definition.

babel7 is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency prop-types was updated from 15.6.2 to 15.7.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

prop-types is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency rollup was updated from 1.6.0 to 1.6.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

rollup is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

• @ticketmaster/aurora version: latest
• node version:
• npm (or yarn) version:

Relevant code or config
vinodh99@cac63f4

 componentDidMount() {
    // update max height to the correct value so animation works correctly
    if (this.props.content && this.state.isExpanded) {
      const maxHeight = this.text.current.offsetHeight+ this.heading.current.offsetHeight + this.content.current.offsetHeight + 32;

      // eslint-disable-next-line react/no-did-mount-set-state
      this.setState({ maxHeight: `${maxHeight}px` });
    }
    if(!this.props.content &&!this.props.isExpanded){

      // eslint-disable-next-line react/no-did-mount-set-state
      this.setState({ maxHeight: `${this.text.current.offsetHeight+this.heading.current.offsetHeight+32}px` });
    }

  }

  content = React.createRef();

  heading=React.createRef();

  text=React.createRef();

  toggleContent = () => {
    const { onButtonClick } = this.props;
    const contentHeight = this.content.current.offsetHeight;
    const headingHeight = this.heading.current.offsetHeight;
    const textHeight = this.text.current.offsetHeight;
    const collapsedMaxHeight = `${textHeight+headingHeight+32}px`;
    const expandedMaxHeight = `${contentHeight + headingHeight +textHeight +32}px`;

    this.setState(({ isExpanded }) => ({
      isExpanded: !isExpanded,
      maxHeight: isExpanded ? collapsedMaxHeight : expandedMaxHeight
    }));

    if (onButtonClick) {
      onButtonClick();
    }
  };

  renderControl = () => {
    const {
      href,
      linkText,
      expandedText,
      collapsedText,
      linkProps,
      buttonProps
    } = this.props;
    const { isExpanded } = this.state;
    if (!linkText && !expandedText && !collapsedText) {
      return null;
    }

    const props = href
      ? { ...linkProps, href }
      : { ...buttonProps, onClick: this.toggleContent };

    const text = linkText || (isExpanded ? expandedText : collapsedText);
    return (
      <Link size="hecto" {...props}>
        <div ref={this.text}>
          {text}
        </div>
      </Link>
    );
  };

  renderCloseButton = () => {
    const { onRequestClose, closeButtonTitleText } = this.props;
    if (!onRequestClose) {
      return null;
    }

    return (
      <CloseButton onClick={onRequestClose}>
        <CloseIcon size="small">
          <title>{closeButtonTitleText}</title>
        </CloseIcon>
      </CloseButton>
    );
  };

  renderIcon = () => {
    const { variant, icon } = this.props;
    if (!variant && !icon) {
      return null;
    }
    const Icon = variantsIcons[variant];

    return icon || <Icon type="filled" size="regular" />;
  };

  render() {
    const { isOpen, heading, content, variant, style } = this.props;
    const { isExpanded, maxHeight } = this.state;

    return (
      <Transition
        in={isOpen}
        timeout={isOpen ? 0 : 300} // allows to animate fade in after render correctly
        mountOnEnter
        unmountOnExit
      >
        {state => (
          <Container
            className={classnames({
              collapsed: !isExpanded,
              [`banner-variant-${variant}`]: variant,
              "visible-banner": state === "entered"
            })}
            style={{ ...style, maxHeight }}
          >
            <IconSection>{this.renderIcon()}</IconSection>
            <ContentSection>
              <Text tag="span" weight="semiBold">
              <div ref={this.heading}>
                {heading}
              </div>
              </Text>
              {this.renderControl()}
              <div ref={this.content}>
                <Content>{content}</Content>
              </div>
            </ContentSection>
            {this.renderCloseButton()}
          </Container>
        )}
      </Transition>
    );
  }
}

export default Banner;

#403

What happened: Padding breaks on the Banner for iPhone 7 if the header goes into two lines.

What you did: Fixed the problem above but just couldn't fix the catalog.

Problem description:
Padding breaks on the Banner if the header text consists of two lines or more.

Suggested solution:
Should calculate the height of the heading and text and change the offset value (or) change the box-sizing to content-box

The devDependency rollup-plugin-babel was updated from 4.1.0-1 to 4.1.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

rollup-plugin-babel is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency @types/styled-components was updated from 4.1.18 to 4.1.19.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@types/styled-components is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

The devDependency regenerator-runtime was updated from 0.13.2 to 0.13.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

regenerator-runtime is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

This issue provides visibility into Renovate updates and their statuses. Learn more

This repository currently has no open or pending branches.

• Check this box to trigger a request for Renovate to run again on this repository

The devDependency @types/react was updated from 16.8.23 to 16.8.24.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

@types/react is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴