Merge for 1.14.0

CHANGELOG.JSON

@@ -1,5 +1,32 @@
 {
   "versions": [
+    {
+      "version": "1.14.0",
+      "changes": {
+        "new": [],
+        "enhancements": [
+          "German translations added for attachment and RichText controls [#333](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/333)",
+          "`SecurityTrimmedControl`: Added a wrapper `className` property for the parent element [#325](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/325)",
+          "`ListPicker`: Add ability to filter the control via OData [#319](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/319)",
+          "`IFrameDialog`: closing dialog on commit [#313](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/313)",
+          "`WebPartTitle` add support for section background color [#258](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/258)"
+        ],
+        "fixes": [
+          "Fix in return type of onClick and onDoubleClick events [#321](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/321)",
+          "`ListPicker`: Fix for available dropdown selection after selection was done [#315](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/315)",
+          "Fixes to French translations [#312](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/312)",
+          "`RichText`: Issue on rendering the control in view mode [#287](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/287)"
+        ]
+      },
+      "contributions": [
+        "[Amr Fouad](https://github.com/ministainer)",
+        "[Joel Jeffery](https://github.com/joeljeffery)",
+        "[Mark Powney](https://github.com/mpowney)",
+        "[Dominik Schmieder](https://github.com/DominikSchmieder)",
+        "[Alex Terentiev](https://github.com/AJIXuMuK)",
+        "[Zhephyr](https://github.com/Zhephyr54)"
+      ]
+    },
     {
       "version": "1.13.2",
       "changes": {

CHANGELOG.md

@@ -1,5 +1,26 @@
 # Releases
 
+## 1.14.0
+
+### Enhancements
+
+- German translations added for attachment and RichText controls [#333](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/333)
+- `SecurityTrimmedControl`: Added a wrapper `className` property for the parent element [#325](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/325)
+- `ListPicker`: Add ability to filter the control via OData [#319](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/319)
+- `IFrameDialog`: closing dialog on commit [#313](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/313)
+- `WebPartTitle` add support for section background color [#258](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/258)
+
+### Fixes
+
+- Fix in return type of onClick and onDoubleClick events [#321](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/321)
+- `ListPicker`: Fix for available dropdown selection after selection was done [#315](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/315)
+- Fixes to French translations [#312](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/312)
+- `RichText`: Issue on rendering the control in view mode [#287](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/287)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [Amr Fouad](https://github.com/ministainer), [Joel Jeffery](https://github.com/joeljeffery), [Mark Powney](https://github.com/mpowney), [Dominik Schmieder](https://github.com/DominikSchmieder), [Alex Terentiev](https://github.com/AJIXuMuK), [Zhephyr](https://github.com/Zhephyr54).
+
 ## 1.13.2
 
 ### Enhancements

de-de.ts

@@ -0,0 +1,214 @@
+declare var define: any;
+
+define([], () => {
+  return {
+    'SiteBreadcrumbLabel': 'Website Brotkrume',
+
+    'ListViewGroupEmptyLabel': 'Leer',
+
+    'WebPartTitlePlaceholder': 'Webpart Titel',
+    'WebPartTitleLabel': 'Titel hinzufügen',
+
+    'DateTime': {
+      'L_RelativeDateTime_AFewSecondsFuture': 'In wenigen Sekunden',
+      'L_RelativeDateTime_AFewSeconds': 'Vor wenigen Sekunden',
+      'L_RelativeDateTime_AboutAMinuteFuture': 'In ungefähr einer Minute',
+      'L_RelativeDateTime_AboutAMinute': 'Vor ungefähr einer Minute',
+      'L_RelativeDateTime_XMinutesFuture': 'In {0} Minute||In {0} Minuten',
+      'L_RelativeDateTime_XMinutes': 'Vor {0} Minute||Vor {0} Minuten',
+      'L_RelativeDateTime_XMinutesFutureIntervals': '1||2-',
+      'L_RelativeDateTime_XMinutesIntervals': '1||2-',
+      'L_RelativeDateTime_AboutAnHourFuture': 'In ungefähr einer Stunde',
+      'L_RelativeDateTime_AboutAnHour': 'Vor ungefähr einer Stunde',
+      'L_RelativeDateTime_Tomorrow': 'Morgen',
+      'L_RelativeDateTime_Yesterday': 'Gestern',
+      'L_RelativeDateTime_TomorrowAndTime': 'Morgen um {0}',
+      'L_RelativeDateTime_YesterdayAndTime': 'Gestern um {0}',
+      'L_RelativeDateTime_XHoursFuture': 'In {0} Stunde||In {0} Stunden',
+      'L_RelativeDateTime_XHours': 'Vor {0} Stunde||Vor {0} Stunden',
+      'L_RelativeDateTime_XHoursFutureIntervals': '1||2-',
+      'L_RelativeDateTime_XHoursIntervals': '1||2-',
+      'L_RelativeDateTime_DayAndTime': '{0} at {1}',
+      'L_RelativeDateTime_XDaysFuture': '{0} Tag ab jetzt||{0} Tage ab jetzt',
+      'L_RelativeDateTime_XDays': 'Vor {0} Tag||Vor {0} Tagen',
+      'L_RelativeDateTime_XDaysFutureIntervals': '1||2-',
+      'L_RelativeDateTime_XDaysIntervals': '1||2-',
+      'L_RelativeDateTime_Today': 'Heute'
+    },
+    'SendEmailTo': 'Email senden an {0}',
+    'StartChatWith': 'Chat starten mit {0}',
+    'Contact': 'Kontakt',
+    'UpdateProfile': 'Aktualisiere Dein Profil',
+
+    'TaxonomyPickerNoTerms': 'Ausdruckssatz enthält keine Ausdrücke',
+    'TaxonomyPickerExpandTitle': 'Ausdruckssatz erweitern',
+    'TaxonomyPickerMenuTermSet': 'Ausdruckssatz Menü',
+    'TaxonomyPickerInLabel': 'in',
+    'TaxonomyPickerTermSetLabel': 'Ausdruckssatz',
+
+    peoplePickerComponentTooltipMessage: 'People Picker',
+    peoplePickerComponentErrorMessage: 'Benutzerauswahl ist ein Pflichtfeld',
+    peoplePickerSuggestionsHeaderText: 'Vorgeschlagene Benutzer',
+    peoplePickerLoadingText: 'Laden',
+    PeoplePickerSearchText: 'Fetching users',
+    PeoplePickerGroupNotFound: 'Gruppe konnte nicht gefunden werden.',
+    ListItemPickerSelectValue: 'Wähle Wert',
+
+    mapsErrorMessage: 'Beim Laden von Karten ist ein Fehler aufgetreten',
+    mapsLoadingText: 'Laden',
+    mapsSearchButtonText: 'Suche',
+    mapsTitlePrefix: 'Karte von',
+
+    genericNoResultsFoundText: 'Kein Ergebnis gefunden',
+
+    ListViewFilterLabel: 'Filter',
+
+    ListItemAttachmentsActionDeleteIconTitle: 'Löschen',
+    ListItemAttachmentsactionDeleteTitle: 'Löschen',
+    ListItemAttachmentsfileDeletedMsg: 'Datei {0} gelöscht',
+    ListItemAttachmentsfileDeleteError: 'Fehler beim Löschen der Datei: {0}, Grund: {1}',
+    ListItemAttachmentserrorLoadAttachments: 'Fehler beim Laden der Anhänge, Grund: {0}',
+    ListItemAttachmentsconfirmDelete: 'Sind Sie sich sicher, dass Sie die Anlage {0} in den Papierkorb verschieben möchten ?',
+    ListItemAttachmentsdialogTitle: 'Listenelement-Anhang',
+    ListItemAttachmentsdialogOKbuttonLabel: 'Ok',
+    ListItemAttachmentsdialogCancelButtonLabel: 'Abbrechen',
+    ListItemAttachmentsdialogOKbuttonLabelOnDelete: 'Löschen',
+    ListItemAttachmentsuploadAttachmentDialogTitle: 'Anlage hinzufügen',
+    ListItemAttachmentsuploadAttachmentButtonLabel: 'Anlage hinzufügen',
+    ListItemAttachmentsuploadAttachmentErrorMsg: 'Die Datei {0} wurde nicht hinzugefügt, Grund: {1}',
+    ListItemAttachmentsCommandBarAddAttachmentLabel: 'Anlage hinzufügen',
+    ListItemAttachmentsloadingMessage: 'Datei wird hochgeladen ...',
+    ListItemAttachmentslPlaceHolderIconText: 'Listenelement-Anhang',
+    ListItemAttachmentslPlaceHolderDescription: 'Bitte Anlage hinzufügen',
+    ListItemAttachmentslPlaceHolderButtonLabel: 'Hinzufügen',
+
+    DatePickerMonthLongJanuary: 'Januar',
+    DatePickerMonthShortJanuary: 'Jan',
+    DatePickerMonthLongFebruary: 'Februar',
+    DatePickerMonthShortFebruary: 'Feb',
+    DatePickerMonthLongMarch: 'März',
+    DatePickerMonthShortMarch: 'Mar',
+    DatePickerMonthLongApril: 'April',
+    DatePickerMonthShortApril: 'Apr',
+    DatePickerMonthLongMay: 'Mai',
+    DatePickerMonthShortMay: 'Mai',
+    DatePickerMonthLongJune: 'Juni',
+    DatePickerMonthShortJune: 'Jun',
+    DatePickerMonthLongJuly: 'Juli',
+    DatePickerMonthShortJuly: 'Jul',
+    DatePickerMonthLongAugust: 'August',
+    DatePickerMonthShortAugust: 'Aug',
+    DatePickerMonthLongSeptember: 'September',
+    DatePickerMonthShortSeptember: 'Sept',
+    DatePickerMonthLongOctober: 'Oktober',
+    DatePickerMonthShortOctober: 'Okt',
+    DatePickerMonthLongNovember: 'November',
+    DatePickerMonthShortNovember: 'Nov',
+    DatePickerMonthLongDecember: 'Dezember',
+    DatePickerMonthShortDecember: 'Dez',
+    DatePickerDayLongSunday: 'Sonntag',
+    DatePickerDayShortSunday: 'So.',
+    DatePickerDayLongMonday: 'Montag',
+    DatePickerDayShortMonday: 'Mo.',
+    DatePickerDayLongTuesday: 'Dienstag',
+    DatePickerDayShortTuesday: 'Di.',
+    DatePickerDayLongWednesday: 'Mittwoch',
+    DatePickerDayShortWednesday: 'Mi.',
+    DatePickerDayLongThursday: 'Donnerstag',
+    DatePickerDayShortThursday: 'Do.',
+    DatePickerDayLongFriday: 'Freitag',
+    DatePickerDayShortFriday: 'Fr.',
+    DatePickerDayLongSaturday: 'Samstag',
+    DatePickerDayShortSaturday: 'Sa.',
+    DatePickerGoToToday: 'Heute',
+    DatePickerIsRequiredErrorMessage: '',
+    DatePickerInvalidInputErrorMessage: '',
+    DatePickerIsOutOfBoundsErrorMessage: '',
+    DateTimePickerDate: 'Datum',
+    DateTimePickerTime: 'Uhrzeit',
+    DateTimePickerTimeSeparator: ':',
+    DateTimePickerHourValueInvalid: 'Falscher Stundenwert',
+
+    HeaderNormalText: 'Normaler Text',
+    HeaderH2: 'Überschrift 1',
+    HeaderH3: 'Überschrift 2',
+    HeaderH4: 'Überschrift 3',
+    HeaderBlockQuote: 'Zitat',
+    AlignLeft: 'linksbündig',
+    AlignCenter: 'zentriert',
+    AlignRight: 'rechtsbündig',
+    AlignJustify: 'Blocksatz',
+    ListBullet: 'Aufzählungszeichen',
+    ListNumbered: 'Nummerierung',
+    StyleTitle: 'Schriftart',
+    BoldTitle: 'Fett (Strg+B)',
+    ItalicTitle: 'Kursiv (Strg+I)',
+    UnderlineTitle: 'Unterstrichen(Strg+U)',
+    AlignTitle: 'Ausrichtung',
+    ListTitle: 'Liste',
+    LinkTitle: 'Hyperlink',
+    MoreTitle: 'Mehr',
+    FormattingPaneTitle: 'Text Formattierung',
+    CloseButton: 'Schließen',
+    InsertLinkTitle: 'Link einfügen',
+    AddressFieldLabel: 'Adresse',
+    TextToDisplayLabel: 'Anzeigetext',
+    SaveButtonLabel: 'Speichern',
+    CancelButtonLabel: 'Abbrechen',
+    RemoveLinkLabel: 'Link entfernen',
+    ParagraphSectionTitle: 'Absatz',
+    HyperlinkSectionTitle: 'Hyperlink',
+    UndoTitle: 'Rückgängig',
+    RedoTitle: 'Wiederholen',
+    ClearFormattingTitle: 'Löschen',
+    FontStyleTitle: 'Schriftart',
+    FontSizeTitle: 'Schriftgröße',
+    StrikethroughTitle: 'durchgestrichen',
+    SuperscriptTitle: 'hochgestellt',
+    SubscriptTitle: 'tiefgestellt',
+    FontColorLabel: 'Schriftfarbe',
+    AutomaticFontColor: 'Automatisch',
+    HighlightColorLabel: 'Texthervorhebungsfarbe',
+    NoColorHighlightColor: 'Keine Farbe',
+    IncreaseIndentTitle: 'Einzug vergrößern',
+    DecreaseIndentTitle: 'Einzug verkleinern',
+    ThemeColorsGroupName: 'Themenfarbe',
+    HighlightColorsGroupName: 'Highlightfarben',
+    StandardColorsGroupName: 'Standardfarben',
+    ThemeColorDarker: 'Thema dunkler',
+    ThemeColorDark: 'Thema dunkel',
+    ThemeColorDarkAlt: 'Thema dunkler alternativ',
+    ThemeColorPrimary: 'Primäre Themafarbe',
+    ThemeColorSecondary: 'Sekundäre Themafarbe',
+    ThemeColorTertiary: 'Tertiäre Themafarbe',
+    ThemeColorNeutralSecondary: 'Sekundäre neutrale Themafarbe',
+    ThemeColorNeutralPrimaryAlt: 'Primäre alternative neutrale Themafarbe',
+    ThemeColorNeutralPrimary: 'Primäre neutrale Themafarbe',
+    ThemeColorNeutralDark: 'Neutrale dunkle Themafarbe',
+    HighlightColorYellow: 'Gelb',
+    HighlightColorGreen: 'Grün',
+    HighlightColorAqua: 'Aqua',
+    HighlightColorMagenta: 'Magenta',
+    HighlightColorBlue: 'Blau',
+    HighlightColorRed: 'Rot',
+    HighlightColorDarkblue: 'Dunkelblau',
+    HighlightColorTeal: 'Blaugrün',
+    HighlightColorDarkgreen: 'Dunkelgrün',
+    HighlightColorPurple: 'Lila',
+    HighlightColorMaroon: 'Braun',
+    HighlightColorGold: 'Gold',
+    HighlightColorDarkgrey: 'Dunkelgrau',
+    HighlightColorGrey: 'Grau',
+    HighlightColorBlack: 'Schwarz',
+    StandardColorDarkred: 'Dunkelrot',
+    StandardColorRed: 'Rot',
+    StandardColorOrange: 'Orange',
+    StandardColorYellow: 'Gelb',
+    StandardColorLightgreen: 'Hellgrün',
+    StandardColorGreen: 'Grün',
+    StandardColorLightblue: 'Hellblau',
+    StandardColorBlue: 'Blau',
+    StandardColorDarkblue: 'Dunkelblau',
+    StandardColorPurple: 'Lila'
+  };
+});

docs/documentation/docs/about/release-notes.md

@@ -1,5 +1,26 @@
 # Releases
 
+## 1.14.0
+
+### Enhancements
+
+- German translations added for attachment and RichText controls [#333](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/333)
+- `SecurityTrimmedControl`: Added a wrapper `className` property for the parent element [#325](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/325)
+- `ListPicker`: Add ability to filter the control via OData [#319](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/319)
+- `IFrameDialog`: closing dialog on commit [#313](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/313)
+- `WebPartTitle` add support for section background color [#258](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/258)
+
+### Fixes
+
+- Fix in return type of onClick and onDoubleClick events [#321](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/321)
+- `ListPicker`: Fix for available dropdown selection after selection was done [#315](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/315)
+- Fixes to French translations [#312](https://github.com/SharePoint/sp-dev-fx-controls-react/pull/312)
+- `RichText`: Issue on rendering the control in view mode [#287](https://github.com/SharePoint/sp-dev-fx-controls-react/issues/287)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [Amr Fouad](https://github.com/ministainer), [Joel Jeffery](https://github.com/joeljeffery), [Mark Powney](https://github.com/mpowney), [Dominik Schmieder](https://github.com/DominikSchmieder), [Alex Terentiev](https://github.com/AJIXuMuK), [Zhephyr](https://github.com/Zhephyr54).
+
 ## 1.13.2
 
 ### Enhancements

docs/documentation/docs/controls/ListPicker.md

@@ -53,6 +53,7 @@ The `ListPicker` control can be configured with the following properties:
 | className | string | no | If provided, additional class name to provide on the dropdown element. |
 | disabled | boolean | no | Whether or not the control is disabled. |
 | baseTemplate | number | no | The SharePoint BaseTemplate ID to filter the list options by. |
+| filter | string | no | Filter list from OData query (takes precendents over Hidden and BaseTemplate Filters). |
 | includeHidden | boolean | no | Whether or not to include hidden lists. Default is `true`. |
 | orderBy | LibsOrderBy | no | How to order the lists retrieved from SharePoint. |
 | selectedList | string OR string[] | no | Keys of the selected item(s). If you provide this, you must maintain selection state by observing onSelectionChanged events and passing a new value in when changed. |

docs/documentation/docs/controls/SecurityTrimmedControl.md

@@ -67,6 +67,9 @@ The `SecurityTrimmedControl` can be configured with the following properties:
 | level | PermissionLevel | yes | Specify where to check the user permissions: current site or list / remote site or list. |
 | remoteSiteUrl | string | no | The URL of the remote site. Required when you want to check permissions on remote site or list. |
 | relativeLibOrListUrl | string | no | The relative URL of the list or library. Required when you want to check permissions on remote list. |
+| folderPath | string | no | Specify the name of a folder to check the user permissions against. Will be overridden if itemId is present. |
+| itemId | number | no | Specify the ID of the item to check the user permissions against. Takes precedence over folder. |
+| className | string | no | Specify the className to be used on the parent element. |
 
 The `PermissionLevel` enum has the following values:
 

docs/documentation/docs/controls/WebPartTitle.md

@@ -93,6 +93,7 @@ The WebPartTitle control can be configured with the following properties:
 | updateProperty | Function | yes | Function that you can pass to update the title in the root web part. |
 | className | string | no | Optional property to specify a custom class that allows you to change the web part title style. |
 | placeholder | string | no | Optional property to specify a custom placeholder to display when the title is editable. |
-| moreLink    | Function \| JSX.Element | no | Optional property to render a _See all_ link in the web part title. |
+| themeVariant | IReadonlyTheme | no | The current loaded SharePoint theme/section background (More info: [Supporting section backgrounds](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds)). |
+| moreLink | Function \| JSX.Element | no | Optional property to render a _See all_ link in the web part title. |
 
 ![](https://telemetry.sharepointpnp.com/sp-dev-fx-controls-react/wiki/controls/WebPartTitle)

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-controls-react",
   "description": "Reusable React controls for SharePoint Framework solutions",
-  "version": "1.13.2",
+  "version": "1.14.0",
   "engines": {
     "node": ">=0.10.0"
   },

src/common/telemetry/version.ts

@@ -1 +1 @@
-export const version: string = "1.13.2";
+export const version: string = "1.14.0";

src/controls/fields/fieldLookupRenderer/FieldLookupRenderer.tsx

@@ -33,7 +33,7 @@ export interface IFieldLookupRendererProps extends IFieldRendererProps {
     /**
      * custom event handler of lookup item click. If not set the dialog with Display Form will be shown
      */
-    onClick?: (args: IFieldLookupClickEventArgs) => {};
+    onClick?: (args: IFieldLookupClickEventArgs) => void;
     /**
      * Field's id.
      */

src/controls/fields/fieldNameRenderer/FieldNameRenderer.tsx

@@ -31,19 +31,19 @@ export interface IFieldNameRendererProps extends IFieldRendererProps {
     isNew?: boolean;
     /**
      * true if the document type has preview (true by default).
-     * The flag impacts on the link's href: 
+     * The flag impacts on the link's href:
      * if the flag is tru then the href is constructed like #id=${filePath}&parent=${filePath.substring(0, filePath.lastIndexOf('/'))},
      * otherwise the href will contain filePath only.
      */
     hasPreview?: boolean;
     /**
      * custom handler for link click. If not set link click will lead to rendering document preview
      */
-    onClick?: (args: IFieldNameClickEventArgs) => {};
+    onClick?: (args: IFieldNameClickEventArgs) => void;
     /**
      * custom handler for link double click. If not set link will use OOTB behavior.
      */
-    onDoubleClick?: (args: IFieldNameClickEventArgs) => {};
+    onDoubleClick?: (args: IFieldNameClickEventArgs) => void;
 }
 
 /**

src/controls/fields/fieldTitleRenderer/FieldTitleRenderer.tsx

@@ -31,7 +31,7 @@ export interface IFieldTitleRendererProps extends IFieldRendererProps {
     /**
      * custom title click event handler. If not set Display form for the item will be displaed
      */
-    onClick?: (args: IFieldTitleClickEventArgs) => {};
+    onClick?: (args: IFieldTitleClickEventArgs) => void;
 }
 
 /**

src/controls/iFrameDialog/IFrameDialogContent.tsx

@@ -39,6 +39,7 @@ export class IFrameDialogContent extends React.Component<IIFrameDialogContentPro
     private _iframeOnLoad(): void {
         try { // for cross origin requests we can have issues with accessing frameElement
             this._iframe.contentWindow.frameElement.cancelPopUp = this.props.close;
+            this._iframe.contentWindow.frameElement.commitPopUp = this.props.close;
         }
         catch (err) {
             if (err.name !== 'SecurityError') {