GithubHelp home page GithubHelp logo

robeio / robe-react-ui Goto Github PK

View Code? Open in Web Editor NEW
139.0 139.0 19.0 95.71 MB

Robe React UI Components

Home Page: http://robeio.github.io/robe-react-ui/

License: MIT License

JavaScript 91.75% CSS 8.10% HTML 0.15%
bootstrap charts googlemaps react react-bootstrap reactjs recaptcha showcase

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

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

...

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.

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

dataGrid unselected

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

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

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

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

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)

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

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

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

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

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.

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 } });

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.

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.

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

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

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.