Skip to content

Releases: uptick/react-object-list

0.2.11

30 Jun 01:46
bba86bc
Compare
Choose a tag to compare

Added a sister component to RelativeDate that displays the datetime instead of date.

0.2.10

30 Jun 06:09
3d2b33c
Compare
Choose a tag to compare

Exposing some of the filtering elements so they can be consumed without having to utilise the entire react-object-list

v0.2.5

28 Feb 02:14
310ce46
Compare
Choose a tag to compare

Adds a class to the filter block

v0.2.5

16 Sep 06:27
5163ed5
Compare
Choose a tag to compare
  • Add extra prop to cells/Links in the format eg.
        <Links
          viewUrl={'http://mywebsite.com/1/view'}
          editUrl={'http://mywebsite.com/1/edit'}
          extra={[{
            url: 'http://mywebsite.com/1/extra',
            text: 'Extra Link',
          }]}
        />

v0.1.8

06 May 06:13
145aa82
Compare
Choose a tag to compare
  • Only show Select All or Deselect All text if a selectItems prop is passed to the ObjectList component

0.1.7

06 Mar 04:50
Compare
Choose a tag to compare

Improve handling of text input to Month filter

v0.1.6

20 Feb 23:45
9b5a9e6
Compare
Choose a tag to compare

Fix bug with text entry in Month filter

v0.1.4

29 Oct 22:35
Compare
Choose a tag to compare

Fix bug with removing filters

0.1.1 [BREAKING]

21 Oct 22:29
Compare
Choose a tag to compare

Backwards Incompatible Changes
Icons are no longer specified by default (#74)

import React from 'react'
import ReactDOM from 'react-dom'

import ObjectList from 'react-object-list'
import {FontAwesome} from 'react-object-list/icons'

var mount = document.querySelectorAll('div.browser-mount');
ReactDOM.render(
  <ObjectList
    icons={FontAwesome(4)}
  />,
  mount[0]
);

or your own icons by specifying as so:

  <ObjectList
    icons={{
      OptionalFields: <i className="list" />,
      Favourites: <i className="heart" />,
      RemoveFavourite: <i className="trash" />,
      RemoveFilter: <i className="minus-circle" />,
      DropdownOpen: <i className="caret-down" />,
      DropdownClose: <i className="caret-up" />,
      SortAsc: <i className="caret-up" />,
      SortDesc: <i className="caret-down" />,
      Unsorted: <i className="sort" />,
      Loading: <i className="circle-notch spin" />,
      CheckboxChecked: <i className="check-square" />,
      CheckboxUnchecked: <i className="square" />,
    }}
  />

Unspecified icons will not show (excl. RemoveFavourite, SortAsc, SortDesc, CheckboxChecked, CheckboxUnchecked, RemoveFilter).

v0.0.45

02 Oct 01:39
329878f
Compare
Choose a tag to compare

Allow for columns to inject a classname into the row

{
      dataKey: 'id',
      header: 'ID',
      sortKey: 'id',
      sparseFields: [
        {model: 'Task', fields: ['is_active']},
      ],
      rowClass: (row) => row.attributes && (!row.attributes.is_active ? 'inactive': null),
    }

Allow item renderers to specify a react element instead of a function or a class

{
      dataKey: 'id',
      header: 'ID',
      item: <MyCustomComponent />,
    },

This will result in the CustomComponent being cloned and injected with props containing row, column and value