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

11.2.0

ActionMenuLink

• Prop onClick now has same type as HTML a-tag onClick.

Heading

• Heading now supports as prop, which can be h1-h6.

11.1.0

General updates

• Increase contrast for text with action, such as Link and Crumb.
• Text no longer wraps in tabs, buttons and SideMenuLink.

RadioButton and Checkbox

• Add different focus highlight when checked.

FlatButton

• Icon now has correct color when FlatButton is inverted.

11.0.0

ErrorPanel and ErrorScreen

• Updated to use Banner instead of icon and text.

LoadingModal

• LoadingModal has been redesigned. The props are the same as before.

LoadingPanel and LoadingScreen

• Updated to look more like LoadingModal.

Cards

New components for creating cards, Card, CardHeader and CardBody.

Example:

<Card>
  <CardHeader text={"Overview"} />
  <CardBody>
    <Text>Lorem ipsavablasfasofofa</Text>
  </CardBody>
</Card>

NavBar

• NavBarButton icon now has same color as the text.

ButtonGroup

• ButtonGroup no longer has outer margin.

reducerIdGate

Add helper function for wrapping actions with reducerIdGate action.

export const myActionsWithGate = wrapActionsWithReducerIdGate(reducerId, {
  ...myActions,
};

It returns the same actions, but wrapped with reducerIdGate action.

ActionMenu

• All types of ActionMenuButton support keyboard navigation, whether portalTarget is used or not
• ActionMenuItem has new props id and loading
• ActionMenuItem receives the HTML disabled prop when disabled
• ActionMenuLink can be triggered with Space, just like ActionMenuItem
• ActionMenuLink has border radius if first or last child, just like ActionMenuItem
• The text in ActionMenuItem and ActionMenuLink does not wrap
• New component ActionMenuLinkContent which can be used to display an item that is not a button.
• ActionMenu no longer has default width, it is flexed instead.

StandardTable

• Sort order icon amount variant now has inverted arrow direction.
• When using editable cells, editorValue was not always reset and could become inconsistent with the value of the data. editorValue is now always reset when editor for a cell is opened.
• rowBackgroundResolver can now return color or object containing background and hoverBackground fields.
• headerRowOffsetTop does now also set the offset for grouped rows if headerRowOffsetTop & stickyHeader are true

RadioButton

• RadioButton has fixed width, i.e. will not be squashed when content is competing for space

Dependencies

Font awesome icons have been updated to 5.15.3.

Breaking changes

• Font awesome dependencies must be updated.
• ActionMenu no longer has default width.

10.1.2

StandardTable

• rowBackgroundResolver function now gets selected as second argument. This makes it possible to change background color depending on the checkbox being checked or not.

10.1.1

Select

• Fix types for select components, which cause auto-complete to not work.

StandardTable

• Fix sort order comparator, did not sort properly between null and falsy values.

10.1.0

ActionMenuButton

• Add zIndex prop.

StandardTable

• Fixed bug regarding sticky header checkbox with column groups. Column group names was showing behind the checkbox when scrolling horizontally.
• Fix alignment issue when using column groups and borders.

10.0.0

Text

• Now also exported with name Txt. This makes auto-import work properly, since Text is already defined globally.

StandardTable

• Now uses Banner to show no items available message.
• Add props noItemsContentRight, noItemsContentBottom and noItemsHeader to customize the banner.
• Sort order icon is on left or right side of column header label, depending on header alignment.
• Add sort order icon variants, can be set in table config. There is one option for the whole table, and one per config which overrides the table setting.
• Row checkbox column can now be sticky.
• Fixed visual bug in column group when column is sticky.

Banner

• Design updated to make it slightly more compact.

Select

• Update react-select to 4.3.0.
• New components MultiSelect and AsyncMultiSelect replaces isMulti prop.
• New ChipMultiSelect component.

DateTextInput

• Moved icon to right side, and changed it to a FlatButton. This makes the input slightly wider.

Breaking changes

• Select no longer supports isMulti prop.
• AsyncSelect no longer supports isMulti prop.
• DateTextInput is now slightly wider by default.

Dependency updates

Emotion has been updated to major 11.

React has been updated to major 17.

If any of these dependencies are included in your applications package.json, you should update them.

• @emotion/core is removed.
• @emotion/react@11.1.5 is added.
• @emotion/styled@11.3.0
• react@17.0.2
• react-dom@17.0.2
• lodash@4.17.21
• csstype@3.0.8
• @types/lodash@4.14.168
• @types/react@17.0.5
• @types/react-dom@17.0.3

9.1.3

• Fix bug introduced in 9.1.2 where border-radius was not applied in ActionMenuItem.

9.1.2

StandardTable

• Added stickyCheckboxColumn which is a boolean.
• Fixed the positioning of the checkboxes and other elements in the table if stickyCheckboxColumn is true or not.

StandardTable

• Added stickyCheckboxColumn which is a boolean.
• Fixed the positioning of the checkboxes and other elements in the table if stickyCheckboxColumn is true or not.

ActionMenu

• Icons in ActionMenuItem have a fixed width, aligning the text between items.
• ActionMenuLink has the same indent as ActionMenuItem.

ActionMenuButton

• Add portalTarget prop.

9.1.1

Modal

• Close button is aligned to top of modal header

ValueTable

• Adds variant prop with values "relaxed", "standard", "condensed", "compact".