- dependencies
- updated to support AngularJS 1.6.10
uif-peoplepicker
- documentation
- docs(): fix typos in documentation (75651cc)
uif-choicefield
- documentation
- dependencies
uif-callout
uif-searchbox
- dependencies
uif-label
- add support ng-required attribute (a266426)
uif-textfield
- add support ng-required attribute (b6518e2)
uif-peoplepicker
uif-table
- dependencies
- update dependencies (1721bb7)
uif-choicefield
uif-table
- add ability to get selected items from table (8f0f1f8)
uif-callout
- dependencies
- update dependencies (7767bcf)
uif-content
- added missing demo script file (d927ecb)
- fixed all demo script code vetting issues after adding JavaScript LINTing (e38a4ee, #449)
- uif-choicefield
- uif-icon
- uif-list
- uif-list-item
- uif-textfield
- dependencies
- update dependencies (69a0b00)
- uif-datepicker
- uif-choicefield
- uif-datepicker
- dependencies
- update dependencies (04e87f9)
- type definitions
- removed typings dependency in favor of TypeScript 2+ native typing support (4abf631)
- uif-choicefield
- uif-table
- dependencies
- update dependencies (d2246aa)
- build
- update gulp test task to fail on test errors (f584e4f)
- dependencies
- uif-breadcrumb
- uif-messagebanner
- uif-searchbox
- uif-breadcrumb
- fix text compile error (0f1749a)
- uif-textfield
- uif-toggle
- WallabyJS
- update wallaby to use definately typed definition (46e9ef0)
- dependencies
- update dependencies (09187e3)
- WallabyJS
- added support for Wallaby.js (deb0029)
- uif-navbar, uif-contextmenu
- dependencies
- update dependencies (454d9a1)
- uif-facepile
- uif-messagebanner
- uif-peoplepicker
- uif-breadcrumb
- uif-messagebar
- uif-panel
- build dependencies
- uif-dropdown
- uif-datepicker
- uif-searchbox
-
uif-breadcrumb
BREAKING CHANGE: Component does not allow transclusion of the
uif-breadcrumb-link
elements & Breadcrumb items have to be passed as expression evaluating to an array of elements containing linktext
andhref
.Change your code from:
<uif-breadcrumb> <uif-breadcrumb-link ng-href="\'http://github1.com\'">GitHub1</uif-breadcrumb-link> <uif-breadcrumb-link ng-href="\'http://github2.com\'">GitHub2</uif-breadcrumb-link> <uif-breadcrumb-link ng-href="\'http://github3.com\'">GitHub3</uif-breadcrumb-link> <uif-breadcrumb-link ng-href="\'http://github4.com\'">GitHub4</uif-breadcrumb-link> </uif-breadcrumb>
To the following. The markup should be:
<uif-breadcrumb uif-breadcrumb-links="links"></uif-breadcrumb>
And the controller should use a defined array of breadcrumb items:
$scope.links = [ {href: 'http://github1.com', linkText: 'GitHub1'}, {href: 'http://github2.com', linkText: 'GitHub2'}, {href: 'http://github3.com', linkText: 'GitHub3'}, {href: 'http://github4.com', linkText: 'GitHub4'}, {href: 'http://github5.com', linkText: 'GitHub5'}, {href: 'http://github6.com', linkText: 'GitHub6'} ];
Two updates involved in this release have significant updates to the repo. First, we updated Typings to v1.x (1e355d7) which had some breaking changes to how Typings referenced type definitions and the folder structure. Second, we changed the package.json
to use explicit package version numbers (14e8e64) to avoid any issues.
One option to update your repo is to delete your fork & refork... but if you have existing work & branches that's not a good option. In that case do the following.
Before doing anything, update your dev & master branches:
git checkout dev
git pull --rebase upstream dev
git checkout master
git pull --rebase upstream master
To update your folder for the Typings update...
- Update Typings to v1:
npm install -g typings
- Delete the old
/typings
folder (as it will have extra folders you don't need - Recreate the typings folder:
typings install
At this point, if you refreshed from upstream
master
anddev
, runninggit status
should show no changes.
To update NPM with the current modules...
- Delete the NPM
/node_modules
folder - Reinstall the specific NPM package versions:
npm install
Lastly you then want to rebase your branch(es) where you are working off the updated dev
branch. For instance, say you had a branch called fix/issue000
:
# jump to that branch
git checkout fix/issue000
# rebase off the dev branch
git rebase dev
- dependencies
- uif-breadcrumb
- uif-icon
- dependencies
- uif-messagebanner
- uif-pivot
- fixed Pivot demo to display contextual menu in ellipsis (414ba41)
- uif-messagebanner
- uif-pivot
- dependencies
- updated various build / dev dependencies
- uif-peoplepicker
- uif-button
- uif-peoplepicker
- uif-table
- uif-toggle
- dependencies
- update library dependencies & verify working with Office UI Fabric 2.4.1 (c643a25)
- uif-contextualmenu
- diabled not watched (c914b96)
- uif-commandbar, uif-contextualmenu, uif-navbar & uif-panel
- uif-button
- disabled not watched and handled (59a2b87)
- uif-textfield
- uif-datepicker
- uif-dropdown
- uif-textfield
-
uif-table
BREAKING CHANGE: although the table won't break it's recommended to add the
uif-table-head
anduif-table-body
directives to the table for accessibility and rendering purposes.Change your code from:
<uif-table> <uif-table-row> <uif-table-row-select></uif-table-row-select> <uif-table-header>File name</uif-table-header> <uif-table-header>Location</uif-table-header> <uif-table-header>Modified</uif-table-header> <uif-table-header>Type</uif-table-header> </uif-table-row> <uif-table-row ng-repeat="f in files" uif-selected="{{f.isSelected}}"> <uif-table-row-select></uif-table-row-select> <uif-table-cell>{{f.fileName}}</uif-table-cell> <uif-table-cell>{{f.location}}</uif-table-cell> <uif-table-cell>{{f.modified | date}}</uif-table-cell> <uif-table-cell>{{f.type}}</uif-table-cell> </uif-table-row> </uif-table>
to:
<uif-table> <uif-table-head> <uif-table-row> <uif-table-row-select></uif-table-row-select> <uif-table-header>File name</uif-table-header> <uif-table-header>Location</uif-table-header> <uif-table-header>Modified</uif-table-header> <uif-table-header>Type</uif-table-header> </uif-table-row> </uif-table-head> <uif-table-body> <uif-table-row ng-repeat="f in files" uif-selected="{{f.isSelected}}"> <uif-table-row-select></uif-table-row-select> <uif-table-cell>{{f.fileName}}</uif-table-cell> <uif-table-cell>{{f.location}}</uif-table-cell> <uif-table-cell>{{f.modified | date}}</uif-table-cell> <uif-table-cell>{{f.type}}</uif-table-cell> </uif-table-row> </uif-table-body> </uif-table>
- dependencies
- uif-textfield
- disabled attribute missing (1e30042)
- uif-toggle
- disabled attribute missing (86675be)
- uif-icon
- fixed typo with newValue parameter (588f7ba)
- uif-textfield
- uif-datepicker
- uif-dropdown
- uif-nav-bar
- dependencies
- uif-breadcrumb
- uif-choicefield
- uif-choicefield
- uif-dropdown
- uif-textfield
- uif-persona
- uif-persona-card
- uif-org-chart
- uif-textfield
-
uif-contextual-menu
BREAKING CHANGE: Where using rich content in a
uif-commandmenu
(like when displaying text), use theuif-content
directive:Change your code from this:
<uif-contextual-menu uif-is-open="isOpen" uif-close-on-click="false"> <uif-contextual-menu-item uif-text="'Delete'"></uif-contextual-menu-item> <uif-contextual-menu-item uif-text="'Flag'"></uif-contextual-menu-item> </uif-contextual-menu>
To this:
<uif-contextual-menu uif-is-open="isOpen" uif-close-on-click="false"> <uif-contextual-menu-item> <uif-content> <uif-icon uif-type="flag"></uif-icon> Flag </uif-content> </uif-contextual-menu-item> </uif-contextual-menu>
BREAKING CHANGE: Use the native
ng-click
for click events instead of the custom attribute.Change your code from this
<uif-contextual-menu-item uif-type="subMenu" uif-click="logClick('Tools clicked!')">
To this:
<uif-contextual-menu-item uif-type="subMenu" ng-click="logClick('Tools clicked!')">
BREAKING CHANGE: Use the native
disabled
instead of the customuif-is-disabled
.Change your code from this:
<uif-contextual-menu-item uif-is-disabled="true"></uif-contextual-menu-item>
To this:
<uif-contextual-menu-item disabled="true"></uif-contextual-menu-item>
-
uif-navbar
BREAKING CHANGE: Where using rich content in a
uif-navbar
(like when displaying text), replace theuif-nav-item-content
withuif-content
Change your code from this:
<uif-nav-bar-item> <uif-nav-item-content> <uif-icon uif-type="arrowRight"></uif-icon><b>Item in bold with icons</b> <uif-icon uif-type="arrowLeft"></uif-icon> </uif-nav-item-content> </uif-nav-bar-item>
To this:
<uif-nav-bar-item> <uif-content> <uif-icon uif-type="arrowRight"></uif-icon><b>Item in bold with icons</b> <uif-icon uif-type="arrowLeft"></uif-icon> </uif-content> </uif-nav-bar-item>
- uif-breadcrumb:
- uif-datepicker
- uif-navbar
- uif-callout
- uif-contextual-menu
- uif-textfield
- uif-toggle
- uif-searchbox
- uif-spinner
-
uif-dropdown
BREAKING CHANGE:
uif-option
renamed touif-dropdown-option
Change your code from this:
<uif-dropdown ng-model="dropdownValue"> <uif-option value="value1">Value 1</uif-option> </uif-dropdown>
To this:
<uif-dropdown ng-model="dropdownValue"> <uif-dropdown-option value="value1">Value 1</uif-dropdown-option> </uif-dropdown>
<a name="0.3.0"
- uif-callout
- uif-contextual-menu
- uif-table
- uif-spinner
-
uif-spinner
BREAKING CHANGE: uif-spinner's
uif-spinnersize
attribute changed touif-size
.Change your code from this:
<uif-spinner uif-spinnersize="large"></uif-spinner>
To this:
<uif-spinner uif-size="large"></uif-spinner>
<a name="0.2.0"
- build
- uif-choicefield
- uif-icon
- uif-link
- uif-overlay
- uif-progress-indicator
- chore
- uif-dropdown
<a name="0.1.3"
- uif-contextual-menu
- uif-dropdown
- uif-icon
- uif-table
- uif-textfield
- uif-toggle
- uif-searchbox
- uif-spinner