Code Monkey home page Code Monkey logo

robe-react-ui's Introduction

Showcase

Robe-React-UI

UI library built on top of React-Bootstrap

NPM

npm package Build Status codecov Dependency Status

Browsers support (will be updated)

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
11+ 15+ 20+ 5.1+ 25+

Note: You need include es5-shim and es6-shim.

Please take a look at Project Site

RRU = Robe-React-UI

Motivation

UI components built on top of React-Bootstrap.

What's inside
  • Webpack for all development (server,hotload etc.) and build (package, optimize, etc.) needs.
  • Babel for writing codes with ES6 syntax and transpiling them browser compatible codes.
  • ESLint for protecting our nice formatted codes.
  • Karma for testing.
  • React for ui.
  • React-Bootstrap for ui components
  • Recaptcha for ui reCAPTCHA component
  • GoogleMap for ui GoogleMap component
  • Enzyme for ui testing
  • [Open-Color]

Documentation

You can find detailed documentation at robeio.github.io/robe-react-ui

Site will include Component Showcase, JSDocs and more...

Quick Start

1. Get the latest version

You can start by cloning the latest version of RRU.

2. Run npm install

This will install both run-time project dependencies and developer tools listed in package.json file.

3. How to start project in Development Mode

This will start the development server and serve site application.

$ npm start

Open Browser and enter http://localhost:8080 (default)

How to Build for Production

If you need just to build the app (without running a dev server), simply run:

$ npm run-script build
How to run Unit Tests.
  • Single Test Run with coverage for production.
$ npm test              # Run unit tests with Mocha
  • Multi Test Run without coverage for development.
$ npm run testd         # Run unit tests with Mocha
  • Development Test Examples
    npm run testd Wizard
    npm run testd ./__test__/wizard/Wizard.spec.js
    npm run testd __test__/wizard/Wizard.spec.js
    npm run testd /Users/kamilbukum/DEV/robe/robe-react-ui/__test__/wizard/Wizard.spec.js

robe-react-ui's People

Contributors

ademozay avatar ahmetsahinoglu avatar calt avatar hasanmumin avatar kbukum avatar recepkoseoglu avatar richardwithnell avatar serayuzgur avatar tahaozket avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

robe-react-ui's Issues

Create Contributing Guidelines

Draft:

  1. Opening issues, please feel free to suggest new components, replacing the old ones or changing the props for easier usage.
  2. Testing the UX is important, you can always test the usage of the components and give advice.
  3. Pick an issue and create a pull request. Every issue is available for everyone. If it is not clear, request for more information and then we can discuss the issue to explain it better.
  4. Clean Code & Clean Coder. Sometimes we get confused by namings of components, props or methods, please do not hesitate to review/refactor our sources and create a pull request.
  5. Documentation, it is important we know. Generally, samples and docs are enough for us but not for an outsider. We can call it project blindness, a pair of brand new eyes will be more objective about them.

BarChart new suggestion

  • Robe React UI Version: 1.1.20
  • Robe React Commons: Version: 1.0.81
  • Node Version: v7.4.0
  • OS / Version: MacOS Sierra 10.12.2
  • Browsers / Versions: Version 55.0.2883.95 (64-bit)

Expected behavior

It should be visible tooltip when mouse on the own all area

Actual behavior

I just have to my mouse on the chart for visible tooltip

decimal input does not have increase and decrease button

  • Robe React UI Version: 1.1.17
  • Node Version: v7.4.0
  • OS / Version: MacOS Sierra 10.12.2
  • Browsers / Versions: Chrome / Version 55.0.2883.95 (64-bit)

Expected behavior

I think in decimal input need to be increase and decrease button.

Actual behavior

in decimal input does not have increase and decrease button.

DataGrid sorunları

Showcase incelemesinde aşağıda ki sorunları tespit ettim.

DataGrid (Custom Toolbar and Pagination)

  1. Gösterilecek kayıt sayısı 1 yapılmasına rağmen pagination çalışmıyor
  2. custom buttonu çalışmıyor.

DataGrid (CRUD Toolbar)

  1. Edit ekranı sorunları:
    --Gender bölümünde cinsiyetler türkçe yazılmış.
    --Data Grid'de tarih kısmı bugünün tarihi setli gelmiş gözüküyor ama edit de ilgili tarih setli gelmiyor.
  2. Password: Password alanına göre filtreleme yapılıyor. Bu güvenlik açısından güvenilir bir filtreleme olmayabilir.
  3. Birthdate, Job Title, Gender kolon sorunları: Bu alanlara veri girdiğimde search filtreleme yapmıyor. Örneğin gender bölümünde cinsiyete göre filtreleme yapmıyor.

ReCaptcha Language Problem

  • Robe React UI Version: 1.1.16
  • Robe React Commons: Version: 1.0.80
  • OS / Version: Ubuntu / 16.04
  • Browsers / Versions: Chrome / 55.0.2883.87 (64-bit)

Expected behavior

Language changes the captcha text

Actual behavior

It doesn't change

Console messages

loaded

multi SelectInput bug

  • Robe React UI Version: 1.1.20
  • Robe React Commons: Version: 1.0.81
  • Node Version: v7.4.0
  • OS / Version: MacOS Sierra 10.12.2
  • Browsers / Versions: Version 55.0.2883.95 (64-bit)

Expected behavior

z-index fixes and multi select list should be close when select list open and I clicked other section

Actual behavior

multi select list always open when select list open and I clicked other section

screen shot 2017-02-07 at 11 52 22

npm install is broken

With current versions in package.json it's not possible to install dependencies:

npm ERR! peerinvalid The package [email protected] does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer [email protected] wants react@^0.14.0 || ^15.0.0
npm ERR! peerinvalid Peer [email protected] wants react@^15.4.1
npm ERR! peerinvalid Peer [email protected] wants react@>=0.14.0
npm ERR! peerinvalid Peer [email protected] wants react@^15.4.1
npm ERR! peerinvalid Peer [email protected] wants react@^0.14 || ^15.0.0
npm ERR! peerinvalid Peer [email protected] wants react@>=0.14.0
npm ERR! peerinvalid Peer [email protected] wants [email protected]
npm ERR! peerinvalid Peer [email protected] wants react@^0.14.1
npm ERR! peerinvalid Peer [email protected] wants react@^0.14.0 || ^15.0.0
npm ERR! peerinvalid Peer [email protected] wants [email protected] || 0.14.x || ^15.0.0-0 || 15.x
npm ERR! peerinvalid Peer [email protected] wants react@^15.4.2

Can't load i18n data

If i18n is not loaded in the project it gives the following error inside components.
screen shot 2017-01-16 at 12 20 03

Password Strength

I think we can create a password strength for security in PasswordInput.It should be include weak,okay,good and strong parts.
aaaa

FileInput file duplicate and files value is null

  • Robe React UI Version: 1.1.18
  • Node Version: v7.4.0
  • OS / Version: MacOS Sierra 10.12.2
  • Browsers / Versions: Version 55.0.2883.95 (64-bit)

Actual behavior

When click upload button duplicate this file.You can see attach pics.
step1

step2

In addition after uploading, click submit, files value is null in request model.

robe-react-commons version must be in issue template

  • Robe React UI Version: xxx
  • Node Version: xxx
  • OS / Version: xxx / xxx
  • Browsers / Versions: xxx / xxx

Expected behavior

robe-react-commons version must be in issue template

Actual behavior

issue template does not have robe-react-commons version

DataForm

Robe React UI Version: 1.1.16
Robe React Commons: Version: 1.0.80
OS / Version: MACOS / SIERRA
Browsers / Versions: Chrome / Version 55.0.2883.95 (64-bit)
Expected behavior
Sample 3 String Input (With regex validation)

Actual behavior

Validation Messages doesn't change

Console messages

DataFormSample.jsx:190 Uncaught TypeError: Cannot set property 'value' of undefined
at value (DataFormSample.jsx:190)
at t.value (DataForm.jsx:252)
at t.value (TextInput.jsx:114)
at Object.executeOnChange (LinkedValueUtils.js:129)
at m.a (ReactDOMInput.js:232)
at Object.r (ReactErrorUtils.js:26)
at i (EventPluginUtils.js:85)
at Object.s [as executeDispatchesInOrder] (EventPluginUtils.js:108)
at f (EventPluginHub.js:43)
at h (EventPluginHub.js:54)

Notification does not support more than two lines

Before opening an issue please check issues.

  • Robe React UI Version: 1.1.17
  • Node Version: v7.4.0
  • OS / Version: MacOS Sierra 10.12.2
  • Browsers / Versions: Version 55.0.2883.95 (64-bit)

Expected behavior

...Notification does not support more than two lines

Actual behavior

...Notification support max two lines.

Steps to reproduce the behavior

...

Console messages

...

Developer note

...

Related issues

...#41

Suggest a fix

...

Strict Mode Hatası

Proje ilk defa çalıştırılmak istendiğinde MultierImpl.js(102. satır) ve Utility.js(143. satır) strict mode hatası vermektedir. Çözüm için MultierImpl.js dosyasının 102. satırına ve Utility.js'nin 139. satırına "use strict"; ifadesi eklendikten sonra proje sağlıklı şekilde çalışmaktadır. İlk hatayla ilgili ekran görüntüsü aşağıda yer almaktadır.
screenshot from 2017-01-13 23-33-44

AjaxRequest

Hi,

I try to change defaultProps. xhrFields of the AjaxRequest but it's not modified. Something wrong on my side with the following code:

let readRequest = new AjaxRequest({ url: "users", type: "GET", xhrFields: { withCredentials: false } });

Custom URLs for Store

  • Robe React UI Version: 1.1.18
  • Robe React Commons: Version: 1.0.84

Store should be able to take different (custom) URLs and HTTP methods. for CRUD operations.

dataGrid unselected

When clicked out of grid row still selected.I think row should be unselected

Delay for server requests in search and filtering at DataGrid Component

  • Robe React UI Version: 1.1.18
  • Robe React Commons: Version: 1.0.84
  • Node Version: v6.8.1
  • OS / Version: xxx / xxx
  • Browsers / Versions: xxx / xxx

Expected behavior

Delay for server requests

Actual behavior

No delay for server requests

Developer note

For ex.

var delay = 500;
clearTimeout(this.search);
this.search = setTimeout(function () {
/code/
}.bind(this), delay);

Suggest a fix

Adding delay for server requests at DataGrid fulltext search and filters

Toast should have click on close

  • Robe React UI Version: 1.1.17
  • Node Version: v7.4.0
  • OS / Version: MacOS Sierra 10.12.2
  • Browsers / Versions: Version 55.0.2883.95 (64-bit)

Expected behavior

Toast should have closeOnClick feature

Actual behavior

Nothing happens

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.