Compoents

• Helpers
• DataTable(wrap react-datagrid)
• DateRange
• Resizer
• Breadcrumb
• ActionDialog
• InfoDialog
• SearchBox
• InvalidWarning
• SingleSelector
• MultiSelector

Usage

1. put ui-components in package.json

"ui-components": "vpon/ui-components"

then run npm install to install it.

2. import nesessary component to use

// import from top level
import { Helpers, DataTable, DateRange, Resizer, Breadcrumb, ... } from 'ui-compoents';

// Helpers
import Helpers from 'ui-components/lib/utils/Helpers';
import { getParamByName, stringifySort } from 'ui-components/lib/utils/Helpers';

// DataTable
import DataTable, { Pagination } from 'ui-components/lib/DataTable';
import Pagination from 'ui-components/lib/DataTable/Pagination';

// DateRange
import DateRange, { DateHelpers, rangeTypes } from 'ui-components/lib/DateRange';
import DateHelpers from 'ui-components/lib/DateRange/Helpers';

// Resizer
import Resizer, { ResizerHelpers, HResizer, VResizer } from 'ui-components/lib/Resizer';
import ResizerHelpers from 'ui-components/lib/Resizer/Helpers';
import HResizer from 'ui-components/lib/Resizer/HResizer';
import VResizer from 'ui-components/lib/Resizer/VResizer';

// Breadcrumb
import Breadcrumb, { BreadcrumbItem } from 'ui-components/lib/Breadcrumb';

// ActionDialog
import ActionDialog from 'ui-components/lib/ActionDialog';

// InfoDialog
import InfoDialog from 'ui-components/lib/InfoDialog';

// SearchBox
import SearchBox from 'ui-components/lib/SearchBox';

// InvalidWarning
import InvalidWarning from 'ui-components/lib/InvalidWarning';

// SingleSelector
import SingleSelector from 'ui-components/lib/SingleSelector';

// MultiSelector
import MultiSelector from 'ui-components/lib/MultiSelector';