mother/oio

A UI component kit for React

oio's Issues

Proper Demo Page

Enable mangle option in webpack configuration

Button Group component can have a vertical orientation

Use context to get window size once and propagate down

Form - gracefully allow using of "submitting" and "pristine"

redux-form did this by awfully forcing you to decorate the component class.

There must be a better way.

Button mode="loading" should make button unclickable

Deprecate fontFamily and primaryColor props

https://github.com/mother/oio/pull/38/files#diff-117155b60b70969bc8575080b677b04eR6

Change all `newProps` to `nextProps`

Since both are used throughout, choose nextProps as that is what's used in React's docs.

Form elements should be able to function independently of Form

Need to handle changes and state of elements that are currently stateless

Add 4-sided padding to View

For View component, ability to specify padding like:

<View padding="12px[a] 12px 18px[b-c] 12px 18px 30px 24px[d-e]">

Note how you may specify either 1, 2, or 4 size values.

Switch 'ghooks' to 'husky'

ghooks is now deprecated
husky: https://github.com/typicode/husky

Responsive Cover Images

• for Cover component 'src' prop - developer can set different images to be used at different screen resolutions
• Should be intelligent (if larger size is already loaded, do not need to fetch new image if screen size is reduced)

GridRow can have className prop

Linter should run automatically upon commit or push

Default Background colour for View component

• Heavily considering not having a background color applied by default to View component
• Background color of View is currently white by default
• Often just want the View to have a transparent background (no background)

Get rid of redux-form specifics

Deprecate Title component.

• Integrate props into Text component

Optimize OIO Form rendering

Currently, re-rendering is done way too frequently, because of the # of setState calls being made in Form (un-necessarily)

Proper implementation of View position=middle

View components with the position prop set to middle currently does not actually use the real height of the component to properly align the View vertically

Optimize View component rendering

https://github.com/mother/oio/pull/35/files#diff-b9d0b7ec86065533704a567928deff52R86

Re-rendering is currently performed even when not necessarily needed.

Update Form components to support undefined values

OIO container fontFamily inheritance

fontFamily prop should inherit from parent OIO components

DateInput can handle timezones directly

Ability to set a max-length on Form Input fields

• Useful in many cases for restricting content length

Buttons should have disabled style

Remove Ionicons warning

Notification shows up behind modal

convertColor assumptions

• current convertColor util assumes that the colour being passed is a HEX colour. We need to assume that the developer might pass anything to this util. Need to validate input.

Convert window resize functions into helpers

OIO Form needs better comparison

For example, with checkbox group, even though the array of values may be the same initially as they are later, the order of the array elements may be different and cause pristine to be false.

Fix padding of buttons in plain mode

Handle scenarios where parseFloat will result in NaN

Textarea can auto grow

Improve UI for DateInput

Popover height should have the ability to automatically calculate height

Components that wrap native DOM elements should pass on props

Eg. allowing disabling of a button or input field