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

13.1.1

New reducer factory value-by-id-reducer

• Stores one value per string id.

StandardTable

• Fix missing key warning.

ActionMenuItem

• Replace :focus with :focus-visible, this makes the focus state visible only if the menu was opened with keyboard interaction.

13.1.0

useEditableCell

New option none for option allowedInputType. This disables the ability to automatically open the editor when the user starts typing in an editable table cell.

This is usable when the editor is not a text input field.

Design changes

• Updated styling for Collapsible.

13.0.7

StandardTable

• Shadow under sticky header now shows under header where there are no columns.

13.0.6

New component GroupedChipMultiSelect

• A combination of ChipMultiSelect and GroupedMultiSelect

StandardTable

• When all columns had fixed width, they would still get wider than specified when table was wider.

Modal

• ModalHeader is once again draggable by default.
• Buttons and tooltips inside ModalHeader are not draggable.
• headerText in ModalHeader is not draggable.
• DRAGGABLE_CANCEL_CLASSNAME can be used to make part of ModalHeader not draggable. Remember to use this for text that should be selectable in all browsers (e.g. Firefox).
• New prop closeButtonClassName for ModalHeader lets you set a classname for the close button.
• The close button now has an aria-label ("Close").

13.0.5

StandardTable

• Table heads and cells have correct width when specified.
• Sorting in table could cause empty rows.

13.0.4

StandardTable

• Fix some cases where cell did not align left/right properly.

13.0.3

StandardTable

• When backgroundResolver returned undefined for a sticky column, it became see-through.

13.0.2

StandardTable

• Slight refactoring to make StandardTableCellUi more backward compatible.

13.0.1

StandardTable

• Fix column group warning being rendered below sticky elements.

13.0.0

ModalHeader

• ModalHeader is no longer draggable by default if used outside of Modal.

Spinner

• Spinner has updated animation.

ActionMenuButton

• Allows for custom onClick events

New hook useOnScreen

This hook can be used to determine if a DOM element is visible on screen.

It returns a boolean, true if the element is visible in viewport.

It uses the Intersection Observer API.

Example:

  const ref = useRef(null);

  const visible = useOnScreen(ref, {
    rootMargin: "400px",
    threshold: 0,
  });

  return <div ref={ref}>...</div>

StandardTable

• StandardTable now uses <table> internally.
• Columns can now be sticky to the right.
• When using column groups, only column groups can be sticky, not single columns.
• New optional option stickyColumnGroups when using column groups. Can be first, last or both.
• When using stickyColumnGroups, all columns in that group must have fixed width.
• Column option flex no longer supported. Use width and % instead.

Breaking changes

• StandardTable column config no longer supports flex.

This is because StandardTable uses <table> internally, which doesn't support flex.

Use width with % instead.