anrom-jive-osapi-picker

0.4.6 • Public • Published

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 arraynot 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

Readme

Keywords

Package Sidebar

Install

npm i anrom-jive-osapi-picker

Weekly Downloads

3

Version

0.4.6

License

MIT

Last publish

Collaborators

  • lerayne