@eventstore-ui/components@1.2.0

Minor Changes

• 6314c62 - Prevent mouse interractions on readonly es-progressions

@eventstore-ui/icon-manager@1.0.1

Patch Changes

• fe286ee - Fixed icon-manager not working due to incorrect es-modules.

@eventstore-ui/router@1.0.2

Patch Changes

• 03c2446 - Fix inconsistent scroll behaviour when setting / deleting searchParams

@eventstore-ui/layout@1.1.1

Patch Changes

• af6da01 - Prevent grid blowout on layout grid.

@eventstore-ui/router@1.0.1

Patch Changes

• 5cc5604 - Fix bug where actions sometimes wouldn't trigger in some contexts

@eventstore-ui/layout@1.1.0

Minor Changes

• de39237 - New component es-sized-panel has been added that can be placed in any layout area, with a custom start and end position. It will set the size of the corresponding area to its own size, much like how es-sidebar works.

  The following props are available:

  Property	Attribute	Description	Type	Default
  area	area	Where to place the panel.	"banner" | "cookie" | "panel" | "sidebar" | "toolbar"	'panel'
  end	end	Where to end the panel, inclusive. Must be the opposite axis to the area.	"banner" | "body" | "cookie" | "edge" | "panel" | "sidebar" | "toolbar" | undefined	undefined
  start	start	Where to start the panel, inclusive. Must be the opposite axis to the area.	"banner" | "body" | "cookie" | "edge" | "panel" | "sidebar" | "toolbar" | undefined	undefined

• e93f6bd - es-panel can now be placed in any layout area, with a custom start and end position.
  You can also set a closedModeto allow the panel to collapse when dragged past theclosedSize.
  It remains backwards compatible with previous usage.

  The following new props have been added:

  Property	Attribute	Description	Type	Default
  area	area	Where to place the panel.	"banner" | "cookie" | "panel" | "sidebar" | "toolbar"	'panel'
  closeAt	close-at	When to snap the panel closed (if a closed mode is set).	number	100
  closedMode	closed-mode	How the panel should respond to being closed.	"collapsed" | "none"	'none'
  closedSize	closed-size	How large the panel should be when closed.	number	34
  defaultSize	default-size	What size to default to.	number	200
  end	end	Where to end the panel, inclusive. Must be the opposite axis to the area.	"banner" | "body" | "cookie" | "edge" | "panel" | "sidebar" | "toolbar" | undefined	undefined
  minimumSize	minimum-size	The minimum possible size to resize to.	number	100
  rememberMode	remember-mode	If the last mode of the panel should be kept in local storage.	boolean | string | undefined	undefined
  rememberSize	remember-size	If the size of the panel should be kept in local storage.	boolean | string | undefined	undefined
  start	start	Where to start the panel, inclusive. Must be the opposite axis to the area.	"banner" | "body" | "cookie" | "edge" | "panel" | "sidebar" | "toolbar" | undefined	undefined

@eventstore-ui/utils@1.1.0

Minor Changes

• e54766e - New utility function getScrollParent
  Traverses the dom tree including shadow doms to find the first element that scrolls.

@eventstore-ui/layout@1.0.1

Patch Changes

• 3e6c5b1 - Removed z-index workarounds for z-index stacking in @eventstore-ui/components

• 1f46d53 - [bug] Prevent es-popover from losing attachment when layout is changed (e.g. resizing es-panel)

• 46a1ad7 - [bug] Prevent multiple header and sidebar dropdowns from opening at the same time

@eventstore-ui/fields@1.0.1

Patch Changes

• 3e6c5b1 - Removed z-index workarounds for z-index stacking in @eventstore-ui/components

• d884b7e - [bug] Prevent situation where typeahead dropdown gets stuck open

@eventstore-ui/components@1.1.0

Minor Changes

• e54766e - New props on es-popover

  Property	Attribute	Description	Type	Default
  closeOnScrollEscape	close-on-scroll-escape	If the popover should request to close when the attachment element scrolls out of view	boolean	false
  hideOnScrollEscape	hide-on-scroll-escape	If the popover should hide itself when the attachment element scrolls out of view	boolean	true

• 3e6c5b1 - Previously, a popover would have zindex of 1000 and modals a zindex of 3100. As popovers and modals appear outside of the document flow, these zindexes are relative to the base of the document.

  This usually worked out fine, as if you had an open popover and opened a modal, it would appear behind it:

  ┌────────────────┐
  │ Modal          │
  │                │
  │ zindex: 3100   ├─────────┐
  │                │ popover │
  │                │         │
  └───────────┬────┘         │
              │ zindex: 1000 │
              └──────────────┘
  

  However, if you placed a popover inside a modal, it would appear behind it's parent modal:

       ┌────────────────┐
       │ Modal          │
       │                │
       │ zindex: 3100   ├─────────┐
       │                │ popover │
  ┌────┤                │         │
  │    └─────────┬─┬────┘         │
  │ popover      │ │ zindex: 1000 │
  │ in modal     │ └──────────────┘
  │              │
  │ zindex: 4100 │
  └──────────────┘
  

  In this case, you would have to handle this yourself, and set the zindex manually.

  This update causes nested popovers and modals to stack their zindexes:

       ┌────────────────┐
       │ Modal          │
       │                │
       │ zindex: 3100   ├─────────┐
       │                │ popover │
  ┌────┴─────────┐      │         │
  │              ├─┬────┘         │
  │ popover      │ │ zindex: 1000 │
  │ in modal     │ └──────────────┘
  │              │
  │ zindex: 4100 │
  └──────────────┘
  

  This means that you don't need to keep track of z-indexes yourself, and allow you nest freely.

  It is also possible to manually increase the z-index stack by setting the css-var --zindex-base. This is useful for places where you have a z-index and may want a dropdown to appear, such as a header.

Patch Changes

• 1f46d53 - [bug] Prevent es-popover from losing attachment when layout is changed (e.g. resizing es-panel)