2.0.0 • Published 3 years ago

@lokeshdevareddy/filtercomponent v2.0.0

Weekly downloads
-
License
Innive Inc
Repository
-
Last release
3 years ago

Description: This sample demonstrates how to integrate generic-prompt-component from Package languages:

  • React JS Details: -Generic filters

Installation

Before installing add .npmrc file and in that file add registry; registry=http://35.192.114.197:4873

Note that this installation guide uses the generic-prompt-component version of the package; 1. Install Prompt Component as a dependency

# Yarn
$ yarn add generic-prompt-component

# NPM
$ npm install generic-prompt-component
(or)
if .npmrc not added try this
$ npm i -s --registry http://35.192.114.197:4873 generic-prompt-component

Usage

  1. Import the generic-prompt-component module
// ES6
import PromptComponent from 'generic-prompt-component'
// ES5
var PromptComponent = require('generic-prompt-component').default

Example

import PromptComponent from 'generic-prompt-component'

render() {
 const dataServiceUrl = "https://k12-dev.innive.io/dataservice";   //dataserice url t0 domain data for filter
 const ReportId = '5fd3521b891a1234eacece84';   // Report excuted in dataservice and bring respective data 
 const data={filters:[]};   // if type is filter or copy then data need to be given to retain the selected filters
 const filter=[];     // Pass filters data that to be rendered
 const type=false||"filter"||"copy"
 const handleChange=()=>{} // event triggered when filter changed
 const accordion=true // enable accordion
  return <PromptComponent 
                    dataServiceUrl={dataServiceUrl}
                    ReportId={ReportId}
                    filters={filters}
                    data={data} 
                    type={type}
                    onChange={handleChange} 
                    accordion={accordion}
                    lazyLoad={false}  //Enable or disable lazy load                   
                />
}

Version 0.0.1

Prerequisite Accordion need to be added generic with configurable.