node package manager

teselagen-react-components

TeselaGen-React-Components

CircleCI [![npm package][npm-badge]][npm] codecov

Using:

yarn add teselagen-react-components

Add peer-dependencies:

yarn add @blueprintjs/core @blueprintjs/datetime @blueprintjs/table antd react-addons-css-transition-group react-redux react-select redux 
import {DataTable, routeDoubleClick, queryParams} from "teselagen-react-components";
import {toastr} from 'teselagen-react-components';
import {
    InputField,
    SelectField,
    DateInputField,
    CheckboxField,
    TextareaField,
    EditableTextField,
    ReactSelectField,
    NumericInputField,
    RadioGroupField,
    FileUploadField
} from 'teselagen-react-components'

<InputField
  name={"fieldName"}
  label="fieldLabel"
  placeholder="Enter text..."
  inputClassName="className(s) for input"
/>

Prerequisites

Node.js >= v4 must be installed.

Installation

  • Running npm install in the components's root directory will install everything you need for development.

Demo Development Server

  • npm start will run a development server with the component's demo app at http://localhost:3000 with hot module reloading.

Running Tests

  • npm test will run the tests once.

  • npm run test:coverage will run the tests and produce a coverage report in coverage/.

  • npm run test:watch will run the tests on every change.

Releasing

  • npm whoami you should be teselagen
  • npm login teselagen//ourMasterPass//team@teselagen.com
  • for patch: npm run release
  • for minor/major: npm run release minor/major

Adding custom svg icons

  • yarn fontopen this opens up our custom font file in the fontello webtool
  • add the svg icons you want, hit Save Session to commit your changes
  • then run yarn fontsave
  • commit the changes :)