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

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".

9.1.0

Select

• Updated design to look more like design system.

StandardTableHtmlCopyToClipboardButton

• When exporting to clipboard, all horizontal column alignments will be rendered according to the table config.

Spinner

• Spinner only has one color now.
• Removed Spinner variant large.

Banner

• Banner icon has fixed width and will no longer be compressed by long content.

Buttons

• Button variants look good for SecondaryButton and FlatButton.
• Border color matches background color for PrimaryButton.
• Disabled text and icon color for PrimaryButton is the same as for SecondaryButton.

Breaking changes

• Removed Spinner variant large.

9.0.0

Breaking changes

• Removed ActionDropdown and ActionDropdownTheme
• Removed theme prop from ActionMenuItem, replacing it with a variant prop that can be set to danger
• ActionMenuButton is no longer exported. Instead, there are three new components:
  • ActionMenuPrimaryButton
  • ActionMenuSecondaryButton
  • ActionMenuFlatButton

Design changes

• The icon for SecondaryButton is now blue.
• New variant outlined added to Popover. It is used for the Action menu, Checkbox menu, and Table head popover.
• Padding changes for ActionMenu, ActionMenuItem, ActionMenuSeparator.
• Expanded rows in StandardTable have a blue background with a border on the left.

Bug fixes

• Fixed bug in Popover where arrow could not be removed.
• The top checkbox in StandardTable deselects all if some are selected, as opposed to selecting all.

Additions

• Add htmlFor prop to Label component.