Merge pull request #192 from SharePoint/dev

Merge for 1.16.0

Author: estruyf

CHANGELOG.json

@@ -1,5 +1,24 @@
 {
   "versions": [
+    {
+      "version": "1.16.0",
+      "changes": {
+        "new": [],
+        "enhancements": [
+          "`PropertyFieldCollectionData`: Add the ability for field validation to the custom fields [#187](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/190)",
+          "`PropertyFieldCollectionData`: Ability to provide custom labels for the save and cancel buttons [#187](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/187)",
+          "`PropertyFieldListPicker`: add ability to filter the control via OData [#184](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/184)"
+        ],
+        "fixes": [
+          "Documentation getting started links fixed [#191](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/191)",
+          "Fix for callout controls missing icon since SPFx `1.8.2` [#182](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/182)"
+        ]
+      },
+      "contributions": [
+        "[araver](https://github.com/araver)",
+        "[Chad Eiserloh](https://github.com/c-eiser13)"
+      ]
+    },
     {
       "version": "1.15.0",
       "changes": {
@@ -168,7 +187,7 @@
         "new": [],
         "enhancements": [
           "New telemetry approach which allows you to use Application Insights instance [#79](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/79)",
-          "`PropertyFieldListPicker` add optional property for target site [#21](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/21)"
+          "`PropertyFieldListPicker`: add optional property for target site [#21](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/21)"
         ],
         "fixes": []
       },

CHANGELOG.md

@@ -1,5 +1,22 @@
 # Releases
 
+## 1.16.0
+
+### Enhancements
+
+- `PropertyFieldCollectionData`: Add the ability for field validation to the custom fields [#187](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/190)
+- `PropertyFieldCollectionData`: Ability to provide custom labels for the save and cancel buttons [#187](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/187)
+- `PropertyFieldListPicker`: add ability to filter the control via OData [#184](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/184)
+
+### Fixes
+
+- Documentation getting started links fixed [#191](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/191)
+- Fix for callout controls missing icon since SPFx `1.8.2` [#182](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/182)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [araver](https://github.com/araver), [Chad Eiserloh](https://github.com/c-eiser13).
+
 ## 1.15.0
 
 ### Enhancements
@@ -147,7 +164,7 @@ Special thanks to our contributors (in alphabetical order): [Paul Bullock](https
 ### Enhancements
 
 - New telemetry approach which allows you to use Application Insights instance [#79](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/79)
-- `PropertyFieldListPicker` add optional property for target site [#21](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/21)
+- `PropertyFieldListPicker`: add optional property for target site [#21](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/21)
 
 ### Contributors
 

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

@@ -1,5 +1,22 @@
 # Releases
 
+## 1.16.0
+
+### Enhancements
+
+- `PropertyFieldCollectionData`: Add the ability for field validation to the custom fields [#187](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/190)
+- `PropertyFieldCollectionData`: Ability to provide custom labels for the save and cancel buttons [#187](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/187)
+- `PropertyFieldListPicker`: add ability to filter the control via OData [#184](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/184)
+
+### Fixes
+
+- Documentation getting started links fixed [#191](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/191)
+- Fix for callout controls missing icon since SPFx `1.8.2` [#182](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/182)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [araver](https://github.com/araver), [Chad Eiserloh](https://github.com/c-eiser13).
+
 ## 1.15.0
 
 ### Enhancements
@@ -147,7 +164,7 @@ Special thanks to our contributors (in alphabetical order): [Paul Bullock](https
 ### Enhancements
 
 - New telemetry approach which allows you to use Application Insights instance [#79](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/79)
-- `PropertyFieldListPicker` add optional property for target site [#21](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/21)
+- `PropertyFieldListPicker`: add optional property for target site [#21](https://github.com/SharePoint/sp-dev-fx-property-controls/issues/21)
 
 ### Contributors
 

docs/documentation/docs/controls/PropertyFieldButtonWithCallout.md

@@ -13,7 +13,7 @@ This control generates a button control with a callout.
 
 ## How to use this control in your solutions
 
-1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../#getting-started) page for more information about installing the dependency.
+1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../../#getting-started) page for more information about installing the dependency.
 2. Import the following modules to your component:
 
 ```TypeScript
@@ -53,4 +53,4 @@ Enum `CalloutTriggers`
 | Hover | Shows the callout when you click on the icon |
 
 
-![](https://telemetry.sharepointpnp.com/sp-dev-fx-property-controls/wiki/PropertyFieldButtonWithCallout)
+![](https://telemetry.sharepointpnp.com/sp-dev-fx-property-controls/wiki/PropertyFieldButtonWithCallout)

docs/documentation/docs/controls/PropertyFieldCheckboxWithCallout.md

@@ -13,7 +13,7 @@ This control generates a checkbox control with a callout.
 
 ## How to use this control in your solutions
 
-1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../#getting-started) page for more information about installing the dependency.
+1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../../#getting-started) page for more information about installing the dependency.
 2. Import the following modules to your component:
 
 ```TypeScript
@@ -61,4 +61,4 @@ Enum `CalloutTriggers`
 | Hover | Shows the callout when you click on the icon |
 
 
-![](https://telemetry.sharepointpnp.com/sp-dev-fx-property-controls/wiki/PropertyFieldCheckboxWithCallout)
+![](https://telemetry.sharepointpnp.com/sp-dev-fx-property-controls/wiki/PropertyFieldCheckboxWithCallout)

docs/documentation/docs/controls/PropertyFieldChoiceGroupWithCallout.md

@@ -13,7 +13,7 @@ This control generates a choice group control with a callout.
 
 ## How to use this control in your solutions
 
-1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../#getting-started) page for more information about installing the dependency.
+1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../../#getting-started) page for more information about installing the dependency.
 2. Import the following modules to your component:
 
 ```TypeScript
@@ -72,4 +72,4 @@ Enum `CalloutTriggers`
 | Hover | Shows the callout when you click on the icon |
 
 
-![](https://telemetry.sharepointpnp.com/sp-dev-fx-property-controls/wiki/PropertyFieldChoiceGroupWithCallout)
+![](https://telemetry.sharepointpnp.com/sp-dev-fx-property-controls/wiki/PropertyFieldChoiceGroupWithCallout)

docs/documentation/docs/controls/PropertyFieldCodeEditor.md

@@ -12,7 +12,7 @@ This control generates a code editor which can be used to add custom styling or
 
 ## How to use this control in your solutions
 
-1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../#getting-started) page for more information about installing the dependency.
+1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../../#getting-started) page for more information about installing the dependency.
 2. Import the following modules to your component:
 
 ```TypeScript

docs/documentation/docs/controls/PropertyFieldCollectionData.md

@@ -19,7 +19,7 @@ The type of data you get returned depends on the fields you defined. For the exa
 
 ## How to use this control in your solutions
 
-1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../#getting-started) page for more information about installing the dependency.
+1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../../#getting-started) page for more information about installing the dependency.
 2. Import the following modules to your component:
 
 ```TypeScript
@@ -103,7 +103,14 @@ Here is an example of how you can render your own controls in the `PropertyField
   onCustomRender: (field, value, onUpdate, item, itemId) => {
     return (
       React.createElement("div", null,
-        React.createElement("input", { key: itemId, value: value, onChange: (event: React.FormEvent<HTMLInputElement>) => onUpdate(field.id, event.currentTarget.value) }), " 🎉"
+        React.createElement("input", { key: itemId, value: value, onChange: (event: React.FormEvent<HTMLInputElement>) => {
+          if (event.currentTarget.value === "error") {
+            onError(field.id, "Value shouldn't be equal to error");
+          } else {
+            onError(field.id, "");
+          }
+          onUpdate(field.id, event.currentTarget.value);
+        }}), " 🎉"
       )
     );
   }
@@ -121,6 +128,9 @@ The `PropertyFieldCollectionData` control can be configured with the following p
 | panelHeader | string | yes | Label to be used as the header in the panel. | |
 | panelDescription | string | no | Property that allows you to specify a description in the collection panel. | |
 | manageBtnLabel | string | yes | Label of the button to open the panel. | |
+| saveBtnLabel | string | no | Label of the save button. | |
+| saveAndAddBtnLabel | string | yes | Label of the save and add button. | |
+| cancelBtnLabel | string | yes | Label of the cancel button. | |
 | fields | ICustomCollectionField[] | yes | The fields to be used for the list of collection data. | |
 | value | string | yes | The collection data value. | |
 | enableSorting | boolean | no | Specify if you want to be able to sort the items in the collection. | false |
@@ -145,7 +155,7 @@ Interface `ICustomCollectionField`
 | defaultValue | any | no | Specify a default value for the input field. |
 | deferredValidationTime | number | no | Field will start to validate after users stop typing for `deferredValidationTime` milliseconds. Default: 200ms. |
 | onGetErrorMessage | (value: any, index: number, crntItem: any): string \| Promise<string> | no | The method is used to get the validation error message and determine whether the input value is valid or not. It provides you the current row index and the item you are currently editing. |
-| onCustomRender | (field: ICustomCollectionField, value: any, onUpdate: (fieldId: string, value: any) => void, item: any, itemUniqueId: string) => JSX.Element | no | This property is only required if you are using the `custom` field type and it can be used to specify the custom rendering of your control in the collection data. |
+| onCustomRender | (field: ICustomCollectionField, value: any, onUpdate: (fieldId: string, value: any) => void, item: any, itemUniqueId: string, onCustomFieldValidation: (fieldId: string, errorMessage: string) => void) => JSX.Element | no | This property is only required if you are using the `custom` field type and it can be used to specify the custom rendering of your control in the collection data. |
 
 Enum `CustomCollectionFieldType`
 

docs/documentation/docs/controls/PropertyFieldColorPicker.md

@@ -12,7 +12,7 @@ This control generates a color picker that you can use inside the property pane.
 
 ## How to use this control in your solutions
 
-1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../#getting-started) page for more information about installing the dependency.
+1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../../#getting-started) page for more information about installing the dependency.
 2. Import the following modules to your component:
 
 ```TypeScript

docs/documentation/docs/controls/PropertyFieldDateTimePicker.md

@@ -19,7 +19,7 @@ The control can be configured to be date only or date and time.
 
 ## How to use this control in your solutions
 
-1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../#getting-started) page for more information about installing the dependency.
+1. Check that you installed the `@pnp/spfx-property-controls` dependency. Check out The [getting started](../../#getting-started) page for more information about installing the dependency.
 2. Import the following modules to your component:
 
 ```TypeScript
@@ -93,4 +93,4 @@ Enum `TimeConvention`
 | Hours12 | Specify the hours in 12-hours (AM / PM) time convention. |
 | Hours24 | Specify the hours in 24-hours time convention. |
 
-![](https://telemetry.sharepointpnp.com/sp-dev-fx-property-controls/wiki/PropertyFieldDateTimePicker)
+![](https://telemetry.sharepointpnp.com/sp-dev-fx-property-controls/wiki/PropertyFieldDateTimePicker)