Skip to content

v0.2.0-alpha.18

Pre-release
Pre-release

Choose a tag to compare

@yomybaby yomybaby released this 10 Oct 01:02
48375e0

Published under the next dist-tag (@lablup/ui-common@next, @lablup/ui-common-cli@next). PR #63.

Added

  • Board, a dashboard grid of items the user moves and resizes. A
    handle dragged by pointer moves or resizes live (a resized item takes the
    pointer's size) and snaps to the grid on release; a handle clicked, or
    given Enter or Space, is activated: direction buttons appear and they or
    the arrow keys step one cell at a time, Enter, Space or leaving the handle
    commits, Escape discards, each step announced in a live region. It stands
    in for @cloudscape-design/board-components and keeps its data model —
    spans plus a columnOffset per column count, the column count from the
    board's width (1/2/4/6 by default, columnBreakpoints overrides),
    onItemsChange reporting the whole board in its new order — so a layout a
    product stored from that board renders and persists the same. The other
    items make room the way they did there (a scored search over the four
    directions, swaps, refloat; an unsettleable overlap is a conflict that
    does not commit). Astryx-shaped props (isMovable, isResizable,
    variant="bordered", renderItem, emptyContent); strings are
    uic.Board.* keys in every locale; CSS knobs --board-row-height,
    --board-gap, --board-item-radius, --board-transition-duration,
    --board-handle-z. A pointer drag follows the pointer through an
    ancestor's scrolling and scrolls the nearest scroll container near its
    edge. No new dependency.