anrom-jive-osapi-picker

Requirements

• osapi global variable have to be exported as 'jive/osapi' in webpack externals
• webpack should be configured to proces CSS files with style-loader!css-loader rule

Installation

npm

npm install -S anrom-jive-osapi-picker

Usage

Usage example:

import React from 'react'
import JivePicker from 'anrom-jive-osapi-picker'

export default function Picker({author, setAuthor}){
    return <JivePicker
        buttonTitle="Добавить блог"
        contentType="people"
        value={author}
        onChange={person => setAuthor({author: person})}
    />
}

Example of use with array as value

import React from 'react'
import JivePicker from 'anrom-jive-osapi-picker'

export default function Picker({placesArray, setPlaces}){
    return <JivePicker
        value={placesArray}
        // function receives the whole new array, not a single item
        onChange={places => setPlaces({placesArray: places})}
    />
}

API

Component propperties

property | type | default | description :---------------|:--------------|:------------|:----------- buttonTitle | string | "Add place" | Sets the add button title contentType | string | "place" | Possible options: "people", "content" Defines the type of content that the picker will be handling. value | object/array |- | Current place/person/content item or the array of specified type. If array given the selector will allow multiple values onChange | function |- | arguments: selected item (object). Fires when the selection of an object is performed