Code

[Emotion] Convert EuiFlyout#6213

Code

Merged

breehall merged 66 commits intoelastic:mainelastic/eui:mainfrom breehall:emotion/flyout__redobreehall/eui:emotion/flyout__redoCopy head branch name to clipboardSep 14, 2022

+585-459

Commits

Commits on Aug 31, 2022

• Removed Sass styling files for EuiFlyout

  breehall

  committed
  18d3348

• Created flyout.styles.ts

  breehall

  committed
  61800ce

Commits on Sep 6, 2022

• Broke out Flyout Footer styling into its own file and object. Including Flyout Footer padding in the padding matrix in Flyout

  breehall

  committed
  7efcece

• Moved FlyoutHeader styles out of flyout.styles.tsx and moved them to their own file. Created a function responsible for composing Flyout padding. This will reduce the amount of code duplications

  breehall

  committed
  b5f5921

• Moved styles for FlyoutBody to a new flyout_body.styles.ts file. Combined padding styles into the new composeFlyoutPadding function

  breehall

  committed
  3e18b05

• Removed Flyout close button styles from the base Flyout styles and moved them into their own function

  breehall

  committed
  360a9a4

• Removed classToMap objects for Flyout sides and paddingSizes

  breehall

  committed
  de678da

• Updated required snapshots and a test case for collapsible_nav

  breehall

  committed
  316be14

Commits on Sep 7, 2022

• CHANGELOG

  breehall

  committed
  a0ac180

• Updated tests for collapsible_nav

  breehall

  committed
  937a79f

• Merge branch 'main' of https://github.com/breehall/eui into emotion/flyout__redo

  Show description for 9e608b1
  breehall

  committed
  9e608b1

• Updated branch with main

  breehall

  committed
  27e67a6

Commits on Sep 12, 2022

• Converted the euiOverflowShadowStyles function back to an internal function. Updated the euiYScrollWithShadows function to accept the side parameter which is passed to this functions use of euiOver…

  Show description for 15e6fd9
  breehall

  committed
  15e6fd9

• Updated class names across EuiFlyout and Flyout children to match the BEM name styling standard

  breehall

  committed
  c2aac17

• Updated a few variables that converted pixel sizes to ints to no longer utilize .replace() as it was not needed for calculation

  breehall

  committed
  98332f6

• Removed paddingSize as a parameter to the Emotion styling function. Hardcoded paddingSizes into the composeFlyoutPadding functions used to generate padding for all flyout sizes

  breehall

  committed
  c224568

• Created the composeFlyoutSizing function to DRY out the Flyout sizing within Flyout.styles.tsx.

  breehall

  committed
  77c00ca

• Changes instances of euiTheme.levels.header to euiTheme.levels.flyout for z-index values. Updated the logic in flyout.tsx responsbile for setting the maxWidth and size of EuiFlyout

  breehall

  committed
  2bf220a

• Updated CHANGELOG

  breehall

  committed
  186ead6

• Restructured FlyoutBody styles and created a nested object structure as opposed to nested classes.

  breehall

  committed
  55de900

• Resolved a bug that caused the Flyout close button (when placed outside) to have a hov

  Show description for caa04ad
  breehall

  committed
  caa04ad

• Updated required snapshots for EuiFlyout and EuiCollapsibleNav

  breehall

  committed
  eda6240

• Code cleanup

  breehall

  committed
  fab04ac

Commits on Sep 13, 2022

• Created _EuiYScrollWithShadows interface for euiYScrollWithShadows function.

  breehall

  committed
  204820c

• Update src/components/flyout/flyout_body.tsx

  Show description for 95886a3
  

  breehall

  and

  Constance

  authored
  95886a3

• Update src/components/flyout/flyout_body.tsx

  Show description for dedda37
  

  breehall

  and

  Constance

  authored
  dedda37

• Update src/components/flyout/flyout_body.tsx

  Show description for 511c5f9
  

  breehall

  and

  Constance

  authored
  511c5f9

• Update src/components/flyout/flyout.tsx

  Show description for 58f9b37
  

  breehall

  and

  Constance

  authored
  58f9b37

• Merge branch 'emotion/flyout__redo' of https://github.com/breehall/eui into emotion/flyout__redo

  Show description for e251419
  breehall

  committed
  e251419

• Updated the sizing calculation for the medium flyout. Previously, it used euiFormMaxWidth and euiSizeM. For a cleaner calculation, it's been updated to use euiTheme.breakpoint.m. Updated the names …

  Show description for c5871be
  breehall

  committed
  c5871be

• Removed size and type classNameToMap objects for EuiFlyout

  breehall

  committed
  478887b

• Update src/components/flyout/flyout.styles.ts

  Show description for 4e8cb47
  

  breehall

  and

  Constance

  authored
  4e8cb47

• Update src/components/flyout/flyout.tsx

  Show description for ca3c76a
  

  breehall

  and

  Constance

  authored
  ca3c76a

• Merge branch 'emotion/flyout__redo' of https://github.com/breehall/eui into emotion/flyout__redo

  Show description for eb46835
  breehall

  committed
  eb46835

• Update src/components/flyout/flyout.styles.ts

  Show description for c05b66c
  

  breehall

  and

  Constance

  authored
  c05b66c

• Update src/components/flyout/flyout.tsx

  Show description for 5f243e4
  

  breehall

  and

  Constance

  authored
  5f243e4

• Merge branch 'emotion/flyout__redo' of https://github.com/breehall/eui into emotion/flyout__redo

  Show description for 68aca67
  breehall

  committed
  68aca67

• Quick lint

  breehall

  committed
  359c2f5

• Updated required snapshots for Flyout and CollapsibleNav

  breehall

  committed
  3bc70c1

• Quick check to see if updating flyout.styles.ts will update github file

  breehall

  committed
  f0a680b

• Update src/components/flyout/flyout.styles.ts

  Show description for fc65e75
  

  breehall

  and

  Constance

  authored
  fc65e75

• Update src/components/flyout/flyout.styles.ts

  Show description for 0d44180
  

  breehall

  and

  Constance

  authored
  0d44180

• Pulled the latest code from Github UI commits and updated snapshots for Flyout and CollapsibleNav

  breehall

  committed
  e87ec67

Commits on Sep 14, 2022

• Update upcoming_changelogs/6213.md

  Show description for d5785e7
  

  breehall

  and

  elizabetdev

  authored
  d5785e7

• A few name changes to Flyout animations per PR comments

  breehall

  committed
  6e069d7

• Merge branch 'emotion/flyout__redo' of https://github.com/breehall/eui into emotion/flyout__redo

  Show description for 3028597
  breehall

  committed
  3028597

• [docs] Fix button group label

  cee-chen

  committed
  0f34e0e

• [docs] Fix incorrectly named flyout example files

  Show description for 3933d9e
  cee-chen

  committed
  3933d9e

• [docs] Convert all flyout examples to typescript

  Show description for e9494ce
  cee-chen

  committed
  e9494ce

• Fix close button color

  cee-chen

  committed
  a7e9d45

• Remove unnecessary left/right unsets on outside close buttons

  cee-chen

  committed
  dee610f

• Fix flyout borders

  Show description for 333d272
  cee-chen

  committed
  333d272

• Fix euiFlyoutBody__banner CSS

  Show description for e6b0b1d
  cee-chen

  committed
  e6b0b1d

• Delete Amsterdam Flyout scss

  cee-chen

  committed
  5536a15

• [EuiFlyoutBody] Misc fixes

  Show description for 289b6ce
  cee-chen

  committed
  289b6ce

• Merge remote-tracking branch 'upstream/main' into emotion/flyout__redo

  cee-chen

  committed
  485be84

• Use new mathWithUnits helper

  cee-chen

  committed
  5dbe365

• Fix various flyout width issues

  Show description for 937695a
  cee-chen

  committed
  937695a

• Remove now-unused modifier classes from .euiFlyout__closeButton

  cee-chen

  committed
  04ef1c9

• [misc] add newlines to Emotion styles for readability

  cee-chen

  committed
  52ecb68

• [docs] improve default value documentation

  cee-chen

  committed
  336a505

• Update snapshots

  cee-chen

  committed
  1f93ad2

• [misc] clean up syntax for inline styles

  cee-chen

  committed
  8ad5e9f

• clean up box-shadow unset

  cee-chen

  committed
  d2d3d4a

• Fix missing !important on 90vw

  cee-chen

  committed
  9253c8a

• Restore removed comments/context

  cee-chen

  committed
  a7bbed8