[Enterprise Search] Add flag to restrict width of layout

[scottybollinger]

Summary

This PR adds a boolean flag to restrict the width of the Enterprise Search layout file for use in Workplace Search.

Usage

<Layout navigation={<WorkplaceSearchNav />} restrictWidth>
  ...
</Layout>

Before

After

Checklist

Delete any items that are not applicable to this PR.

• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser
• This was checked for cross-browser compatibility

[cee-chen]

LGTM - actually, I wonder if @daveyholler would prefer us to restrict width for App Search as well? 🤷 I can check with him here. If yes then maybe we don't need to make it a prop and can just set restrictWidth period

[cee-chen]

tl;dr from Davey - leave App Search as full-width for now, we'll re-evaluate in some of App Search's meatier pages like results settings

[cee-chen]

@scottybollinger Can we add a quick test for this? (+ update the it renders test to provide a negative)

  it('renders', () => {
    const wrapper = shallow(<Layout navigation={null} />);

    expect(wrapper.find('.enterpriseSearchLayout')).toHaveLength(1);
    expect(wrapper.find(EuiPageBody).prop('restrictWidth')).toBeFalsy();
  });

  it('passes the restrictWidth prop', () => {
    const wrapper = shallow(<Layout navigation={null} restrictWidth />);

    expect(wrapper.find(EuiPageBody).prop('restrictWidth')).toEqual(true);
  });

[cee-chen]

Sweeet, thanks Scotty!

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: f7ed9dd

Build metrics

async chunks size

id	value	diff	baseline
enterpriseSearch	430.1KB	+61.0B	430.1KB

History

• 💚 Build #74592 succeeded 9990627

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream