react-calendar-timeline - npm Package Versions

0.23.0

• improve unit tests coverage #426 - @ilaiwi
• stack items by group #384 - @acemac
• fix bug where canMove prop gets ignored #484 - @acemac + @ilaiwi
• fix sidebar re-render when groupHeights do not change #478 - @SDupZ

Stack per group

now you can stack choose to stack items in individual groups by providing the property stackItems in group object. The property in group overrides the timeline prop stackItems.

const groups = [{ id: 1, title: 'group 1', stackItems: false }, { id: 2, title: 'group 2', stackItems: true }]

const items = [
  {
    id: 1,
    group: 1,
    title: 'item 1',
    start_time: moment(),
    end_time: moment().add(1, 'hour')
  },
  {
    id: 2,
    group: 2,
    title: 'item 2',
    start_time: moment().add(-0.5, 'hour'),
    end_time: moment().add(0.5, 'hour')
  },
  {
    id: 3,
    group: 1,
    title: 'item 3',
    start_time: moment().add(2, 'hour'),
    end_time: moment().add(3, 'hour')
  }
]

ReactDOM.render(
  <div>
    Rendered by react!
    <Timeline
      groups={groups}
      items={items}
      defaultTimeStart={moment().add(-12, 'hour')}
      defaultTimeEnd={moment().add(12, 'hour')}
    />
  </div>,
  document.getElementById('root')
)

0.22.0

Fixed

• Provided a new key groupLabelKey to allow splitting of the key used to render the Sidebar and the InfoLabel visible during drag operations. groupTitleKey continues to be used to render the Sidebar. #442 @thiagosatoshi
• fix scroll left/right causes item move/edit to be at incorrect time #401 @acemac
• now getResizeProps take leftClassName and rightClassName and returns className for left and right props @acemac
• fix functionality of itemTitle and itemDivTitle issue @acemac

0.21.0

fixes

• fix item dimensions not being rendered on zoom in/out @ilaiwi + @acemac
• correct right_sidebar to rightTitle in readme @maxlibin

breaking changes

• add rct to .top-header and .bottom-header to become .rct-top-header and .rct-bottom-header @Simek
• upgrade dev dependance react@16.3 @acemac

0.20.0

improvements

• eliminate extra renders on every scroll - #357 acemac

Fixed

• When the date prop on a CustomMarker changes the marker will now move on the timeline - #421 kevinmanncito ilaiwi
• Header has a bounce effect - #311 acemac

####dev

• update to react-testing-library version 5
• remove deprecated toBeInDom

0.19.0

Added

• ability to set classes for timeline columns depending on its time - #364
• ability to add custom classes and custom heights to the timeline rows - #367
• add scrollRef to allow for programmatically scrolling timeline - #372

Breaking

• rework item renderer to render the whole item using render prop and prop getters - #289

0.18.2

Fixed

• onCanvasClick not fired - #383
• cursor marker disappear while hovering over item - #378

0.18.1

Fixed

• Date passed to CursorMarker child is wrong - #379
• groupRenderer doesnt work for right sidebar - #377

0.18.0

Fixed

• Timeline now respects changes to headerLabelFormats and subHeaderLabelFormats - #362

Added

• timeline markers - user can have more control over markers that are rendered on the timeline. See TimelineMarkers section of README for documentation - #327

Breaking

• Removed support for React 15 and lower. This is due to the fact that 16+ supports returning arrays from render, something that the TimelineMarker feature relies on.
• removed showCursorLine prop in favor of using the CursorMarker component. See TimelineMarkers section of README for documentation.

import Timeline,
+ {TimelineMarkers, CursorMarker}
from 'react-calendar-timeline'

<Timeline
- showCursorLine

- />
+ >

+ <TimelineMarkers>
+  <CursorMarker />
+ </TimelineMarkers>

+ </Timeline>

0.17.3

Added

• fix issue with single row header - #359