stylable-components

stylable-components

Fully-tested & strictly-typed component library based on React, using optional Wix styling.

Components

• Under construction...

Components to be created:

• <AutoComplete />
• <CheckBox />
• <Color Picker />
• <DataGrid />
• <Date Picker />
• <Dropdown />
• <Image />
• <Menu />
• <Modal />
• <MultiSelect />
• <NumberInput />
• <PopUp />
• <RadioGroup />
• <RichTextInput />
• <ScrollView />
• <Slider />
• <Time Picker />
• <Toggle />
• <Tooltip />
• <TopBar />
• <TreeList />
• <Upload />
• <Video />

Library structure

stylable-components
|
|--src - source code.
|
|--test - test code. browser tests end with: spec.ts/x
|                    node tests end with: .node-spec.ts/x
|
|--demo - demo of all components.
|
|--lib - target code generated by build script.

Development

The following scripts are available:

npm start - Runs webpack-dev-server (watching, hot-reloading), with access to demos and browser tests available via http://localhost:8080/webpack-dev-server

npm run build - Transpiles src into lib. Run automatically on prepublish.

npm test - Runs test:browser and test:node scripts. See below.

npm run test:browser - Runs karma for an automated single run of browser tests. For watch mode, see start script above.

npm run test:node - Runs mocha for an automated single run of node tests. For watch mode, you can pass in the watch flag: npm run test:node -- -w