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

14.2.0

Calendar

• Added hideYearPagination prop to hide year pagination arrows.

DateRangeDualTextInput

• Add calendarProps which will be passed along to the internal Calendar-component, and can be used to specify enabled dates and onDayClick callback.
• User can no longer select invalid date interval, instead the other date is cleared.

UseKeyboardNavigation / UseTextInput

• Add support for HTMLTextAreaElement through a generic element type.
• Fixed issue where onChange was called twice when pressing enter or the arrow keys.

ActionMenuItem and ActionMenuLink

• disableCloseOnClick is no longer forwarded to the DOM.

Icon

• Removed props hoverIcon and hoverColor.
• Removed unnecessary mouseover event listeners.
• Added ref prop.
• Added display prop so that you can e.g. display it inline.

Breaking changes

• Icon no longer has props hoverIcon and hoverColor.

14.1.1

Tag and Chip

• Labels can no longer wrap into multiple rows.

Drawer

• If content is too high, it is possible to scroll the content of the drawer.

ValueById-reducer

• Factory can now take initial state as argument.

14.1.0

StandardTable

• Added bannerError to StandardTable props and is prioritized before error property if given. Error is now displayed in a ResultListBanner.
• error and errorLabel are now displayed in a Banner.

Column configs now have onKeyDown option.

onKeyDown: (event, { item, columnId }) => {
  if (event.key === " ") {
    setActive(item, !item.active);
  }
},

Disable automatic focus highlight on cells

New column config: disableGridCellFocus

If this setting is enabled, the cell must add the focus highlight and onKeyDown on an element manually.

This makes it possible to let arrow navigation move focus to for example a checkbox in the cell, instead of the cell itself.

Example

Adding this is easy, just spread requiredProps from gridCell into the HTML element.

    active: createColumnConfig((item) => item.active, {
      disableGridCellFocus: true,
      renderCell: ({ item, gridCell: { requiredProps } }) => (
        <Indent>
          <Checkbox value={item.active} {...requiredProps} />
        </Indent>
      ),
    })

14.0.2

• Drawer prop zIndex has been added back.

14.0.1

Collapsible

• Left align text in collapsible with wrapping text.

StandardTable

• Fix invalid content width for loading when using rowIndent.

14.0.0

Calendar inputs

• All calendar inputs are now using Tippyjs internal implementation for listening for clicks outside.
• Fix problem with calendar input popovers. They did not update position when calendar changed size.

Drawer

New implementation using react-modal.

Breaking changes

• Drawer has been moved from panels to modal.
• Drawer prop zIndex has been removed.

13.4.0

StandardTable

Checkbox fixes

Disabled checkboxes are not checked when

1. Clicking checkbox in table header
2. Shift-clicking row checkboxes

New feature, summary row.

A column config can now specify a summary cell at the bottom of the table.

summaryText: ({ items }) =>
  String(sumBy(items, (item) => item.numPassengers ?? 0)),

renderSummaryCell: () => (
  <Indent>
    <Tag label={"Jedi knights"} />
  </Indent>
)

See grid package README.md for more info.

Minor changes

• Darker shade for success color

13.3.0

StandardTable

• User can now shift+click on checkboxes to select/deselect a range of rows.

13.2.0

NumericStepper

• New component NumericStepper is a number input with step buttons on the sides

Collapsible

• Replace :focus with :focus-visible, this makes the focus state visible only if the Collapsible was opened with keyboard interaction.
• Remove top border for CollapsibleGroupHeading.

Bug fixes

• NumericInput now caps typed-in values to min and max

Minor changes

• Icon buttons ignore flex to keep their width

13.1.2

• Fix missing export of value-by-id-reducer.