@stenajs-webui/grid-export - npm Package Versions

8.1.0

Font changes

• Default primary font is now Stena Sans, with Open Sans fallback.

Design changes

• Increased contrast in Label, ValueTable and input placeholders.
• Buttons now have a width prop which is responsive according to styled-system.

Fixes

Remove letter-spacing override done by setting text size.

Internal

• Space now uses emotion for styling instead of inline styles.

v18.0.3 (Mon Feb 27 2023)

🐛 Bug Fix

• @stenajs-webui/panels
  • Add headingLevel to PageHeading, default being h1 #561 (@juiceit)
• @stenajs-webui/grid
  • Add blue bottom line to sorted column header #539 (david.zetterdahl@stenaline.com @mattias800 @LordDz)

📝 Documentation

• @stenajs-webui/panels
  • Use NavBarSearchField in center content story #503 (@juiceit)

Authors: 4

• David (@LordDz)
• David Zetterdahl (david.zetterdahl@stenaline.com)
• Josefina Andreasson (@juiceit)
• Mattias Andersson (@mattias800)

8.0.2

DateTimeInput

Types now allow value=null. This makes sure that the component is control, while it has no value.

8.0.1

DateTimeInput

Add onBlur prop. Triggered when the whole component loses focus. Add autoFocus props. Autofocuses on date part of the input.

DateRangeDualTextInput

Add autoFocus props. Autofocuses on date part of the input.

Link

Add variant bold.

8.0.0

Box

The following props on Box are now responsive:

• row
• indent
• spacing
• background
• border
• borderColor
• display
• shadow

They can be used by passing an array or dictionary with values instead of a single value.

ToggleButton

Design has been updated to use design system colors.

Themes

Theming is no longer using React context. All theme variables are using CSS properties.

Breaking changes

Box no longer has property color. This also applies to components derived from Box, such as Row and Column.

7.5.2

DateTimeInput

• Fixed width of time input in DateTimeInput.
• onEsc and onEnter are no longer required props.

7.5.1

DateTimeInput

Add props onEsc and onEnter. They are invoked on both input fields.

TimePicker

Fix missing key in JSX.

7.5.0

New component DateTimeInput

An input field with both date and time. When entering date, a popover with a calendar is showing. When entering time, a popover with time picker is showing.

New component TimePicker

A component for selecting hour and minute.

New util functions in core

• parseFloatElseUndefined
• parseIntElseUndefined

They return undefined if parse fails.

Updated Select

• Select component now allows menu component to be wider than the input.

Breaking changes

• Select options now has whiteSpace set to nowrap.

7.4.0

grid-export

• Add support for copy table content with default formatting (as well as other components) to clipboard.

DateRangeDualTextInput

Updated behaviour when selecting dates in popover.

• Selecting startDate always moves to endDate.
• Selecting endDate closes calendar except when date range is invalid or startDate has not been selected. Then it moves to start date.

New hook useDelayedFalse

A hook that takes a boolean as argument and returns that boolean. When boolean turns false, it returns false after a certain delay. When boolean turns true, it returns true immediately.

This is useful for delaying the removal of elements in the DOM.

7.3.0

New component ValueTable

• Table for displaying key/value pairs of data.
• Available in elements package.