From 6aa89788b3e05cac9e766691f500da82debe217f Mon Sep 17 00:00:00 2001 From: Jerry Wang <41396986+xjerwa@users.noreply.github.com> Date: Thu, 22 Aug 2019 04:55:57 -0700 Subject: [PATCH] [Fabric] Upgrade office-ui-fabric-react to v6.201.1 (#135) * Update to Fabric v6.201.1 * Minor binding fixes --- libs/fabric/package.json | 2 +- .../breadcrumb/breadcrumb.component.ts | 4 + .../calendar-strings-directive.component.ts | 18 +- .../components/callout/callout.component.ts | 3 +- .../callout/focus-trap-callout.component.ts | 5 +- .../combo-box/base-combo-box.component.ts | 3 + .../combo-box/combo-box.component.ts | 3 + .../virtualized-combo-box.component.ts | 3 + .../command-bar/command-bar.component.ts | 2 +- .../details-list/details-list.component.ts | 20 +- .../details-list-column.directive.ts | 1 + .../lib/components/dialog/dialog.component.ts | 2 + .../components/divider/divider.component.ts | 12 +- .../directives/dropdown-option.directive.ts | 1 + .../components/dropdown/dropdown.component.ts | 8 +- .../hover-card/hover-card.component.ts | 20 +- .../lib/components/image/image.component.ts | 1 - .../lib/components/modal/modal.component.ts | 2 + .../src/lib/components/nav/nav.component.ts | 17 +- .../lib/components/panel/panel.component.ts | 4 + .../components/persona/persona.component.ts | 3 + .../components/shimmer/shimmer.component.ts | 4 + .../lib/components/slider/slider.component.ts | 2 + .../spin-button/spin-button.component.ts | 2 +- .../text-field/base-text-field.component.ts | 4 +- package-lock.json | 189 ++++++++---------- package.json | 2 +- yarn.lock | 111 +++++----- 28 files changed, 263 insertions(+), 185 deletions(-) diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 4234c94..311fba4 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -49,7 +49,7 @@ "@angular/core": "^8.0.2", "@angular/platform-browser-dynamic": "^8.0.2", "@angular/platform-browser": "^8.0.2", - "office-ui-fabric-react": "6.151.0", + "office-ui-fabric-react": "6.201.1", "react-dom": "^16.6.3", "react": "^16.6.3" } diff --git a/libs/fabric/src/lib/components/breadcrumb/breadcrumb.component.ts b/libs/fabric/src/lib/components/breadcrumb/breadcrumb.component.ts index fc10f88..29819d2 100644 --- a/libs/fabric/src/lib/components/breadcrumb/breadcrumb.component.ts +++ b/libs/fabric/src/lib/components/breadcrumb/breadcrumb.component.ts @@ -30,6 +30,8 @@ import { IBreadcrumbItem, IBreadcrumbProps } from 'office-ui-fabric-react/lib/Br [overflowIndex]="overflowIndex" [styles]="styles" [theme]="theme" + [focusZoneProps]="focusZoneProps" + [tooltipHostProps]="tooltipHostProps" [RenderItem]="renderItem && onRenderItem" [ReduceData]="onReduceData" > @@ -51,6 +53,8 @@ export class FabBreadcrumbComponent extends ReactWrapperComponent; @Input('reduceData') onReduceData?: IBreadcrumbProps['onReduceData']; diff --git a/libs/fabric/src/lib/components/calendar/directives/calendar-strings-directive.component.ts b/libs/fabric/src/lib/components/calendar/directives/calendar-strings-directive.component.ts index 70ac7c7..a4400e1 100644 --- a/libs/fabric/src/lib/components/calendar/directives/calendar-strings-directive.component.ts +++ b/libs/fabric/src/lib/components/calendar/directives/calendar-strings-directive.component.ts @@ -15,9 +15,16 @@ export class CalendarStringsDirective { @Input() days: ICalendarStrings['days']; @Input() shortDays: ICalendarStrings['shortDays']; @Input() goToToday: ICalendarStrings['goToToday']; - @Input() weekNumberFormatString: ICalendarStrings['weekNumberFormatString']; + @Input() prevMonthAriaLabel?: ICalendarStrings['prevMonthAriaLabel']; + @Input() nextMonthAriaLabel?: ICalendarStrings['nextMonthAriaLabel']; + @Input() prevYearAriaLabel?: ICalendarStrings['prevYearAriaLabel']; + @Input() nextYearAriaLabel?: ICalendarStrings['nextYearAriaLabel']; + @Input() prevYearRangeAriaLabel?: ICalendarStrings['prevYearRangeAriaLabel']; + @Input() nextYearRangeAriaLabel?: ICalendarStrings['nextYearRangeAriaLabel']; + @Input() closeButtonAriaLabel?: ICalendarStrings['closeButtonAriaLabel']; + @Input() weekNumberFormatString?: ICalendarStrings['weekNumberFormatString']; + - get strings(): ICalendarStrings { return { months: this.months, @@ -25,6 +32,13 @@ export class CalendarStringsDirective { days: this.days, shortDays: this.shortDays, goToToday: this.goToToday, + prevMonthAriaLabel: this.prevMonthAriaLabel, + nextMonthAriaLabel: this.nextMonthAriaLabel, + prevYearAriaLabel: this.prevYearAriaLabel, + nextYearAriaLabel: this.nextYearAriaLabel, + prevYearRangeAriaLabel: this.prevYearRangeAriaLabel, + nextYearRangeAriaLabel: this.nextYearRangeAriaLabel, + closeButtonAriaLabel: this.closeButtonAriaLabel, weekNumberFormatString: this.weekNumberFormatString } } diff --git a/libs/fabric/src/lib/components/callout/callout.component.ts b/libs/fabric/src/lib/components/callout/callout.component.ts index 0a37bbe..b4f68dd 100644 --- a/libs/fabric/src/lib/components/callout/callout.component.ts +++ b/libs/fabric/src/lib/components/callout/callout.component.ts @@ -53,6 +53,7 @@ import { ICalloutPositionedInfo } from 'office-ui-fabric-react/lib/utilities/pos [theme]="theme" [styles]="styles" [hidden]="hidden" + [shouldRestoreFocus]="shouldRestoreFocus" (onLayerMounted)="onLayerMounted.emit()" (onPositioned)="onPositioned.emit($event)" (onDismiss)="onDismiss.emit($event)" @@ -67,7 +68,6 @@ import { ICalloutPositionedInfo } from 'office-ui-fabric-react/lib/utilities/pos export class FabCalloutComponent extends ReactWrapperComponent { @ViewChild('reactNode', { static: true }) protected reactNodeRef: ElementRef; - @Input() componentRef?: ICalloutProps['componentRef']; @Input() target?: ICalloutProps['target']; @Input() directionalHint?: ICalloutProps['directionalHint']; @Input() directionalHintForRTL?: ICalloutProps['directionalHintForRTL']; @@ -98,6 +98,7 @@ export class FabCalloutComponent extends ReactWrapperComponent { @Input() theme?: ICalloutProps['theme']; @Input() styles?: ICalloutProps['styles']; @Input() hidden?: ICalloutProps['hidden']; + @Input() shouldRestoreFocus?: ICalloutProps['shouldRestoreFocus']; @Output() readonly onLayerMounted = new EventEmitter(); @Output() readonly onPositioned = new EventEmitter<{ positions?: ICalloutPositionedInfo }>(); diff --git a/libs/fabric/src/lib/components/callout/focus-trap-callout.component.ts b/libs/fabric/src/lib/components/callout/focus-trap-callout.component.ts index 632f225..7280813 100644 --- a/libs/fabric/src/lib/components/callout/focus-trap-callout.component.ts +++ b/libs/fabric/src/lib/components/callout/focus-trap-callout.component.ts @@ -54,6 +54,7 @@ import { ICalloutPositionedInfo } from 'office-ui-fabric-react/lib/utilities/pos [theme]="theme" [styles]="styles" [hidden]="hidden" + [shouldRestoreFocus]="shouldRestoreFocus" [focusTrapProps]="focusTrapProps" (onLayerMounted)="onLayerMounted.emit()" (onPositioned)="onPositioned.emit($event)" @@ -67,9 +68,8 @@ import { ICalloutPositionedInfo } from 'office-ui-fabric-react/lib/utilities/pos changeDetection: ChangeDetectionStrategy.OnPush, }) export class FabFocusTrapCalloutComponent extends ReactWrapperComponent { - @ViewChild('reactNode') protected reactNodeRef: ElementRef; + @ViewChild('reactNode', { static: true }) protected reactNodeRef: ElementRef; - @Input() componentRef?: IFocusTrapCalloutProps['componentRef']; @Input() target?: IFocusTrapCalloutProps['target']; @Input() directionalHint?: IFocusTrapCalloutProps['directionalHint']; @Input() directionalHintForRTL?: IFocusTrapCalloutProps['directionalHintForRTL']; @@ -100,6 +100,7 @@ export class FabFocusTrapCalloutComponent extends ReactWrapperComponent(); diff --git a/libs/fabric/src/lib/components/combo-box/base-combo-box.component.ts b/libs/fabric/src/lib/components/combo-box/base-combo-box.component.ts index ce0d645..c84219d 100644 --- a/libs/fabric/src/lib/components/combo-box/base-combo-box.component.ts +++ b/libs/fabric/src/lib/components/combo-box/base-combo-box.component.ts @@ -40,6 +40,8 @@ export abstract class FabBaseComboBoxComponent extends ReactWrapperComponent IComboBoxOption[] | PromiseLike; @Input() renderLowerContent?: InputRendererOptions; @@ -62,6 +64,7 @@ export abstract class FabBaseComboBoxComponent extends ReactWrapperComponent(); @Output() readonly onMenuOpen = new EventEmitter(); @Output() readonly onMenuDismissed = new EventEmitter(); + @Output() readonly onMenuDismiss = new EventEmitter(); @Output() readonly onScrollToItem = new EventEmitter<{ itemIndex: number }>(); @ContentChild(ComboBoxOptionsDirective, { static: true }) readonly comboBoxOptionsDirective?: ComboBoxOptionsDirective; diff --git a/libs/fabric/src/lib/components/combo-box/combo-box.component.ts b/libs/fabric/src/lib/components/combo-box/combo-box.component.ts index 0970726..052ec4d 100644 --- a/libs/fabric/src/lib/components/combo-box/combo-box.component.ts +++ b/libs/fabric/src/lib/components/combo-box/combo-box.component.ts @@ -37,6 +37,8 @@ import { FabBaseComboBoxComponent } from './base-combo-box.component'; [isButtonAriaHidden]="isButtonAriaHidden" [ariaDescribedBy]="ariaDescribedBy" [keytipProps]="keytipProps" + [persistMenu]="persistMenu" + [shouldRestoreFocus]="shouldRestoreFocus" [RenderLowerContent]="renderLowerContent && onRenderLowerContent" [ItemClick]="onItemClickHandler" [Change]="onChangeHandler" @@ -45,6 +47,7 @@ import { FabBaseComboBoxComponent } from './base-combo-box.component'; [ScrollToItem]="onScrollToItemHandler" (onMenuOpen)="onMenuOpen.emit()" (onMenuDismissed)="onMenuDismissed.emit()" + (onMenuDismiss)="onMenuDismiss.emit()" > `, diff --git a/libs/fabric/src/lib/components/combo-box/virtualized-combo-box.component.ts b/libs/fabric/src/lib/components/combo-box/virtualized-combo-box.component.ts index 268870e..14cee60 100644 --- a/libs/fabric/src/lib/components/combo-box/virtualized-combo-box.component.ts +++ b/libs/fabric/src/lib/components/combo-box/virtualized-combo-box.component.ts @@ -37,6 +37,8 @@ import { FabBaseComboBoxComponent } from './base-combo-box.component'; [isButtonAriaHidden]="isButtonAriaHidden" [ariaDescribedBy]="ariaDescribedBy" [keytipProps]="keytipProps" + [persistMenu]="persistMenu" + [shouldRestoreFocus]="shouldRestoreFocus" [RenderLowerContent]="renderLowerContent && onRenderLowerContent" [ItemClick]="onItemClickHandler" [Change]="onChangeHandler" @@ -45,6 +47,7 @@ import { FabBaseComboBoxComponent } from './base-combo-box.component'; [ScrollToItem]="onScrollToItemHandler" (onMenuOpen)="onMenuOpen.emit()" (onMenuDismissed)="onMenuDismissed.emit()" + (onMenuDismiss)="onMenuDismiss.emit()" > `, diff --git a/libs/fabric/src/lib/components/command-bar/command-bar.component.ts b/libs/fabric/src/lib/components/command-bar/command-bar.component.ts index 7a1f63f..7d298e8 100644 --- a/libs/fabric/src/lib/components/command-bar/command-bar.component.ts +++ b/libs/fabric/src/lib/components/command-bar/command-bar.component.ts @@ -203,7 +203,7 @@ export class FabCommandBarComponent extends ReactWrapperComponent iconRenderer({ contextualMenuItem: item }), }, renderer && - ({ onRender: (item, dismissMenu) => renderer({ item, dismissMenu }) } as Pick) + ({ onRender: (item, dismissMenu) => renderer({ item, dismissMenu }) } as Pick) ) as ICommandBarItemProps; } } diff --git a/libs/fabric/src/lib/components/details-list/details-list.component.ts b/libs/fabric/src/lib/components/details-list/details-list.component.ts index efce615..14d9e82 100644 --- a/libs/fabric/src/lib/components/details-list/details-list.component.ts +++ b/libs/fabric/src/lib/components/details-list/details-list.component.ts @@ -22,6 +22,7 @@ import { InputRendererOptions, JsxRenderFunc, ReactWrapperComponent } from '@ang import { DetailsListBase, IColumn, + IDetailsListCheckboxProps, IDetailsFooterProps, IDetailsHeaderProps, IDetailsListProps, @@ -64,7 +65,9 @@ import { DetailsListGroupsDirective } from './directives/details-list-groups.dir [disableSelectionZone]="disableSelectionZone" [dragDropEvents]="dragDropEvents" [enableShimmer]="enableShimmer" + [enableUpdateAnimations]="enableUpdateAnimations" [enterModalSelectionOnTouch]="enterModalSelectionOnTouch" + [getCellValueKey]="getCellValueKey" [getGroupHeight]="getGroupHeight" [getKey]="getKey" [getRowAriaDescribedBy]="getRowAriaDescribedBy" @@ -87,9 +90,11 @@ import { DetailsListGroupsDirective } from './directives/details-list-groups.dir [skipViewportMeasures]="skipViewportMeasures" [styles]="styles" [theme]="theme" + [useFastIcons]="useFastIcons" [usePageCache]="usePageCache" [useReducedRowRenderer]="useReducedRowRenderer" [viewport]="viewport" + [RenderCheckbox]="renderCheckbox && onRenderCheckbox" [RenderDetailsFooter]="renderDetailsFooter && onRenderDetailsFooter" [RenderDetailsHeader]="renderDetailsHeader && onRenderDetailsHeader" [RenderMissingItem]="renderMissingItem && onRenderMissingItem" @@ -136,6 +141,7 @@ export class FabDetailsListComponent extends ReactWrapperComponent; @Input() renderDetailsFooter?: InputRendererOptions; @Input() renderDetailsHeader?: InputRendererOptions; @Input() renderMissingItem?: InputRendererOptions; @@ -191,6 +200,10 @@ export class FabDetailsListComponent extends ReactWrapperComponent + ) => JSX.Element; onRenderDetailsFooter: ( props?: IDetailsFooterProps, defaultRender?: JsxRenderFunc @@ -218,6 +231,7 @@ export class FabDetailsListComponent extends ReactWrapperComponent renderer({ item, index, column }), - } as Pick) + ({ + onRender: (item?: any, index?: number, column?: IColumn) => renderer({ item, index, column }), + } as Pick) ) as IColumn; } diff --git a/libs/fabric/src/lib/components/details-list/directives/details-list-column.directive.ts b/libs/fabric/src/lib/components/details-list/directives/details-list-column.directive.ts index 932b6ae..5c7f11a 100644 --- a/libs/fabric/src/lib/components/details-list/directives/details-list-column.directive.ts +++ b/libs/fabric/src/lib/components/details-list/directives/details-list-column.directive.ts @@ -40,6 +40,7 @@ export class DetailsListColumnDirective extends ChangeableItemDirective @@ -146,6 +147,7 @@ export class FabDialogContentComponent extends ReactWrapperComponent(); diff --git a/libs/fabric/src/lib/components/divider/divider.component.ts b/libs/fabric/src/lib/components/divider/divider.component.ts index 72d9202..7315b6c 100644 --- a/libs/fabric/src/lib/components/divider/divider.component.ts +++ b/libs/fabric/src/lib/components/divider/divider.component.ts @@ -17,7 +17,14 @@ import { IVerticalDividerProps } from 'office-ui-fabric-react/lib/Divider'; selector: 'fab-vertical-divider', exportAs: 'fabVerticalDivider', template: ` - + + `, styles: ['react-renderer'], changeDetection: ChangeDetectionStrategy.OnPush, @@ -26,6 +33,9 @@ export class FabDividerComponent extends ReactWrapperComponent @Input() calloutProps?: IDropdownProps['calloutProps']; @Input() panelProps?: IDropdownProps['panelProps']; @Input() errorMessage?: IDropdownProps['errorMessage']; + @Input() placeholder?: IDropdownProps['placeholder']; + @Input() openOnKeyboardFocus?: IDropdownProps['openOnKeyboardFocus']; - @Input() placeholder: IDropdownProps['placeholder']; @Input() options: IDropdownProps['options']; @Input() dropdownWidth?: IDropdownProps['dropdownWidth']; @Input() responsiveMode?: IDropdownProps['responsiveMode']; @@ -98,6 +101,7 @@ export class FabDropdownComponent extends ReactWrapperComponent @Input() renderList?: InputRendererOptions>; @Input() renderItem?: InputRendererOptions; @Input() renderOption?: InputRendererOptions; + @Input() renderPlaceholder?: InputRendererOptions; @Input() renderPlaceHolder?: InputRendererOptions; @Input() renderTitle?: InputRendererOptions; @Input() renderCaretDown?: InputRendererOptions; @@ -115,6 +119,7 @@ export class FabDropdownComponent extends ReactWrapperComponent ) => JSX.Element; onRenderItem: (props?: ISelectableOption, defaultRender?: JsxRenderFunc) => JSX.Element; onRenderOption: (props?: ISelectableOption, defaultRender?: JsxRenderFunc) => JSX.Element; + onRenderPlaceholder: (props?: IDropdownProps, defaultRender?: JsxRenderFunc) => JSX.Element; onRenderPlaceHolder: (props?: IDropdownProps, defaultRender?: JsxRenderFunc) => JSX.Element; onRenderTitle: ( props?: IDropdownOption | IDropdownOption[], @@ -134,6 +139,7 @@ export class FabDropdownComponent extends ReactWrapperComponent this.onRenderList = this.createRenderPropHandler(this.renderList); this.onRenderItem = this.createRenderPropHandler(this.renderItem); this.onRenderOption = this.createRenderPropHandler(this.renderOption); + this.onRenderPlaceholder = this.createRenderPropHandler(this.renderPlaceholder); this.onRenderPlaceHolder = this.createRenderPropHandler(this.renderPlaceHolder); this.onRenderTitle = this.createRenderPropHandler(this.renderTitle); this.onRenderCaretDown = this.createRenderPropHandler(this.renderCaretDown); diff --git a/libs/fabric/src/lib/components/hover-card/hover-card.component.ts b/libs/fabric/src/lib/components/hover-card/hover-card.component.ts index e78b30d..93794df 100644 --- a/libs/fabric/src/lib/components/hover-card/hover-card.component.ts +++ b/libs/fabric/src/lib/components/hover-card/hover-card.component.ts @@ -37,6 +37,7 @@ import { omit } from '../../utils/omit'; [instantOpenOnClick]="instantOpenOnClick" [styles]="styles" [target]="target" + [eventListenerTarget]="eventListenerTarget" [trapFocus]="trapFocus" [shouldBlockHoverCard]="shouldBlockHoverCard" [setInitialFocus]="setInitialFocus" @@ -66,6 +67,7 @@ export class FabHoverCardComponent extends ReactWrapperComponent boolean; // Workaround for bug in the Fabric React types (() => void) @Input() setInitialFocus?: IHoverCardProps['setInitialFocus']; @@ -117,15 +119,15 @@ export class FabHoverCardComponent extends ReactWrapperComponent compactCardRenderer({ data }) } as Pick< - IExpandingCardProps, - 'onRenderCompactCard' - >), + ({ onRenderCompactCard: data => compactCardRenderer({ data }) } as Pick< + IExpandingCardProps, + 'onRenderCompactCard' + >), expandedCardRenderer && - ({ onRenderExpandedCard: data => expandedCardRenderer({ data }) } as Pick< - IExpandingCardProps, - 'onRenderExpandedCard' - >) + ({ onRenderExpandedCard: data => expandedCardRenderer({ data }) } as Pick< + IExpandingCardProps, + 'onRenderExpandedCard' + >) ); } @@ -138,7 +140,7 @@ export class FabHoverCardComponent extends ReactWrapperComponent plainCardRenderer({ data }) } as Pick) + ({ onRenderPlainCard: data => plainCardRenderer({ data }) } as Pick) ); } } diff --git a/libs/fabric/src/lib/components/image/image.component.ts b/libs/fabric/src/lib/components/image/image.component.ts index 59247f4..0cb0bb9 100644 --- a/libs/fabric/src/lib/components/image/image.component.ts +++ b/libs/fabric/src/lib/components/image/image.component.ts @@ -48,7 +48,6 @@ import { IImageProps, ImageLoadState } from 'office-ui-fabric-react/lib/Image'; changeDetection: ChangeDetectionStrategy.OnPush, }) export class FabImageComponent extends ReactWrapperComponent { - @Input() componentRef?: IImageProps['componentRef']; @Input() alt?: IImageProps['alt']; @Input() crossOrigin?: IImageProps['crossOrigin']; @Input() height?: IImageProps['height']; diff --git a/libs/fabric/src/lib/components/modal/modal.component.ts b/libs/fabric/src/lib/components/modal/modal.component.ts index 52deb62..005855d 100644 --- a/libs/fabric/src/lib/components/modal/modal.component.ts +++ b/libs/fabric/src/lib/components/modal/modal.component.ts @@ -42,6 +42,7 @@ import { IWithResponsiveModeState } from 'office-ui-fabric-react/lib/utilities/d [titleAriaId]="titleAriaId" [subtitleAriaId]="subtitleAriaId" [topOffsetFixed]="topOffsetFixed" + [dragOptions]="dragOptions" [Dismiss]="onDismissHandler" (onLayerDidMount)="onLayerDidMount.emit()" (onDismissed)="onDismissed.emit()" @@ -77,6 +78,7 @@ export class FabModalComponent extends ReactWrapperComponent @Input() titleAriaId?: IModalProps['titleAriaId']; @Input() subtitleAriaId?: IModalProps['subtitleAriaId']; @Input() topOffsetFixed?: IModalProps['topOffsetFixed']; + @Input() dragOptions?: IModalProps['dragOptions']; @Output() readonly onLayerDidMount = new EventEmitter(); @Output() readonly onDismiss = new EventEmitter(); diff --git a/libs/fabric/src/lib/components/nav/nav.component.ts b/libs/fabric/src/lib/components/nav/nav.component.ts index 20fbac1..8e23c6f 100644 --- a/libs/fabric/src/lib/components/nav/nav.component.ts +++ b/libs/fabric/src/lib/components/nav/nav.component.ts @@ -31,6 +31,7 @@ import { [isOnTop]="isOnTop" [initialSelectedKey]="initialSelectedKey" [ariaLabel]="ariaLabel" + [selectedAriaLabel]="selectedAriaLabel" > `, @@ -43,14 +44,14 @@ export class FabNavComponent extends ReactWrapperComponent { @Input() componentRef?: INavProps['componentRef']; @Input() groups: INavProps["groups"]; - @Input() selectedKey: INavProps["selectedKey"]; - @Input() expandedStateText: INavProps["expandedStateText"]; - @Input() collapsedStateText: INavProps["collapsedStateText"]; - @Input() isOnTop: INavProps["isOnTop"]; - @Input() initialSelectedKey: INavProps["initialSelectedKey"]; - @Input() ariaLabel: INavProps["ariaLabel"]; - @Input() expandButtonAriaLabel: INavProps["expandButtonAriaLabel"]; - + @Input() selectedKey?: INavProps["selectedKey"]; + @Input() expandedStateText?: INavProps["expandedStateText"]; + @Input() collapsedStateText?: INavProps["collapsedStateText"]; + @Input() isOnTop?: INavProps["isOnTop"]; + @Input() initialSelectedKey?: INavProps["initialSelectedKey"]; + @Input() ariaLabel?: INavProps["ariaLabel"]; + @Input() expandButtonAriaLabel?: INavProps["expandButtonAriaLabel"]; + @Input() selectedAriaLabel?: INavProps["selectedAriaLabel"]; @Output() readonly onLinkClick = new EventEmitter<{ event: Event, diff --git a/libs/fabric/src/lib/components/panel/panel.component.ts b/libs/fabric/src/lib/components/panel/panel.component.ts index e6694ed..86375cd 100644 --- a/libs/fabric/src/lib/components/panel/panel.component.ts +++ b/libs/fabric/src/lib/components/panel/panel.component.ts @@ -52,6 +52,8 @@ import { IPanelHeaderRenderer, IPanelProps } from 'office-ui-fabric-react/lib/Pa [RenderFooter]="renderFooter && onRenderFooter" [RenderFooterContent]="renderFooterContent && onRenderFooterContent" [Dismiss]="onDismissHandler" + (onOpen)="onOpen.emit($event)" + (onOpened)="onOpened.emit($event)" (onDismissed)="onDismissed.emit($event)" (onLightDismissClick)="onLightDismissClick.emit($event)" > @@ -95,6 +97,8 @@ export class FabPanelComponent extends ReactWrapperComponent implem @Input() renderFooterContent?: InputRendererOptions; @Output() readonly onLightDismissClick = new EventEmitter(); + @Output() readonly onOpen = new EventEmitter(); + @Output() readonly onOpened = new EventEmitter(); @Output() readonly onDismiss = new EventEmitter<{ ev?: Event }>(); @Output() readonly onDismissed = new EventEmitter(); diff --git a/libs/fabric/src/lib/components/persona/persona.component.ts b/libs/fabric/src/lib/components/persona/persona.component.ts index 20547e5..f960935 100644 --- a/libs/fabric/src/lib/components/persona/persona.component.ts +++ b/libs/fabric/src/lib/components/persona/persona.component.ts @@ -30,6 +30,7 @@ export abstract class FabPersonaBaseComponent [allowPhoneInitials]="allowPhoneInitials" [initialsColor]="initialsColor" [presence]="presence" + [isOutOfOffice]="isOutOfOffice" [secondaryText]="secondaryText" [tertiaryText]="tertiaryText" [optionalText]="optionalText" diff --git a/libs/fabric/src/lib/components/shimmer/shimmer.component.ts b/libs/fabric/src/lib/components/shimmer/shimmer.component.ts index c65e395..dae1e1c 100644 --- a/libs/fabric/src/lib/components/shimmer/shimmer.component.ts +++ b/libs/fabric/src/lib/components/shimmer/shimmer.component.ts @@ -29,6 +29,7 @@ import { IShimmerProps } from 'office-ui-fabric-react/lib/Shimmer'; [styles]="styles" [className]="className" [theme]="theme" + [shimmerColors]="shimmerColors" [customElementsGroup]="customElementsGroup" > @@ -48,6 +49,7 @@ export class FabShimmerComponent extends ReactWrapperComponent { @Input() styles?: IShimmerProps['styles']; @Input() className?: IShimmerProps['className']; @Input() theme?: IShimmerProps['theme']; + @Input() shimmerColors?: IShimmerProps['shimmerColors']; @Input() set renderCustomElementsGroup(value: InputRendererOptions<{}>) { @@ -83,6 +85,7 @@ export class FabShimmerComponent extends ReactWrapperComponent { [flexWrap]="flexWrap" [width]="width" [theme]="theme" + [backgroundColor]="backgroundColor" [styles]="styles" > @@ -99,6 +102,7 @@ export class FabShimmerElementsGroupComponent extends ReactWrapperComponent @@ -66,6 +67,7 @@ export class FabSliderComponent extends ReactWrapperComponent { @Input() className?: ISliderProps['className']; @Input() buttonProps?: ISliderProps['buttonProps']; @Input() valueFormat?: ISliderProps['valueFormat']; + @Input() originFromZero?: ISliderProps['originFromZero']; @Output() readonly onChange = new EventEmitter(); @Output() readonly onChanged = new EventEmitter<{ event: MouseEvent | TouchEvent; value: number }>(); diff --git a/libs/fabric/src/lib/components/spin-button/spin-button.component.ts b/libs/fabric/src/lib/components/spin-button/spin-button.component.ts index 5c36e5c..7a57062 100644 --- a/libs/fabric/src/lib/components/spin-button/spin-button.component.ts +++ b/libs/fabric/src/lib/components/spin-button/spin-button.component.ts @@ -75,7 +75,7 @@ export class FabSpinButtonComponent extends ReactWrapperComponent(); @Output() readonly onChange = new EventEmitter<{ event: Event; newValue?: string }>(); - @Output() readonly onBeforeChange = new EventEmitter<{ newValue: any }>(); - @Output() readonly onNotifyValidationResult = new EventEmitter<{ errorMessage: string; value: string | undefined }>(); + @Output() readonly onBeforeChange = new EventEmitter<{ newValue?: string }>(); + @Output() readonly onNotifyValidationResult = new EventEmitter<{ errorMessage: string | JSX.Element; value: string | undefined }>(); /* Non-React props, more native support for Angular */ // support for two-way data binding for `@Input() checked`. diff --git a/package-lock.json b/package-lock.json index cd6b9be..8b8588d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -712,8 +712,7 @@ "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "core-util-is": { "version": "1.0.2", @@ -873,7 +872,6 @@ "version": "2.3.5", "bundled": true, "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -892,7 +890,6 @@ "version": "0.5.1", "bundled": true, "dev": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -986,7 +983,6 @@ "version": "1.4.0", "bundled": true, "dev": true, - "optional": true, "requires": { "wrappy": "1" } @@ -1072,8 +1068,7 @@ "safe-buffer": { "version": "5.1.2", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "safer-buffer": { "version": "2.1.2", @@ -1109,7 +1104,6 @@ "version": "1.0.2", "bundled": true, "dev": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -1173,14 +1167,12 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "yallist": { "version": "3.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true } } }, @@ -1575,9 +1567,9 @@ } }, "@microsoft/load-themed-styles": { - "version": "1.8.64", - "resolved": "https://registry.npmjs.org/@microsoft/load-themed-styles/-/load-themed-styles-1.8.64.tgz", - "integrity": "sha512-FLFjtEzWBfvyCs2mR2oRfApIhv1dlEdRgNaTBOcPWaI7sJd+7CZ9EGlftEU0Qz2e7+yifYcWh1Rd0Qx0NPur8w==" + "version": "1.9.19", + "resolved": "https://registry.npmjs.org/@microsoft/load-themed-styles/-/load-themed-styles-1.9.19.tgz", + "integrity": "sha512-t4jHLmQtL9ORfGlAXOAIBJlsCa9QfhNhTbL4TrnsbNJ55HS6SLUULbwvbJTwmw+D9WGuM8d+HpkkkpM5N3T6IA==" }, "@ngrx/effects": { "version": "8.0.1", @@ -2390,32 +2382,32 @@ } }, "@uifabric/foundation": { - "version": "0.7.1", - "resolved": "https://registry.npmjs.org/@uifabric/foundation/-/foundation-0.7.1.tgz", - "integrity": "sha512-YrdaJXAe4x7whaj7/x1fhFsBGao0vAec6mVIAYCvC09AK+puEYDahIloVWA6vLTRlWzzOZWsvN3S3Z1tzfhIRw==", + "version": "0.8.2", + "resolved": "https://registry.npmjs.org/@uifabric/foundation/-/foundation-0.8.2.tgz", + "integrity": "sha512-OW6Hk872MLMCRQkuzDzw4R786IrMw1PJflyxOjVleiGNxNckdiZgLbwD5kujCj9cVLex9XydYXC3m2+y+4FcDw==", "requires": { - "@uifabric/set-version": ">=1.1.3 <2.0.0", - "@uifabric/styling": ">=6.41.0 <7.0.0", - "@uifabric/utilities": ">=6.29.0 <7.0.0", + "@uifabric/set-version": "^1.1.3", + "@uifabric/styling": "^6.50.3", + "@uifabric/utilities": "^6.41.6", "tslib": "^1.7.1" } }, "@uifabric/icons": { - "version": "6.4.0", - "resolved": "https://registry.npmjs.org/@uifabric/icons/-/icons-6.4.0.tgz", - "integrity": "sha512-pbKu3OnWaRIeDqMFhicDrrcqicxNqoHpJpknZR9N2xxoPnYMnt2ZOhBNnAxoVVcxHlWkFNg0rvFrOAQGn+S5/Q==", + "version": "6.5.4", + "resolved": "https://registry.npmjs.org/@uifabric/icons/-/icons-6.5.4.tgz", + "integrity": "sha512-yR9FlXiR3QsY8hkFhdWgzQxBUxxIqarwI/CVfE0N/aNqqlcfDs8fMRKRgpa5ZpPEtnF9VOkrNzcUI6dE2UjXJA==", "requires": { - "@uifabric/set-version": ">=1.1.3 <2.0.0", - "@uifabric/styling": ">=6.41.0 <7.0.0", + "@uifabric/set-version": "^1.1.3", + "@uifabric/styling": "^6.50.3", "tslib": "^1.7.1" } }, "@uifabric/merge-styles": { - "version": "6.16.0", - "resolved": "https://registry.npmjs.org/@uifabric/merge-styles/-/merge-styles-6.16.0.tgz", - "integrity": "sha512-MhFLlAaKeCQmVAQva1/Bu6Doo58l6Vo01gee6cyAKDsBxvDZrM4z1hBY+SfCpTmPvCh7TSWO1Fa9r/X5Rq5AWw==", + "version": "6.19.3", + "resolved": "https://registry.npmjs.org/@uifabric/merge-styles/-/merge-styles-6.19.3.tgz", + "integrity": "sha512-89JXEvl6bIQQqQLJ8T3fXcmKpvJfzqer/noFcAHHq/Gbo1wT8pixiDgUQm9vpTB7lpyjfSfw3PAh5Xt5UFFYOg==", "requires": { - "@uifabric/set-version": ">=1.1.3 <2.0.0", + "@uifabric/set-version": "^1.1.3", "tslib": "^1.7.1" } }, @@ -2428,24 +2420,24 @@ } }, "@uifabric/styling": { - "version": "6.44.1", - "resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-6.44.1.tgz", - "integrity": "sha512-sREp4R3QsvExHiXE2dmIiInCfTdvxKdi4FDWm8CTkTMYc+SacaDTDrginBsVV6m7zWMtVGykA13Zz1OZmqWKKw==", + "version": "6.50.6", + "resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-6.50.6.tgz", + "integrity": "sha512-v5XfP9IJQPH4Rxn6aHo9hvFQK0BNneGWZoqTsUDvuBn+3JJITdPjYIh/jOjUrJk50p2i9L3iFs4ybtcrqtKPGg==", "requires": { "@microsoft/load-themed-styles": "^1.7.13", - "@uifabric/merge-styles": ">=6.16.0 <7.0.0", - "@uifabric/set-version": ">=1.1.3 <2.0.0", - "@uifabric/utilities": ">=6.33.0 <7.0.0", + "@uifabric/merge-styles": "^6.19.3", + "@uifabric/set-version": "^1.1.3", + "@uifabric/utilities": "^6.41.6", "tslib": "^1.7.1" } }, "@uifabric/utilities": { - "version": "6.33.0", - "resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-6.33.0.tgz", - "integrity": "sha512-yh0vshROhf1UTZUpWCNumPgyIUuQuTkGlhp0yyQEV8PVgovthfEOKbCBo37ewAeMiIO8Gys1VqIeaMuecVBoDg==", + "version": "6.41.6", + "resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-6.41.6.tgz", + "integrity": "sha512-xD2/Jy8OMACZSyRoN3dwk3Ds9QcU4jkf9GDc5mJcSqCyYp3ShlO6ggx4u28OFB5qhsIljtzop31hTvL6PH23Cg==", "requires": { - "@uifabric/merge-styles": ">=6.16.0 <7.0.0", - "@uifabric/set-version": ">=1.1.3 <2.0.0", + "@uifabric/merge-styles": "^6.19.3", + "@uifabric/set-version": "^1.1.3", "prop-types": "^15.5.10", "tslib": "^1.7.1" } @@ -3121,7 +3113,7 @@ }, "chalk": { "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "dev": true, "requires": { @@ -3383,7 +3375,7 @@ "dependencies": { "minimist": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true } @@ -3542,7 +3534,7 @@ }, "browserify-aes": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/browserify-aes/-/browserify-aes-1.2.0.tgz", "integrity": "sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==", "dev": true, "requires": { @@ -3579,7 +3571,7 @@ }, "browserify-rsa": { "version": "4.0.1", - "resolved": "https://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz", + "resolved": "http://registry.npmjs.org/browserify-rsa/-/browserify-rsa-4.0.1.tgz", "integrity": "sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=", "dev": true, "requires": { @@ -3633,7 +3625,7 @@ }, "buffer": { "version": "4.9.1", - "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz", + "resolved": "http://registry.npmjs.org/buffer/-/buffer-4.9.1.tgz", "integrity": "sha1-bRu2AbB6TvztlwlBMgkwJ8lbwpg=", "dev": true, "requires": { @@ -4577,7 +4569,7 @@ }, "yargs": { "version": "11.1.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-11.1.0.tgz", + "resolved": "http://registry.npmjs.org/yargs/-/yargs-11.1.0.tgz", "integrity": "sha512-NwW69J42EsCSanF8kyn5upxvjp5ds+t3+udGBeTbFnERA+lF541DDpMawzo4z6W/QrzNM18D+BPMiOBibnFV5A==", "dev": true, "requires": { @@ -4641,7 +4633,7 @@ }, "create-hash": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/create-hash/-/create-hash-1.2.0.tgz", "integrity": "sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==", "dev": true, "requires": { @@ -4654,7 +4646,7 @@ }, "create-hmac": { "version": "1.1.7", - "resolved": "https://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz", + "resolved": "http://registry.npmjs.org/create-hmac/-/create-hmac-1.1.7.tgz", "integrity": "sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==", "dev": true, "requires": { @@ -5079,7 +5071,7 @@ }, "diffie-hellman": { "version": "5.0.3", - "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz", + "resolved": "http://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz", "integrity": "sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==", "dev": true, "requires": { @@ -6794,7 +6786,7 @@ }, "get-stream": { "version": "3.0.0", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz", + "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz", "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=", "dev": true }, @@ -7124,7 +7116,7 @@ }, "http-errors": { "version": "1.6.3", - "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", + "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", "dev": true, "requires": { @@ -7691,7 +7683,7 @@ }, "is-obj": { "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", + "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=", "dev": true }, @@ -7908,7 +7900,7 @@ }, "fast-deep-equal": { "version": "1.1.0", - "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz", + "resolved": "http://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz", "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ=", "dev": true }, @@ -8118,7 +8110,7 @@ }, "jsesc": { "version": "1.3.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz", + "resolved": "http://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz", "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=", "dev": true }, @@ -8223,13 +8215,13 @@ "dependencies": { "core-js": { "version": "2.3.0", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.3.0.tgz", + "resolved": "http://registry.npmjs.org/core-js/-/core-js-2.3.0.tgz", "integrity": "sha1-+rg/uwstjchfpjbEudNMdUIMbWU=", "dev": true }, "es6-promise": { "version": "3.0.2", - "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-3.0.2.tgz", + "resolved": "http://registry.npmjs.org/es6-promise/-/es6-promise-3.0.2.tgz", "integrity": "sha1-AQ1YWEI6XxGJeWZfRkhqlcbuK7Y=", "dev": true }, @@ -8241,7 +8233,7 @@ }, "readable-stream": { "version": "2.0.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.0.6.tgz", "integrity": "sha1-j5A0HmilPMySh4jaz80Rs265t44=", "dev": true, "requires": { @@ -8448,7 +8440,7 @@ "dependencies": { "promise": { "version": "7.0.4", - "resolved": "https://registry.npmjs.org/promise/-/promise-7.0.4.tgz", + "resolved": "http://registry.npmjs.org/promise/-/promise-7.0.4.tgz", "integrity": "sha1-Nj6EpMNsg1a4kP7WLJHOhdAu1Tk=", "dev": true, "requires": { @@ -8834,7 +8826,7 @@ }, "minimist": { "version": "0.0.8", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", + "resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=", "dev": true }, @@ -9327,7 +9319,7 @@ }, "readable-stream": { "version": "1.0.34", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=", "dev": true, "requires": { @@ -9567,17 +9559,17 @@ "dev": true }, "office-ui-fabric-react": { - "version": "6.151.0", - "resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-6.151.0.tgz", - "integrity": "sha512-NEx3cvQKx6qpsqupB/TuCP9lQhfWe7EWNlJnAUZK15ZpU6gWqASpxcoscBTAZfnPYqUBVep1pbO3oqfzVIk1KQ==", + "version": "6.201.1", + "resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-6.201.1.tgz", + "integrity": "sha512-sS6Xy5a/+VJRRJOdbcAG5dlPDlv9AFhl2pZOwMLDhHTs50fvNpnXW3vY7Z0xIf8jy/KW3/NFiN+aC5alOx7Siw==", "requires": { "@microsoft/load-themed-styles": "^1.7.13", - "@uifabric/foundation": ">=0.7.1 <1.0.0", - "@uifabric/icons": ">=6.4.0 <7.0.0", - "@uifabric/merge-styles": ">=6.16.0 <7.0.0", - "@uifabric/set-version": ">=1.1.3 <2.0.0", - "@uifabric/styling": ">=6.44.1 <7.0.0", - "@uifabric/utilities": ">=6.33.0 <7.0.0", + "@uifabric/foundation": "^0.8.2", + "@uifabric/icons": "^6.5.4", + "@uifabric/merge-styles": "^6.19.3", + "@uifabric/set-version": "^1.1.3", + "@uifabric/styling": "^6.50.5", + "@uifabric/utilities": "^6.41.6", "prop-types": "^15.5.10", "tslib": "^1.7.1" } @@ -10354,7 +10346,7 @@ }, "chalk": { "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "dev": true, "requires": { @@ -10382,7 +10374,7 @@ }, "globby": { "version": "5.0.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz", + "resolved": "http://registry.npmjs.org/globby/-/globby-5.0.0.tgz", "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=", "dev": true, "requires": { @@ -10396,13 +10388,13 @@ }, "minimist": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true }, "pify": { "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", "dev": true }, @@ -10637,7 +10629,7 @@ "dependencies": { "minimist": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true } @@ -10676,7 +10668,7 @@ "dependencies": { "pify": { "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=", "dev": true } @@ -10809,7 +10801,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "dev": true, "requires": { @@ -10913,7 +10905,7 @@ }, "regjsgen": { "version": "0.2.0", - "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz", + "resolved": "http://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz", "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=", "dev": true }, @@ -10928,7 +10920,7 @@ "dependencies": { "jsesc": { "version": "0.5.0", - "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", + "resolved": "http://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz", "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=", "dev": true } @@ -11287,7 +11279,7 @@ }, "sax": { "version": "0.5.8", - "resolved": "https://registry.npmjs.org/sax/-/sax-0.5.8.tgz", + "resolved": "http://registry.npmjs.org/sax/-/sax-0.5.8.tgz", "integrity": "sha1-1HLbIo6zMcJQaw6MFVJK25OdEsE=", "dev": true }, @@ -11540,7 +11532,7 @@ }, "sha.js": { "version": "2.4.11", - "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz", + "resolved": "http://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz", "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==", "dev": true, "requires": { @@ -12274,7 +12266,7 @@ }, "strip-ansi": { "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "dev": true, "requires": { @@ -12348,7 +12340,7 @@ }, "source-map": { "version": "0.1.43", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz", + "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.1.43.tgz", "integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=", "dev": true, "requires": { @@ -12674,7 +12666,7 @@ "dependencies": { "minimist": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true } @@ -13221,7 +13213,7 @@ }, "source-map": { "version": "0.4.4", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", + "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=", "dev": true, "requires": { @@ -13380,8 +13372,7 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "aproba": { "version": "1.2.0", @@ -13424,8 +13415,7 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "concat-map": { "version": "0.0.1", @@ -13436,8 +13426,7 @@ "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "core-util-is": { "version": "1.0.2", @@ -13554,8 +13543,7 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "ini": { "version": "1.3.5", @@ -13567,7 +13555,6 @@ "version": "1.0.0", "bundled": true, "dev": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -13597,7 +13584,6 @@ "version": "2.3.5", "bundled": true, "dev": true, - "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -13616,7 +13602,6 @@ "version": "0.5.1", "bundled": true, "dev": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -13710,7 +13695,6 @@ "version": "1.4.0", "bundled": true, "dev": true, - "optional": true, "requires": { "wrappy": "1" } @@ -13796,8 +13780,7 @@ "safe-buffer": { "version": "5.1.2", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "safer-buffer": { "version": "2.1.2", @@ -13833,7 +13816,6 @@ "version": "1.0.2", "bundled": true, "dev": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -13853,7 +13835,6 @@ "version": "3.0.1", "bundled": true, "dev": true, - "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -13897,14 +13878,12 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true, - "optional": true + "dev": true }, "yallist": { "version": "3.0.3", "bundled": true, - "dev": true, - "optional": true + "dev": true } } }, diff --git a/package.json b/package.json index 1f0daec..3b0cd63 100644 --- a/package.json +++ b/package.json @@ -70,8 +70,8 @@ "@ngrx/store": "~8.0.1", "@ngrx/store-devtools": "~8.0.1", "core-js": "^2.5.4", - "office-ui-fabric-react": "6.151.0", "ngrx-store-freeze": "^0.2.4", + "office-ui-fabric-react": "6.201.1", "react": "^16.6.3", "react-dom": "^16.6.3", "rxjs": "6.5.2", diff --git a/yarn.lock b/yarn.lock index a6b2fa8..74ff5e9 100644 --- a/yarn.lock +++ b/yarn.lock @@ -344,9 +344,9 @@ to-fast-properties "^2.0.0" "@microsoft/load-themed-styles@^1.7.13": - version "1.8.38" - resolved "https://registry.npmjs.org/@microsoft/load-themed-styles/-/load-themed-styles-1.8.38.tgz#d7e0e302aca2955d0013833c39df3dc95a733dbb" - integrity sha512-qi/J7TpVGc64fa9Hcoz3rfts+HdorpSuHfRIUHlPQTgJsq6c5Z41+z7EWjjrkrbLHWXzEH6iE4ZIINnp12FwTg== + version "1.9.19" + resolved "https://registry.yarnpkg.com/@microsoft/load-themed-styles/-/load-themed-styles-1.9.19.tgz#6c90c648d32deafce4ea3fda89ce912acfeb1969" + integrity sha512-t4jHLmQtL9ORfGlAXOAIBJlsCa9QfhNhTbL4TrnsbNJ55HS6SLUULbwvbJTwmw+D9WGuM8d+HpkkkpM5N3T6IA== "@ngrx/effects@~8.0.1": version "8.0.1" @@ -654,57 +654,57 @@ "@types/source-list-map" "*" source-map "^0.6.1" -"@uifabric/foundation@>=0.7.1 <1.0.0": - version "0.7.6" - resolved "https://registry.yarnpkg.com/@uifabric/foundation/-/foundation-0.7.6.tgz#5a99ebed86d47a095a07ec2da077f5750c4466a7" - integrity sha512-3CGViA4aCjnCq3P+9S/HuuI44mGOgZVA9DDOhiht1JLk3z2NiXcmdGoEoJUj84Wck3yT0n34tD8AL1PreuFHMQ== +"@uifabric/foundation@^0.8.2": + version "0.8.2" + resolved "https://registry.yarnpkg.com/@uifabric/foundation/-/foundation-0.8.2.tgz#619acdd877f8d676bb71baef4c71eeb239568f5f" + integrity sha512-OW6Hk872MLMCRQkuzDzw4R786IrMw1PJflyxOjVleiGNxNckdiZgLbwD5kujCj9cVLex9XydYXC3m2+y+4FcDw== dependencies: "@uifabric/set-version" "^1.1.3" - "@uifabric/styling" "^6.47.6" - "@uifabric/utilities" "^6.38.3" + "@uifabric/styling" "^6.50.3" + "@uifabric/utilities" "^6.41.6" tslib "^1.7.1" -"@uifabric/icons@>=6.4.0 <7.0.0": - version "6.5.2" - resolved "https://registry.yarnpkg.com/@uifabric/icons/-/icons-6.5.2.tgz#88524fa4fcc55b96b26e174798b0f362485df9b8" - integrity sha512-YgKNXqBRX/MJeqoPwN2n2IHyCckAgVeFKFfmO4PX6P8lcR2CJIDh967y4QybfTnO752QYh0fN07zOG7bOa9/uw== +"@uifabric/icons@^6.5.4": + version "6.5.4" + resolved "https://registry.yarnpkg.com/@uifabric/icons/-/icons-6.5.4.tgz#14e93d2a5bc3b0d378321b1af750ae6035041ca2" + integrity sha512-yR9FlXiR3QsY8hkFhdWgzQxBUxxIqarwI/CVfE0N/aNqqlcfDs8fMRKRgpa5ZpPEtnF9VOkrNzcUI6dE2UjXJA== dependencies: "@uifabric/set-version" "^1.1.3" - "@uifabric/styling" "^6.47.6" + "@uifabric/styling" "^6.50.3" tslib "^1.7.1" -"@uifabric/merge-styles@>=6.16.0 <7.0.0", "@uifabric/merge-styles@^6.18.0": - version "6.18.0" - resolved "https://registry.yarnpkg.com/@uifabric/merge-styles/-/merge-styles-6.18.0.tgz#af41d769b34749d1cf98850606c7aa010dde4a26" - integrity sha512-ja2jyFfDiiDe9/Fa2cqSjZmr4yGcVIuJ6E9fWSNutjn49xs+apkIn2xDSF15zuGwFXKcibrwhdRM1vnLz8NAZg== +"@uifabric/merge-styles@^6.19.3": + version "6.19.3" + resolved "https://registry.yarnpkg.com/@uifabric/merge-styles/-/merge-styles-6.19.3.tgz#cfc89cfbd3f148b559e30f1ac30eac2a8259687d" + integrity sha512-89JXEvl6bIQQqQLJ8T3fXcmKpvJfzqer/noFcAHHq/Gbo1wT8pixiDgUQm9vpTB7lpyjfSfw3PAh5Xt5UFFYOg== dependencies: "@uifabric/set-version" "^1.1.3" tslib "^1.7.1" -"@uifabric/set-version@>=1.1.3 <2.0.0", "@uifabric/set-version@^1.1.3": +"@uifabric/set-version@^1.1.3": version "1.1.3" - resolved "https://registry.npmjs.org/@uifabric/set-version/-/set-version-1.1.3.tgz#8d1137df1406f38828e597e81122077a16c8da8b" + resolved "https://registry.yarnpkg.com/@uifabric/set-version/-/set-version-1.1.3.tgz#8d1137df1406f38828e597e81122077a16c8da8b" integrity sha512-IYpwVIuN7MJOeiWzZzr9AmFSvA5zc6gJn4fNHtEFIQnNB8WVWIcYrvx8Tbf7wWj9MvhdHYp70F054zZlHbL/Ag== dependencies: tslib "^1.7.1" -"@uifabric/styling@>=6.44.1 <7.0.0", "@uifabric/styling@^6.47.6": - version "6.48.0" - resolved "https://registry.yarnpkg.com/@uifabric/styling/-/styling-6.48.0.tgz#4988f9a4885efe8d75d38a73339ab0f3e0248045" - integrity sha512-nNL703X5IS0hAmt+j9pjFv9R2v9ayO7vfGM0HNuHsavpkFX6M9xwqPZn3d707UuKTsU6NK3nMnJm/JT1ldA+EA== +"@uifabric/styling@^6.50.3", "@uifabric/styling@^6.50.5": + version "6.50.6" + resolved "https://registry.yarnpkg.com/@uifabric/styling/-/styling-6.50.6.tgz#04544688083cc1bdeaaa50870ec56a3cf82f8e06" + integrity sha512-v5XfP9IJQPH4Rxn6aHo9hvFQK0BNneGWZoqTsUDvuBn+3JJITdPjYIh/jOjUrJk50p2i9L3iFs4ybtcrqtKPGg== dependencies: "@microsoft/load-themed-styles" "^1.7.13" - "@uifabric/merge-styles" "^6.18.0" + "@uifabric/merge-styles" "^6.19.3" "@uifabric/set-version" "^1.1.3" - "@uifabric/utilities" "^6.40.0" + "@uifabric/utilities" "^6.41.6" tslib "^1.7.1" -"@uifabric/utilities@>=6.33.0 <7.0.0", "@uifabric/utilities@^6.38.3", "@uifabric/utilities@^6.40.0": - version "6.40.0" - resolved "https://registry.yarnpkg.com/@uifabric/utilities/-/utilities-6.40.0.tgz#f1bc94d365d93d7ff87404c68e90d6a95bf5cd65" - integrity sha512-18Z3eo7YwFWFBNf9hUfJoL2JUEzJNvWwcCamdnNLdVBd/XEYpkQYI7IKDakXKCd2Be+8Tqe6QrXvn571DLKTmg== +"@uifabric/utilities@^6.41.6": + version "6.41.6" + resolved "https://registry.yarnpkg.com/@uifabric/utilities/-/utilities-6.41.6.tgz#3e9c04b06edbfdabe2b5dd16761be4edbbab3db7" + integrity sha512-xD2/Jy8OMACZSyRoN3dwk3Ds9QcU4jkf9GDc5mJcSqCyYp3ShlO6ggx4u28OFB5qhsIljtzop31hTvL6PH23Cg== dependencies: - "@uifabric/merge-styles" "^6.18.0" + "@uifabric/merge-styles" "^6.19.3" "@uifabric/set-version" "^1.1.3" prop-types "^15.5.10" tslib "^1.7.1" @@ -4728,7 +4728,7 @@ jasminewd2@^2.1.0: "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0: version "4.0.0" - resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" + resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ== js-tokens@^3.0.2: @@ -5110,7 +5110,7 @@ loglevel@^1.6.1: resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.3.tgz#77f2eb64be55a404c9fd04ad16d57c1d6d6b1280" integrity sha512-LoEDv5pgpvWgPF4kNYuIp0qqSJVWak/dML0RY74xlzMZiT9w77teNAwKYKWBTYjlokMirg+o3jBwp+vlLrcfAA== -loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1: +loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, loose-envify@^1.4.0: version "1.4.0" resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf" integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== @@ -5875,7 +5875,7 @@ oauth-sign@~0.9.0: object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1: version "4.1.1" - resolved "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" + resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM= object-component@0.0.3: @@ -5924,18 +5924,18 @@ obuf@^1.0.0, obuf@^1.1.2: resolved "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e" integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg== -office-ui-fabric-react@6.151.0: - version "6.151.0" - resolved "https://registry.yarnpkg.com/office-ui-fabric-react/-/office-ui-fabric-react-6.151.0.tgz#29fa0cdbea8d927ce95f7c1d30e8770888d25762" - integrity sha512-NEx3cvQKx6qpsqupB/TuCP9lQhfWe7EWNlJnAUZK15ZpU6gWqASpxcoscBTAZfnPYqUBVep1pbO3oqfzVIk1KQ== +office-ui-fabric-react@6.201.1: + version "6.201.1" + resolved "https://registry.yarnpkg.com/office-ui-fabric-react/-/office-ui-fabric-react-6.201.1.tgz#b79b6066731ce133382ddb4cab8f3fc69f6010da" + integrity sha512-sS6Xy5a/+VJRRJOdbcAG5dlPDlv9AFhl2pZOwMLDhHTs50fvNpnXW3vY7Z0xIf8jy/KW3/NFiN+aC5alOx7Siw== dependencies: "@microsoft/load-themed-styles" "^1.7.13" - "@uifabric/foundation" ">=0.7.1 <1.0.0" - "@uifabric/icons" ">=6.4.0 <7.0.0" - "@uifabric/merge-styles" ">=6.16.0 <7.0.0" - "@uifabric/set-version" ">=1.1.3 <2.0.0" - "@uifabric/styling" ">=6.44.1 <7.0.0" - "@uifabric/utilities" ">=6.33.0 <7.0.0" + "@uifabric/foundation" "^0.8.2" + "@uifabric/icons" "^6.5.4" + "@uifabric/merge-styles" "^6.19.3" + "@uifabric/set-version" "^1.1.3" + "@uifabric/styling" "^6.50.5" + "@uifabric/utilities" "^6.41.6" prop-types "^15.5.10" tslib "^1.7.1" @@ -6491,7 +6491,16 @@ promise@~7.0.1: dependencies: asap "~2.0.3" -prop-types@^15.5.10, prop-types@^15.6.2: +prop-types@^15.5.10: + version "15.7.2" + resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5" + integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ== + dependencies: + loose-envify "^1.4.0" + object-assign "^4.1.1" + react-is "^16.8.1" + +prop-types@^15.6.2: version "15.6.2" resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102" integrity sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ== @@ -6734,6 +6743,11 @@ react-dom@^16.6.3: prop-types "^15.6.2" scheduler "^0.13.6" +react-is@^16.8.1: + version "16.9.0" + resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.9.0.tgz#21ca9561399aad0ff1a7701c01683e8ca981edcb" + integrity sha512-tJBzzzIgnnRfEm046qRcURvwQnZVXmuCbscxUO5RWrGTXpon2d4c8mI0D8WE6ydVIm29JiLB6+RslkIvym9Rjw== + react@^16.6.3: version "16.8.6" resolved "https://registry.yarnpkg.com/react/-/react-16.8.6.tgz#ad6c3a9614fd3a4e9ef51117f54d888da01f2bbe" @@ -8293,7 +8307,12 @@ tsickle@^0.35.0: mkdirp "^0.5.1" source-map "^0.7.3" -tslib@^1.7.1, tslib@^1.8.0, tslib@^1.8.1, tslib@^1.9.0: +tslib@^1.7.1: + version "1.10.0" + resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a" + integrity sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ== + +tslib@^1.8.0, tslib@^1.8.1, tslib@^1.9.0: version "1.9.3" resolved "https://registry.npmjs.org/tslib/-/tslib-1.9.3.tgz#d7e4dd79245d85428c4d7e4822a79917954ca286" integrity sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ==