* 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
* 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.
* 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.
* 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
* 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
This adds several `LocalNav`-related React components and converts their usage in the docs to React:
* `KuiLocalNav`
* `KuiLocalNavRow`
* `KuiLocalNavRowSection`
* `KuiLocalNavTab`
* `KuiLocalNavTabs`
* `KuiLocalNavTitle`
* 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)
* 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
* 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.