Commit graph

114 commits

Author SHA1 Message Date
CJ Cenizal
f8542c6b78 [UI Framework] Reorganize UI Framework and add Yeoman generator (#13172) (#13477)
* Reorganize documentation styles so they all live in doc_site/components directory. (#12809)
  - Remove global styles, e.g. body and html element selectors.
* Create global_styles dir with sub-directories. (#12833)
* Add SCSS style guide. (#12850)
* Refactor UI Framework directory structure to house everything in a src directory. (#12880)
  - Add components/index.js and services/index.js files to continue to export JS modules from the root.
* Add KUI Yeoman generator.
* Support creation of components.
* Add documentation generator for main page, demo, and sandbox.
  - Add additional documentation snippets to KUI generator. (#13076)
  - Fix incorrect use of double quotes in KUI generator snippet. (#13086)
  - Remove infrequently used imports from the KUI generator test template. (#13110)
* Mock assets files for Jest. (#13060)
* Fix broken coverage report paths in Jest config. (#13082)
* Update eslint config to lint the new UI Framework directory structure. (#13102)
* Fix positioning of doc site pagination buttons. (#13203)
* Support hasReact prop for sandboxes. (#13270)
* Remove deprecated used of component mixin from KUI generator's SCSS template. (#13377)
* Fix rebasing errors.
  - Add dashboard back to Jest config.
  - Add missing form and tool_bar variables.
* Rename tasks to createComponent and documentComponent.
* Reference correct src paths in README.
* Add children and className to templates' propTypes.
* Add default folder name for page demo.
* Add suffix to sandbox routes.
* Specify testPathIgnorePatterns more clearly.
* Rename component.test.js to test.js so that Jenkins won't try to run it.
* Update npm scripts to depend on local yo dependency, not global.
* Add ui_framework/src to copy task.
* Simplify npm scripts and remove requirement for installing Yeoman from README.
* Add services to moduleNameMapper in jest config.
* Clean up Button and Gallery examples.
2017-08-11 09:58:33 -07:00
Stacey Gammon
afc8ca43d3 port k7 popover component over (#13322) (#13416)
* port k7 popover component over

* Fix line height

* Clean up css
2017-08-09 12:23:54 -04:00
Stacey Gammon
e8d1169319 Fix dark theme issues with spy toggle and spy pane (#13345) (#13398)
* Fix dark theme issues with spy toggle and spy pane

* Port dark theme portion of styling kuiIcon into uiFramework library
2017-08-09 09:38:57 -04:00
Stacey Gammon
0698088fc7 Fix accessibility issues with saved object finder (#13152) (#13371)
* Fix accessibility issues with saved object finder

and use new kui styles

* Dark theme-icy kuiTabs

* Refer to existing dark theme color variables.  Use dark theme hover link color.

* use button instead of div element so no need for kbn-accessible-click

* Add dark theme tab variety to ui framework site, lighten color of background tabs
2017-08-08 09:52:42 -04:00
Tim Sullivan
508d6cb8eb [Framework/Accessibility] Add kuiScreenReaderOnly class (#13133)
* [Framework/Accessibility] Add kuiScreenReaderOnly class

* fix typo

* use GuideLink

* add screen_reader react component and tests

* export KuiScreenReaderOnly

* --wip-- [skip ci]

* fix lint rule

* remove obsolete snapshots
2017-08-01 15:56:12 -07:00
CJ Cenizal
7bffcda1ae Upgrade eslint config to 0.8.1. (#13128) (#13155)
* Fix incorrect peerDependency and bump eslint config version to 0.8.1.
* Upgrade eslint config to 0.8.1. Fix JSX to adhere to new formatting rules.
2017-07-27 11:27:05 -07:00
Tim Sullivan
cc951549d4 [UI Framework] Allow custom placeholder for Tool Bar Search Box (#12959) 2017-07-20 09:45:12 -07:00
Stacey Gammon
0d18ca43ed Reactify stateless table components (#12349)
* Reactify stateless table components

* address code comments

* Get rid of TableRowCellLiner and add more newlines

- get rid of TableRowCellLiner, embed it as a div inside TableRowCell

* remove obsolete snapshot

* Remove toggle all logic

keep toggle each row logic so people can actually see what a checked
row looks like.  And fix a bug with a name

* Address code comments
2017-07-18 10:31:54 -04:00
CJ Cenizal
e395798cfd Fix disappearing borders for LocalNav search select. (#12803) 2017-07-12 11:45:01 -07:00
Tim Roes
3fe58e9eae Replace role=main by main elements (#12671)
* Replace role=main by main elements

* Move main style to _common_styles

* Add compiled UI Framework CSS.
2017-07-12 08:30:42 -07:00
CJ Cenizal
fbb074a167 Update LocalNav layout to fix menu button hover state. (#12739) 2017-07-10 13:43:46 -07:00
CJ Cenizal
476b00fd99 Interface changes to toggle directives, and add disabled state (#12655)
* Add kuiToggleButton disabled state.
* Add isDisabled attribute to toggleButton and togglePanel directives.
* Redesign toggleButton and togglePanel directive interfaces to use transclusion instead of attributes, and scope-bound attribute over DOM-bound attribute..
* Use attribute binding.
* Rename 'toggleButtonLabel' attribute to 'buttonText'.
2017-07-06 14:01:30 -07:00
CJ Cenizal
189747abf7 Allow kuiLocalNavRow to expand vertically if the content wraps. (#12606) 2017-06-30 12:21:36 -07:00
Árpád Poprádi
848bf17b29 [UI Framework] Reactify kuiTabs and related CSS components (#12302)
* [UI Framework] Reactify kuiTabs and related CSS components
2017-06-29 07:51:16 -07:00
CJ Cenizal
c5f2ea8066 [UI Framework] Order UI Framework React component exports to be alphabetical (#12526)
* Order UI Framework React component exports to be alphabetical.
* Add globalBoxShadow variable.
2017-06-27 15:51:27 -07:00
Stacey Gammon
e494160866 Fix the issue where multiple color pickers would stay open (#12458) 2017-06-26 08:54:31 -04:00
Stacey Gammon
ca553f2bb5 Add label and clear link to color picker (#12422)
* Add label and clear link to color picker

* address code comments

* Add extra example for no color label

* Remove unnecessary div

* Add tests for showColorLabel and transparent color choice
2017-06-20 16:28:21 -04:00
CJ Cenizal
f7dc507a25 Fix appearance of error indicator in Visualize sidebar. Give kuiIcon--error correct color. (#12410) 2017-06-20 12:47:28 -07:00
CJ Cenizal
5232a61ed2 [UI Framework] Define consistent default, small, and wide sizing for form fields, and support them within ExpressionItems. (#12190)
* Define consistent default, small, and wide sizing for form fields, and support them within ExpressionItems.
* Make Settings search input full width.
2017-06-20 09:23:23 -07:00
Stacey Gammon
4c3cf8b188 Add new react color picker to ui framework with tests (#12245)
* Add new react color picker to ui framework with tests

In prep for dashboard color customization.

* address code review comments

* second round of feedback

* nativeEvent not available in a headless browser, so jenkins tests will fail without a check

* move aria-label

* Require color and have components pass undefined to use default color

* update snapshots after aria-label move

* get rid of default color

* user display: inline-block so clickable is only the width of box and lab el
2017-06-19 16:26:29 -04:00
Shaunak Kashyap
65c4bb2b18 Using parallel language to remove ambiguity (#12356) 2017-06-19 07:43:59 -07:00
Á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
CJ Cenizal
120c065e91 [UI Framework] Improve Warning Button contrast (#12327)
* Fix incorrect syntax in Warning Button examples.
* Improve contrast of Warning Button (still fails contrast checker).
2017-06-14 08:14:49 -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
dave.snider@gmail.com
dedef146ec Palette swap for accessibility / kibana 6 (#12085)
Recolor Kibana for Accessibility. Attempt to clean up spacing / layout irregularities by adding some level of global variable control. Major changes are:

* better animation against login
* switch to colored kibana logo
* add docs for secondary buttons in kui, addjust hover states
* simplify focus states
* adjust svg rects for discover graph to be lighter
* add ui select overwrite file, adjust new filter selector to match palette changes
* make spy usable in discovery
* panel withHeader removed completely, tests updated
2017-06-13 14:05:59 -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
Nathan Reese
5c075f2a3f Timepicker on the right (#11980)
* quick panel moved to directive

* move relative to directive

* move absolute to directive

* move stuff from timepicker directive to new directives

* move timepicker to right with flexbox

* remove left padding for kbn-timepicker-section

* merge in timepicker.html changes from - Improve accessibility of the Datepicker. (#11753)

* Adjust markup and styles so that the Quick, Relative, and Absolute layouts all occupy the same bounds (#1)

* Adjust markup and styles so that the Quick, Relative, and Absolute layouts all occupy the same bounds, so the content doesn't jump around as you switch modes..

* Make kbn-timepicker-content responsive so that it stacks content on narrower screens.

* Combine Relative input and select fields using kuiFieldGroup.

* Make Timepicker submit button wider.

* Align button on right.

* migrate inputs from form-control to kui classes

* update generated dist/ui_framework.css

* fix broken tests

* create kbn-timerpicker-nav-button class and update kbn-timepicker-section to make each column the same width
2017-06-09 10:52:24 -06: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
Mark Robert Henderson
abe3fb1fa3 11851 a11y discover field chooser headers (rebased version) (#12211)
* Discovery heading refactor and a11y tabbing

* CSS Changes based on @cjcenizal's feedback

* Updating docs examples

* adding font-weight: normal
2017-06-06 16:40:18 -07:00
CJ Cenizal
13681d32b7 Add snapshots for Warning Button tests. (#12202) 2017-06-06 13:10:15 -07:00
Brandon Kobel
8379729d86 Adding a warning button and making the notifier use it for warnings (#11829)
* Adding a warning button and making the notifier use it for warnings

* Adding 'warning' to the BUTTON_TYPES

* Fixing test
2017-06-06 14:56:33 -04:00
Árpád Poprádi
20dc42957c [UI Framework] Reactify menu (#12135)
* Reactify ui_framework/components/menu
2017-06-06 09:01:07 -07:00
CJ Cenizal
cfe0e7bca0 Simplify markup for CardGroup at the expense of added specificity in the styles. (#12183) 2017-06-05 17:00:35 -07:00
Nathan Reese
24a662cb7d remove check for ng-untouched class from formControlInvalid mixin (#12153)
* remove check for ng-untouched class from formControlInvalid mixin

* updated generated dist file

* add comment to avoid re-introducing Angular classes in the future
2017-06-02 15:02:11 -06:00
CJ Cenizal
f054b53a72 Fix appearance of united CardGroup. (#12132) 2017-06-01 21:20:52 -07:00
dave.snider@gmail.com
ea90df7a93 Add expression component to KUI (#11774)
Adds expression component and documentation to KUI.
2017-06-01 16:00:07 -07:00
archana
46c832d27b [UI Framework] Change menu to unordered list (#12102)
* [UI Framework] Change menu to unordered list

* Add usage comments

* Update events_sandbox example

* Improve comments and regenerate css

* Improve comments
2017-06-01 11:23:13 -05:00
Stacey Gammon
7908d83354 Use new buttonType instead of older type attribute (#12071) 2017-05-30 14:24:29 -04:00
CJ Cenizal
4c7022a725 Support multiline Timelion queries (#11972)
* Hardcode textarea input into timelion-expression-input.
- Document problems with using contenteditable.
- Use Angular directives to handle focus, blur, keydown, and keyup events.
- Also move getCaretOffset and setCaretOffset into the directive definition.
- Hide suggestions when the directive loses focuses.
- Show suggestions when the directive gains focus.
- Preserve focus when the user clicks a suggestion.
* Move expression input out of LocalNav and into main content area, so it won't overlap with graphs when focused.
* Refine design.
- Make suggestions popover charts instead of pushing them down.
- Align controls to top of expression input if the textarea is resized to be tall.
* Keep suggestions visible until the expression is complete and valid.
* Execute query with CMD+ENTER, to mirror Console behavior.
* Update UI so that textarea indicates it can support multiple lines, by having a taller min-height.
* Rename Timelion Docs to Help, for consistency with Console.
* Add keyboard tips to Timelion Help.
* Extract combobox keyboard codes to UI Framework comboBoxKeyCodes service.
* Add auto-complete tips to Help dropdown.
2017-05-30 09:23:27 -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
Nathan Reese
e439d98fcd [UI Framework] Rename "type" property to "buttonType" (#11878)
* change type property to buttonType

* Update the tests to assert that the type HTML attribute is supported

* remove type=submit from KuiSubmitButton since component automatically sets type
2017-05-26 13:38:19 -06:00
CJ Cenizal
5437eb0e77 Add isInvalid states for TextInput, TextArea, and SearchInput components. (#11995) 2017-05-24 17:19:54 -07: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
Shaunak Kashyap
5472cacb5e Adding sortable-column component (#11780)
* Adding sortable-column component

* Adding testbed example

* Use Angular's $watchGroup instead of Kibana's $watchMulti

* Changing getters to regular methods

* Adding kuiTableHeaderCell__liner class to uiFramework

* s/target/currentTarget/

* Fixing markup

* Cleaning up testbed
2017-05-19 13:24:55 -07:00
Shaunak Kashyap
d125835d74 Adding table_info component (#11778)
* Adding loading-results component

* Adding example usage on testbed

* Fixing module name

* Adding kuiControlledTable container

* Replacing kuiNoItems and kuiLoadingResults with kuiTableInfo

* Making directive compositional

* Fixing imports

* Re-generating fixed CSS
2017-05-19 10:43:49 -07:00