Releases: JosephusPaye/Keen-UI
Releases · JosephusPaye/Keen-UI
v1.0.1
- Upgrade Vue to
v2.4.2
and fix template warnings. See #268. - Add
aria-describedby
attribute to UiTooltip - Fix bug where help and error content provided via slot isn't shown unless the
help
orerror
props are set. Affects UiAutocomplete, UiCheckboxGroup, UiDatepicker, UiRadioGroup, UiSelect, and UiTextbox. See #204. - Allow
null
for UiAutocomplete and UiTextboxvalue
prop. See #253. - Allow UiTooltip
trigger
prop to be a VueComponent instance. See #204. - Add
checked
attribute to theinput
element for UiRadio. See #207. - Fix error being thrown when using UiRippleInk with SVG elements on touch devices. See #236.
- Fix minor errors and dead links in the docs
- Remove Material Icons webfont and use inline SVG icons in the docs
- Update contributing guidelines with information about linting, BEM and using the
next
branch
v1.0.0
There are several breaking changes in this release, as the components have been re-written from scratch to support Vue 2. However, this release marks a stabilization of the API (hence v1.0) and breaking changes will be avoided in 1.x where possible.
Please consult the docs for component API changes.
Highlights
- New components: UiCheckboxGroup, UiDatepicker and UiFileupload
- Documentation for customizing the components
- Global configuration now available for certain component props
- CSS switched from Stylus to Sass, adopting the BEM naming convention
- Component sizing switched from
px
torem
, using a root font size of16px
. Changing this font size will scale the components up/down appropriately. - Component event names switched from past tense to present to be more in line with the native DOM events
- Remove validatorjs and draggabilly dependencies
- Now shipping both minified and unminified versions of standalone component files in
lib/
- Fix several issues and unnecessary API limitations
v0.8.9 (August 10, 2016)
New
- UiAutocomplete, UiSelect, and UiTextbox: Add
ui-input::set-validity
event for setting the validity and a custom error message from outside the component - UiAutocomplete and UiSelect: Add new
filter
prop for defining a custom search filter function - UiAutocomplete and UiSelect: Add new prop
keys
to allow for redefining thetext
,value
andimage
keys - UiAutocomplete and UiTextbox: Add
autofocus
prop - UiAutocomplete: Add
opened
, andclosed
events - UiAutocomplete: Add
highlighted
,highlight-overflow
andselected
events (thanks @rowanwins) - UiAutocomplete: Add
autoHighlightFirstMatch
andcycleHighlight
props for customizing highlight behaviour (thanks @rowanwins) - UiButton and UiIconButton: Add
buttonType
prop - UiCheckbox: New
model
andvalue
prop combination can be used for connecting multiple checkboxes to a single model (array). - UiFab and UiIconButton: Add
openTooltipOn
prop for customizing which events cause the tooltip to show - UiMenu and UiPopover: Add
ui-dropdown::open
,ui-dropdown::close
andui-dropdown::toggle
events - UiMenu and UiMenuOption: Add
partial
andcloseOnSelect
props, to allow for using custom HTML in menu options - UiModal: Add
revealed
andhidden
events, for detecting when the show/hide transition ends - UiSelect: Add new
optionsLoaded
for selects with dynamic options - UiSelect: Allow for more flexibity in the format of the
options
anddefault
props.options
now supports a plain array, e.g.['Red', 'Blue', 'Green']
as well as an array of objects whose keys can be redefined to something other thantext
andvalue
.default
now supports any string, number or object, or an array of those, (provided the string, number orvalue
key of the object matches with an option) - (thanks @qetee) - UiSelect: Add
ui-select::set-selected
event for programmatically setting the currently selected value/values - UiSnackbarContainer: Add
allowHtml
attribute to snackbar object, which allows for HTML in themessage
attribute - UiTabs: Add
id
prop - UiTabs: Add
ui-tabs::select
event for programmatically changing the active tab
Fixes
- UiAlert: Fix reactivity of
icon
prop - UiAutocomplete and UiTextbox: Fix
debounce
prop handling - UiAutocomplete, UiSelect and UiTextbox: Update
validation-rules
prop to accept Array, for specifying regex validation rules that use the pipe|
character. - UiButton and UiIconButton: Fix
dropdownPosition
prop not being passed to UiPopover - UiCollapsible: fix height issues when using dynamic content in the collapsible body (thanks @citycide). Note that you should still trigger
ui-collapsible::refresh-height
when you change the collapsible body content. - UiFab and UiIconButton: Set icon width to
100%
to fix horizontal centering in Safari on macOS - UiMenu, UiModal, and UiPopover: Make sure
lastFocussedElement
exists before attempting to return the focus. This fixes an error with Webpack hot reloading (thanks @lesion). - UiMenu and UiPopover: Automatically adjust horizontal positioning to keep dropdown in the viewport (thanks @AlexandreBonaventure)
- UiProgressLinear: Fix color incorrectly defaulting to
"color-color-primary"
(thanks @lesion)
Breaking
- UiCheckbox: Rename
value
prop tomodel
,value
now maps directly to the checkbox input'svalue
attribute and is used with connecting multiple checkboxes to a single array. - UiMenu and UiMenuOption: Rename UiMenuItem component to UiMenuOption
- UiSelect: Remove
noResults
prop in favor of settingoptionsLoaded
totrue
and setting an empty array foroptions
- UiSelect: Rename
disableFiltering
prop tooptionsDynamic
, because the prop does more than just disabling filtering - UiTextbox:
autocomplete
prop type changed to String, to allow for configuring browser autocomplete
Docs
- Add View Source links for components and examples
v0.8.8 (May 21, 2016)
New
Fixes
- Added pointer cursor to all relevant interactive components (UiButton, UiIconButton, UiFab, UiMenuItem, UiCheckbox, UiRadio, UiSwitch)
- Fixed z-index issue with tooltips and dropdowns in a modal
- UiIcon: Vertically align icons to middle for use inline with text
- UiMenu: Show scrollbar when menu height exceeds viewport height
- UiAutocomplete, UiRadioGroup, UiRating and UiTextbox: Keep help text visible when disabled
- UiIconButton and UiFab: Fixed horizontal centering of icon in Firefox
- UiIconButton: Changed
display
toinline-flex
- UiCollapsible: Fixed header vertical centering in IE
Breaking
- UiMenu and UiMenuItem: Renamed
keyboardShortcut
andshowKeyboardShortcuts
props tosecondaryText
andshowSecondaryText
, menu options should use thesecondaryText
property for showing secondary text like keyboard shortcuts and badges - UiButton and UiIconButton: Renamed
showMenuKeyboardShortcuts
prop toshowMenuSecondaryText
, menu options should use thesecondaryText
property for showing secondary text like keyboard shortcuts and badges
v0.8.4 Minor update
New
- Add individual standalone components in the
lib/
directory. - Document AMD usage