Commit graph

18 commits

Author SHA1 Message Date
Árpád Poprádi
0b0a2facbb [UI Framework] Reactify kuiHeaderBar and related CSS components (#12280)
* [UI Framework] Reactify kuiHeaderBar and related CSS components
2017-06-14 09:27:24 -07:00
Árpád Poprádi
2a0ed8e367 [UI Framework] Reactify kuiGallery and related CSS components (#12277)
* [UI Framework] Reactify kuiGallery and related CSS components
2017-06-13 15:38:46 -07:00
Árpád Poprádi
a829245d3c [UI Framework] Reactify kuiBar (#12167)
* issue/12165 [UI Framework] Reactify the kuiBar CSS component
2017-06-12 17:09:57 -07:00
Árpád Poprádi
1e71d11207 [UI Framework] Reactify kuiCard and related CSS components (#12197)
* issue/12170 [UI Framework] Reactify the kuiCard and related CSS components
* adapt doc views of card to simpler CSS syntax, fix property name united -> isUnited, use other framework components in doc
* add defaultProps to KuiCardGroup, add hint to example code
* use 3 cards in the card group example to see the layout better
* remove KuiCardGroupContainer: not needed with the right KuiCardGroup styling
2017-06-12 17:06:57 -07:00
Árpád Poprádi
4e8b2783b3 [UI Framework] Reactify kuiFieldGroup and related CSS components (#12260)
* [UI Framework] Reactify kuiFieldGroup and related CSS components
2017-06-12 15:22:35 -07:00
Árpád Poprádi
49f37e6bf2 [UI Framework] Reactify kuiCollapseButton (#12225)
* add KuiCollapseButton
* Export DIRECTIONS in collapse_button.js and use it in its test
2017-06-08 22:21:39 -07:00
Stacey Gammon
dc680297fd [UI Framework] reactify prompt for items (#12151)
* reactify prompt for items

* Rename to EmptyTablePrompt

Update snapshots

* Add empty table prompt panel and an additional guide section for use in a controlled table

* Use more generic props instead of add specific ones.
2017-06-08 13:38:09 -04:00
Árpád Poprádi
a271d7c935 [UI Framework] Reactify actionItem (#12142)
* issue 12137 Reactify ui_framework/components/action_item
* use KuiMenu and KuiMenuItem in the doc_site view
2017-06-07 16:41:59 -07:00
Árpád Poprádi
e2a5b27d5a [UI Framework] Reactify kuiEvent and related CSS components (#12226) (#12228)
* Implement KuiEvent,KuiEventSymbol,KuiEventBody,
            KuiEventBodyMessage,KuiEventBodyMetadata
            and theirs tests

* Update docs examples
2017-06-07 15:25:58 -07:00
Árpád Poprádi
20dc42957c [UI Framework] Reactify menu (#12135)
* Reactify ui_framework/components/menu
2017-06-06 09:01:07 -07:00
Stacey Gammon
7b1ad581f1 Introduce react pager component (#11802)
* Introduce react pager component

* Rename KuiPagerButtons to KuiPagerButtonGroup

* Address code review comments

* update snapshots with new aria labels.

* fix merge issue
2017-05-30 10:54:19 -04:00
CJ Cenizal
66c6db03bd [UI Framework] Add KuiKeyboardAccessible component to UI Framework. (#11743)
* Move accessibleClickKeys service into UI Framework.
* Add KuiKeyboardAccessible component to UI Framework.
* Change KuiKeyboardAccessible and kbn-accessible-click to propagate events. This mirrors mouse click behavior.
2017-05-23 10:19:04 -07:00
Stacey Gammon
3caf5d7125 Introduce Clone feature in view mode (#10925)
* Introduce Clone feature in view mode

* Use a new react modal for cloning dashboards

* Fix focus issues and tests

Unfortunately can’t run jest tests outside of the ui_framework at this
time.

* Add tests for dashboard clone modal

* move the jest tests out of the __tests__ directory

It’ll cause failures for the normal unit test runs

* use react instead of angular for overlay and loading of dom element

* Append 'Copy' to the title in the clone dialog so by default it doesn't clash

* address code comments
2017-05-19 09:51:26 -04:00
Tim Sullivan
7553e091c1 [UI Framework] Add KuiInfoButton component (#11811)
* add help_icon component

* rename to info_button

* build

* info button example

* info button test

* fix example

* change bg color and add padding:0

* make component include all props

* set color with a variable

* use bgcolor transparent

* example guide text fix

* update markup to allow component class to set font-size

* use globalLinkColor instead of new color value
2017-05-18 15:56:09 -07:00
Felix Stürmer
8a765a3769 [UI Framework] Add several kuiLocalNav-related components (#11725)
This adds several `LocalNav`-related React components and converts their usage in the docs to React:

* `KuiLocalNav`
* `KuiLocalNavRow`
* `KuiLocalNavRowSection`
* `KuiLocalNavTab`
* `KuiLocalNavTabs`
* `KuiLocalNavTitle`
2017-05-18 10:07:17 +02:00
Stacey Gammon
8fca519a39 UiFramework: Modals in react (#11500)
* Reactify the confirmation modal

Up next: jest tests

* Add tests

- Relies on https://github.com/elastic/kibana/pull/10821 getting
checked in first for commonHtmlProps

* Don't include the overlay as part of the confirm modal component

* Use the react version of a confirmation modal

- Can’t use the modalOverlay or it would be two nested react roots, due
to the way it’s embedded in angular.

* Add snapshots

* Fix tests

* fix confirm_modal_promise tests

I have no idea why the introduction of react would cause this to fail
as it was, but for some reason, grabbing the button reference has to be
after the digest loop.

* Address code review comments

* switch over the remaining React.PropType references (in the modals dir anyway)
2017-05-03 09:44:31 -04:00
Stacey Gammon
5984a4a40b React search box tool bar (#10821)
* Add a react tool bar search box

Create basic react toolbar elements and update uiframework docs

* Package.json: put back ngreact (edits got overwritten)

* Add jest tests

* Combine basic tests into one, eliminate helper functions

* Address code review comments

- move tool_bar_footer into it’s own file.
- some stylistic html changes
- comments

* Remove toolbar_with_search_only

It isn’t being used in kibana currently, so we probably don’t need to
support it in our ui_Framework, and the need for the custom
“className="kuiToolBar--searchOnly”” indicates we should resdesign it
if we do need it some day.

* Fix issue with default to named conversion merge

* rename commonHtmlProps = requiredProps
2017-04-26 09:36:46 -04:00
CJ Cenizal
b604911720 [UI Framework] Create Button React components in UI Framework. (#10646)
* Create KuiButton, KuiLinkButton, KuiSubmitButton, and KuiButtonIcon React components in UI Framework.
* Add Jest test coverage for UI Framework, generate report in ui_framework/jest/report.
* Add UI Framework to linting task.
* Update UI Framework README with instructions on creating and testing React components.
* Add both React and HTML examples.
* Add UI Framework Jest tests to npm test script. Create separate scripts for watching and generating coverage reports.
* Fix appearance of kuiButtons with icons throughout Kibana, by adding a flexbox wrapper.
* Improve accessibility of kuiButtonIcon.
* Remove disabled attribute from KuiLinkButton.
* Remove kuiButton-isDisabled class from KuiButton and KuiSubmitButton.
2017-03-29 13:25:43 -07:00