@pnp/spfx-property-controls 3.8.0-beta.2337140 → 3.8.0-beta.2598276

package/CHANGELOG.json

@@ -7,11 +7,18 @@
           "Localizations for en-gb [#454](https://github.com/pnp/sp-dev-fx-property-controls/pull/454)"
         ],
         "enhancements": [
-          "`PropertyFieldSitePicker`: Site Picker search for any input string [#386](https://github.com/pnp/sp-dev-fx-property-controls/pull/386)"
+          "`PropertyFieldSitePicker`: Site Picker search for any input string [#386](https://github.com/pnp/sp-dev-fx-property-controls/pull/386)",
+          "`fast-serve`: bump support to 1.14.0 [#386](https://github.com/pnp/sp-dev-fx-property-controls/pull/386)"
         ],
-        "fixes": []
+        "fixes": [
+          "`PropertyFieldListPicker`: Remove debugger [#455](https://github.com/pnp/sp-dev-fx-property-controls/pull/455)",
+          "`PropertyFieldCollectionData`: Add button is invisible on a root site [#462](https://github.com/pnp/sp-dev-fx-property-controls/pull/462)"
+        ]
       },
       "contributions": [
+        "[Gautam Sheth](https://github.com/gautamdsheth)",
+        "[Jasey Waegebaert](https://github.com/Jwaegebaert)",
+        "[Markus Langer](https://github.com/MarkusLanger)",
         "[Milan Holemans](https://github.com/milanholemans)",
         "[Peter Cox](https://github.com/PeterWCox)"
       ]

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 ## 3.8.0
 
+### New control(s)
+
+- Localizations for en-gb [#454](https://github.com/pnp/sp-dev-fx-property-controls/pull/454)
+
+### Enhancements
+
+- `PropertyFieldSitePicker`: Site Picker search for any input string [#386](https://github.com/pnp/sp-dev-fx-property-controls/pull/386)
+- `fast-serve`: bump support to 1.14.0 [#386](https://github.com/pnp/sp-dev-fx-property-controls/pull/386)
+
+### Fixes
+
+- `PropertyFieldListPicker`: Remove debugger [#455](https://github.com/pnp/sp-dev-fx-property-controls/pull/455)
+- `PropertyFieldCollectionData`: Add button is invisible on a root site [#462](https://github.com/pnp/sp-dev-fx-property-controls/pull/462)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [Gautam Sheth](https://github.com/gautamdsheth), [Jasey Waegebaert](https://github.com/Jwaegebaert), [Markus Langer](https://github.com/MarkusLanger), [Milan Holemans](https://github.com/milanholemans), [Peter Cox](https://github.com/PeterWCox).
+
 ## 3.7.0
 
 ### Enhancements

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.8.0-beta.2337140";
+export var version = "3.8.0-beta.2598276";
 //# sourceMappingURL=version.js.map

package/lib/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.css

@@ -1,2 +1,2 @@
-.collectionData_836ee970{background-color:#edebe9;padding:10px}.noCollectionData_836ee970{text-align:center}.panelActions_836ee970{margin-top:15px;text-align:right}.panelActions_836ee970 button{margin-right:15px}.panelActions_836ee970 button:last-child{margin-right:0}.required_836ee970{color:#d83b01;font-size:8px;vertical-align:super}.addBtn_836ee970{color:#0078d4}.inputField_836ee970{color:inherit}.numberField_836ee970{box-sizing:border-box;box-shadow:none;margin:0;padding:0;border:1px solid #a19f9d;background:#fff;height:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;position:relative}.numberField_836ee970:hover{border-color:#201f1e}.numberField_836ee970 input{box-sizing:border-box;box-shadow:none;margin:0;font-size:14px;border-radius:0;border:none;background:0 0;color:#323130;padding:0 12px 0 12px;width:100%;text-overflow:ellipsis;outline:0}.numberField_836ee970.invalidField_836ee970{border-color:#a80000}.iconField_836ee970{position:relative}.iconField_836ee970 i{font-size:20px;position:absolute;top:0;right:10px;vertical-align:top}.iconPicker_836ee970{display:-ms-flexbox;display:flex}.iconPicker_836ee970 .requiredField_836ee970{vertical-align:super;display:inline-block}.colorField_836ee970{position:relative}.colorField_836ee970 .colorIndicator_836ee970{width:30px;height:30px;border:1px solid #a6a6a6}.collectionDataField_836ee970>span{display:none}.collectionDataField_836ee970 div[class^=invalid_]{border-color:#a80000!important}.table_836ee970{display:table;width:100%;border-collapse:collapse}.tableRow_836ee970{display:table-row;line-height:30px}.tableRow_836ee970:hover{background-color:#f3f2f1;cursor:pointer;outline:1px solid transparent}.tableRow_836ee970.tableFooter_836ee970{background-color:#edebe9;border-top:1px solid #a19f9d}.tableCell_836ee970{display:table-cell;padding:0 10px;vertical-align:middle}.tableCell_836ee970>div{margin-bottom:8px;margin-top:8px}.tableCell_836ee970>div.ms-TextField{margin-bottom:8px;margin-top:8px}.errorCallout_836ee970{padding:0 15px;min-width:200px}.errorCalloutLink_836ee970:not([disabled]){color:#a80000}.errorMsgs_836ee970{font-size:14px;font-weight:400}.errorMsgs_836ee970 p{font-size:17px;font-weight:300}.errorMsgs_836ee970 ul{padding-left:15px}.errorMsgs_836ee970 li{color:#a80000}.tableHead_836ee970{font-weight:300;font-size:12px;color:#605e5c}.tableHead_836ee970 .tableCell_836ee970{font-weight:400;text-align:left;border-bottom:1px solid #a19f9d}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGU6Ly8vaG9tZS9ydW5uZXIvd29yay9zcC1kZXYtZngtcHJvcGVydHktY29udHJvbHMvc3AtZGV2LWZ4LXByb3BlcnR5LWNvbnRyb2xzL3NyYy9wcm9wZXJ0eUZpZWxkcy9jb2xsZWN0aW9uRGF0YS9Qcm9wZXJ0eUZpZWxkQ29sbGVjdGlvbkRhdGFIb3N0Lm1vZHVsZS5zY3NzIiwiZmlsZTovLy9ob21lL3J1bm5lci93b3JrL3NwLWRldi1meC1wcm9wZXJ0eS1jb250cm9scy9zcC1kZXYtZngtcHJvcGVydHktY29udHJvbHMvbm9kZV9tb2R1bGVzL29mZmljZS11aS1mYWJyaWMtcmVhY3QvZGlzdC9zYXNzL21peGlucy9fRm9udC5NaXhpbnMuTURMMi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLHlCQUNFLGlCQUFBLFFBQ0EsUUFBQSxLQUdGLDJCQUNFLFdBQUEsT0FHRix1QkFDRSxXQUFBLEtBQ0EsV0FBQSxNQUVBLDhCQUNFLGFBQUEsS0FFQSx5Q0FDRSxhQUFBLEVBS04sbUJBQ0UsTUFBQSxRQUNBLFVBQUEsSUFDQSxlQUFBLE1BR0YsaUJBQ0UsTUFBQSxRQUdGLHFCQUNFLE1BQUEsUUFHRixzQkFDRSxXQUFBLFdBQ0EsV0FBQSxLQUNBLE9BQUEsRUFDQSxRQUFBLEVBQ0EsT0FBQSxJQUFBLE1BQUEsUUFDQSxXQUFBLEtBQ0EsT0FBQSxLQUVBLFFBQUEsWUFDQSxRQUFBLEtBQ0EsbUJBQUEsSUFBQSxlQUFBLElBQ0EsZUFBQSxRQUFBLFlBQUEsUUFDQSxTQUFBLFNBRUEsNEJBQ0UsYUFBQSxRQUdGLDRCQUNFLFdBQUEsV0FDQSxXQUFBLEtBQ0EsT0FBQSxFQUNBLFVBQUEsS0FDQSxjQUFBLEVBQ0EsT0FBQSxLQUNBLFdBQUEsSUFDQSxNQUFBLFFBQ0EsUUFBQSxFQUFBLEtBQUEsRUFBQSxLQUNBLE1BQUEsS0FDQSxjQUFBLFNBQ0EsUUFBQSxFQUdGLDRDQUNFLGFBQUEsUUFJSixvQkFDRSxTQUFBLFNBRUEsc0JBQ0UsVUFBQSxLQUNBLFNBQUEsU0FDQSxJQUFBLEVBQ0EsTUFBQSxLQUNBLGVBQUEsSUFJSixxQkFDRSxRQUFBLFlBQUEsUUFBQSxLQUVBLDZDQUNFLGVBQUEsTUFDQSxRQUFBLGFBSUoscUJBQ0UsU0FBQSxTQUVBLDhDQUNFLE1BQUEsS0FDQSxPQUFBLEtBQ0EsT0FBQSxJQUFBLE1BQUEsUUFNRixtQ0FDRSxRQUFBLEtBR0YsbURBQ0UsYUFBQSxrQkFNSixnQkFDRSxRQUFBLE1BQ0EsTUFBQSxLQUNBLGdCQUFBLFNBR0YsbUJBQ0UsUUFBQSxVQUNBLFlBQUEsS0FFQSx5QkFDRSxpQkFBQSxRQUNBLE9BQUEsUUFDQSxRQUFBLElBQUEsTUFBQSxZQUdGLHdDQUNFLGlCQUFBLFFBQ0EsV0FBQSxJQUFBLE1BQUEsUUFJSixvQkFDRSxRQUFBLFdBQ0EsUUFBQSxFQUFBLEtBQ0EsZUFBQSxPQUVBLHdCQUNFLGNBQUEsSUFDQSxXQUFBLElBSUEscUNBQ0UsY0FBQSxJQUNBLFdBQUEsSUFLTix1QkFDRSxRQUFBLEVBQUEsS0FDQSxVQUFBLE1BR0YsMkNBQ0UsTUFBQSxRQUdGLG9CQ2hJRSxVQUFBLEtBQ0EsWUFBQSxJRGtJQSxzQkMvSUEsVUFBQSxLQUNBLFlBQUEsSURrSkEsdUJBQ0UsYUFBQSxLQUdGLHVCQUNFLE1BQUEsUUFJSixvQkMxR0UsWUFBQSxJQXFDQSxVQUFBLEtEd0VBLE1BQUEsUUFJQSx3Q0FDRSxZQUFBLElBQ0EsV0FBQSxLQUNBLGNBQUEsSUFBQSxNQUFBIn0= */
+.collectionData_f8375039{background-color:#edebe9;padding:10px}.noCollectionData_f8375039{text-align:center}.panelActions_f8375039{margin-top:15px;text-align:right}.panelActions_f8375039 button{margin-right:15px}.panelActions_f8375039 button:last-child{margin-right:0}.required_f8375039{color:#d83b01;font-size:8px;vertical-align:super}.addBtn_f8375039{color:#0078d4}.addBtnDisabled_f8375039{color:#d2d0ce}.inputField_f8375039{color:inherit}.numberField_f8375039{box-sizing:border-box;box-shadow:none;margin:0;padding:0;border:1px solid #a19f9d;background:#fff;height:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;position:relative}.numberField_f8375039:hover{border-color:#201f1e}.numberField_f8375039 input{box-sizing:border-box;box-shadow:none;margin:0;font-size:14px;border-radius:0;border:none;background:0 0;color:#323130;padding:0 12px 0 12px;width:100%;text-overflow:ellipsis;outline:0}.numberField_f8375039.invalidField_f8375039{border-color:#a80000}.iconField_f8375039{position:relative}.iconField_f8375039 i{font-size:20px;position:absolute;top:0;right:10px;vertical-align:top}.iconPicker_f8375039{display:-ms-flexbox;display:flex}.iconPicker_f8375039 .requiredField_f8375039{vertical-align:super;display:inline-block}.colorField_f8375039{position:relative}.colorField_f8375039 .colorIndicator_f8375039{width:30px;height:30px;border:1px solid #a6a6a6}.collectionDataField_f8375039>span{display:none}.collectionDataField_f8375039 div[class^=invalid_]{border-color:#a80000!important}.table_f8375039{display:table;width:100%;border-collapse:collapse}.tableRow_f8375039{display:table-row;line-height:30px}.tableRow_f8375039:hover{background-color:#f3f2f1;cursor:pointer;outline:1px solid transparent}.tableRow_f8375039.tableFooter_f8375039{background-color:#edebe9;border-top:1px solid #a19f9d}.tableCell_f8375039{display:table-cell;padding:0 10px;vertical-align:middle}.tableCell_f8375039>div{margin-bottom:8px;margin-top:8px}.tableCell_f8375039>div.ms-TextField{margin-bottom:8px;margin-top:8px}.errorCallout_f8375039{padding:0 15px;min-width:200px}.errorCalloutLink_f8375039:not([disabled]){color:#a80000}.errorMsgs_f8375039{font-size:14px;font-weight:400}.errorMsgs_f8375039 p{font-size:17px;font-weight:300}.errorMsgs_f8375039 ul{padding-left:15px}.errorMsgs_f8375039 li{color:#a80000}.tableHead_f8375039{font-weight:300;font-size:12px;color:#605e5c}.tableHead_f8375039 .tableCell_f8375039{font-weight:400;text-align:left;border-bottom:1px solid #a19f9d}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpbGU6Ly8vaG9tZS9ydW5uZXIvd29yay9zcC1kZXYtZngtcHJvcGVydHktY29udHJvbHMvc3AtZGV2LWZ4LXByb3BlcnR5LWNvbnRyb2xzL3NyYy9wcm9wZXJ0eUZpZWxkcy9jb2xsZWN0aW9uRGF0YS9Qcm9wZXJ0eUZpZWxkQ29sbGVjdGlvbkRhdGFIb3N0Lm1vZHVsZS5zY3NzIiwiZmlsZTovLy9ob21lL3J1bm5lci93b3JrL3NwLWRldi1meC1wcm9wZXJ0eS1jb250cm9scy9zcC1kZXYtZngtcHJvcGVydHktY29udHJvbHMvbm9kZV9tb2R1bGVzL29mZmljZS11aS1mYWJyaWMtcmVhY3QvZGlzdC9zYXNzL21peGlucy9fRm9udC5NaXhpbnMuTURMMi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLHlCQUNFLGlCQUFBLFFBQ0EsUUFBQSxLQUdGLDJCQUNFLFdBQUEsT0FHRix1QkFDRSxXQUFBLEtBQ0EsV0FBQSxNQUVBLDhCQUNFLGFBQUEsS0FFQSx5Q0FDRSxhQUFBLEVBS04sbUJBQ0UsTUFBQSxRQUNBLFVBQUEsSUFDQSxlQUFBLE1BR0YsaUJBQ0UsTUFBQSxRQUdGLHlCQUNFLE1BQUEsUUFHRixxQkFDRSxNQUFBLFFBR0Ysc0JBQ0UsV0FBQSxXQUNBLFdBQUEsS0FDQSxPQUFBLEVBQ0EsUUFBQSxFQUNBLE9BQUEsSUFBQSxNQUFBLFFBQ0EsV0FBQSxLQUNBLE9BQUEsS0FFQSxRQUFBLFlBQ0EsUUFBQSxLQUNBLG1CQUFBLElBQUEsZUFBQSxJQUNBLGVBQUEsUUFBQSxZQUFBLFFBQ0EsU0FBQSxTQUVBLDRCQUNFLGFBQUEsUUFHRiw0QkFDRSxXQUFBLFdBQ0EsV0FBQSxLQUNBLE9BQUEsRUFDQSxVQUFBLEtBQ0EsY0FBQSxFQUNBLE9BQUEsS0FDQSxXQUFBLElBQ0EsTUFBQSxRQUNBLFFBQUEsRUFBQSxLQUFBLEVBQUEsS0FDQSxNQUFBLEtBQ0EsY0FBQSxTQUNBLFFBQUEsRUFHRiw0Q0FDRSxhQUFBLFFBSUosb0JBQ0UsU0FBQSxTQUVBLHNCQUNFLFVBQUEsS0FDQSxTQUFBLFNBQ0EsSUFBQSxFQUNBLE1BQUEsS0FDQSxlQUFBLElBSUoscUJBQ0UsUUFBQSxZQUFBLFFBQUEsS0FFQSw2Q0FDRSxlQUFBLE1BQ0EsUUFBQSxhQUlKLHFCQUNFLFNBQUEsU0FFQSw4Q0FDRSxNQUFBLEtBQ0EsT0FBQSxLQUNBLE9BQUEsSUFBQSxNQUFBLFFBTUYsbUNBQ0UsUUFBQSxLQUdGLG1EQUNFLGFBQUEsa0JBTUosZ0JBQ0UsUUFBQSxNQUNBLE1BQUEsS0FDQSxnQkFBQSxTQUdGLG1CQUNFLFFBQUEsVUFDQSxZQUFBLEtBRUEseUJBQ0UsaUJBQUEsUUFDQSxPQUFBLFFBQ0EsUUFBQSxJQUFBLE1BQUEsWUFHRix3Q0FDRSxpQkFBQSxRQUNBLFdBQUEsSUFBQSxNQUFBLFFBSUosb0JBQ0UsUUFBQSxXQUNBLFFBQUEsRUFBQSxLQUNBLGVBQUEsT0FFQSx3QkFDRSxjQUFBLElBQ0EsV0FBQSxJQUlBLHFDQUNFLGNBQUEsSUFDQSxXQUFBLElBS04sdUJBQ0UsUUFBQSxFQUFBLEtBQ0EsVUFBQSxNQUdGLDJDQUNFLE1BQUEsUUFHRixvQkNwSUUsVUFBQSxLQUNBLFlBQUEsSURzSUEsc0JDbkpBLFVBQUEsS0FDQSxZQUFBLElEc0pBLHVCQUNFLGFBQUEsS0FHRix1QkFDRSxNQUFBLFFBSUosb0JDOUdFLFlBQUEsSUFxQ0EsVUFBQSxLRDRFQSxNQUFBLFFBSUEsd0NBQ0UsWUFBQSxJQUNBLFdBQUEsS0FDQSxjQUFBLElBQUEsTUFBQSJ9 */

package/lib/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.scss.d.ts

@@ -4,6 +4,7 @@ declare const styles: {
     panelActions: string;
     required: string;
     addBtn: string;
+    addBtnDisabled: string;
     inputField: string;
     numberField: string;
     invalidField: string;

package/lib/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.scss.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyFieldCollectionDataHost.module.scss.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.scss.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAuBX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"PropertyFieldCollectionDataHost.module.scss.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.scss.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CAwBX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.scss.js

@@ -1,28 +1,29 @@
 /* tslint:disable */
 require("./PropertyFieldCollectionDataHost.module.css");
 var styles = {
-    collectionData: 'collectionData_836ee970',
-    noCollectionData: 'noCollectionData_836ee970',
-    panelActions: 'panelActions_836ee970',
-    required: 'required_836ee970',
-    addBtn: 'addBtn_836ee970',
-    inputField: 'inputField_836ee970',
-    numberField: 'numberField_836ee970',
-    invalidField: 'invalidField_836ee970',
-    iconField: 'iconField_836ee970',
-    iconPicker: 'iconPicker_836ee970',
-    requiredField: 'requiredField_836ee970',
-    colorField: 'colorField_836ee970',
-    colorIndicator: 'colorIndicator_836ee970',
-    collectionDataField: 'collectionDataField_836ee970',
-    table: 'table_836ee970',
-    tableRow: 'tableRow_836ee970',
-    tableFooter: 'tableFooter_836ee970',
-    tableCell: 'tableCell_836ee970',
-    errorCallout: 'errorCallout_836ee970',
-    errorCalloutLink: 'errorCalloutLink_836ee970',
-    errorMsgs: 'errorMsgs_836ee970',
-    tableHead: 'tableHead_836ee970'
+    collectionData: 'collectionData_f8375039',
+    noCollectionData: 'noCollectionData_f8375039',
+    panelActions: 'panelActions_f8375039',
+    required: 'required_f8375039',
+    addBtn: 'addBtn_f8375039',
+    addBtnDisabled: 'addBtnDisabled_f8375039',
+    inputField: 'inputField_f8375039',
+    numberField: 'numberField_f8375039',
+    invalidField: 'invalidField_f8375039',
+    iconField: 'iconField_f8375039',
+    iconPicker: 'iconPicker_f8375039',
+    requiredField: 'requiredField_f8375039',
+    colorField: 'colorField_f8375039',
+    colorIndicator: 'colorIndicator_f8375039',
+    collectionDataField: 'collectionDataField_f8375039',
+    table: 'table_f8375039',
+    tableRow: 'tableRow_f8375039',
+    tableFooter: 'tableFooter_f8375039',
+    tableCell: 'tableCell_f8375039',
+    errorCallout: 'errorCallout_f8375039',
+    errorCalloutLink: 'errorCalloutLink_f8375039',
+    errorMsgs: 'errorMsgs_f8375039',
+    tableHead: 'tableHead_f8375039'
 };
 export default styles;
 /* tslint:enable */ 

package/lib/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyFieldCollectionDataHost.module.scss.js","sourceRoot":"","sources":["../../../src/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.scss.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,CAAC,8CAA8C,CAAC,CAAC;AACxD,IAAM,MAAM,GAAG;IACb,cAAc,EAAE,yBAAyB;IACzC,gBAAgB,EAAE,2BAA2B;IAC7C,YAAY,EAAE,uBAAuB;IACrC,QAAQ,EAAE,mBAAmB;IAC7B,MAAM,EAAE,iBAAiB;IACzB,UAAU,EAAE,qBAAqB;IACjC,WAAW,EAAE,sBAAsB;IACnC,YAAY,EAAE,uBAAuB;IACrC,SAAS,EAAE,oBAAoB;IAC/B,UAAU,EAAE,qBAAqB;IACjC,aAAa,EAAE,wBAAwB;IACvC,UAAU,EAAE,qBAAqB;IACjC,cAAc,EAAE,yBAAyB;IACzC,mBAAmB,EAAE,8BAA8B;IACnD,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,mBAAmB;IAC7B,WAAW,EAAE,sBAAsB;IACnC,SAAS,EAAE,oBAAoB;IAC/B,YAAY,EAAE,uBAAuB;IACrC,gBAAgB,EAAE,2BAA2B;IAC7C,SAAS,EAAE,oBAAoB;IAC/B,SAAS,EAAE,oBAAoB;CAChC,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,mBAAmB"}
+{"version":3,"file":"PropertyFieldCollectionDataHost.module.scss.js","sourceRoot":"","sources":["../../../src/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.scss.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,OAAO,CAAC,8CAA8C,CAAC,CAAC;AACxD,IAAM,MAAM,GAAG;IACb,cAAc,EAAE,yBAAyB;IACzC,gBAAgB,EAAE,2BAA2B;IAC7C,YAAY,EAAE,uBAAuB;IACrC,QAAQ,EAAE,mBAAmB;IAC7B,MAAM,EAAE,iBAAiB;IACzB,cAAc,EAAE,yBAAyB;IACzC,UAAU,EAAE,qBAAqB;IACjC,WAAW,EAAE,sBAAsB;IACnC,YAAY,EAAE,uBAAuB;IACrC,SAAS,EAAE,oBAAoB;IAC/B,UAAU,EAAE,qBAAqB;IACjC,aAAa,EAAE,wBAAwB;IACvC,UAAU,EAAE,qBAAqB;IACjC,cAAc,EAAE,yBAAyB;IACzC,mBAAmB,EAAE,8BAA8B;IACnD,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,mBAAmB;IAC7B,WAAW,EAAE,sBAAsB;IACnC,SAAS,EAAE,oBAAoB;IAC/B,YAAY,EAAE,uBAAuB;IACrC,gBAAgB,EAAE,2BAA2B;IAC7C,SAAS,EAAE,oBAAoB;IAC/B,SAAS,EAAE,oBAAoB;CAChC,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,mBAAmB"}

package/lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js

@@ -564,7 +564,7 @@ var CollectionDataItem = /** @class */ (function (_super) {
             React.createElement("span", { className: styles.tableCell }, 
             /* Check add or delete action */
             this.props.index !== null ? (React.createElement(Link, { title: strings.CollectionDeleteRowButtonLabel, disabled: !this.props.fDeleteItem || this.props.disableItemDeletion, onClick: this.deleteRow },
-                React.createElement(Icon, { iconName: "Clear" }))) : (React.createElement(Link, { title: strings.CollectionAddRowButtonLabel, className: "" + (disableAdd ? "" : styles.addBtn), disabled: disableAdd, onClick: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+                React.createElement(Icon, { iconName: "Clear" }))) : (React.createElement(Link, { title: strings.CollectionAddRowButtonLabel, className: "" + (disableAdd ? styles.addBtnDisabled : styles.addBtn), disabled: disableAdd, onClick: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0: return [4 /*yield*/, this.addRow()];
                         case 1: return [2 /*return*/, _a.sent()];

package/lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionDataItem.js","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionDataItem/CollectionDataItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gDAAgD,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAC;AAClE,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAA0B,yBAAyB,EAAkB,MAAM,IAAI,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAmB,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAE7F;IAAwC,sCAAmE;IAKzG,4BAAY,KAA+B;QAA3C,YACE,kBAAM,KAAK,CAAC,SAWb;QAhBO,eAAS,GAAQ,IAAI,CAAC;QACtB,gBAAU,GAAmB,EAAE,CAAC;QA8BxC;;WAEG;QACK,oBAAc,GAAG,UAAC,OAAe,EAAE,KAAU;YACnD,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,IAAK,OAAA,KAAI,CAAC,QAAQ,CAAC,UAAC,SAAmC;gBACxE,IAAA,QAAQ,GAAK,SAAS,SAAd,CAAe;gBAC/B,2BAA2B;gBAC3B,QAAQ,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;gBAE1B,kCAAkC;gBAClC,OAAO,EAAE,QAAQ,UAAA,EAAE,CAAC;YACtB,CAAC,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS,CAAC,EAPa,CAOb,CAAC,CAAC;QACvB,CAAC,CAAA;QAkGD;;WAEG;QACK,YAAM,GAAG;;;gBACf,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;oBACf,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;oBAChC,iDAAiD;oBACjD,IAAI,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE;wBACzC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;wBAE1B,SAAS,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;wBACzC,IAAI,CAAC,QAAQ,CAAC;4BACZ,QAAQ,eAAM,SAAS,CAAC;yBACzB,CAAC,CAAC;qBACJ;iBACF;;;aACF,CAAA;QAED;;WAEG;QACK,gBAAU,GAAG;;;;;wBACX,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;wBAChB,qBAAM,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAA;;wBAArD,OAAO,GAAG,SAA2C;wBAE3D,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;4BAC1B,iDAAiD;4BACjD,IAAI,OAAO,EAAE;gCACX,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;6BACpD;yBACF;wBAED,kCAAkC;wBAClC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;4BAC1B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;yBACnD;;;;aACF,CAAA;QAED;;WAEG;QACK,eAAS,GAAG;YAClB,IAAI,KAAI,CAAC,KAAK,CAAC,WAAW,EAAE;gBAC1B,KAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aAC1C;QACH,CAAC,CAAA;QAED;;;;;WAKG;QACK,qBAAe,GAAG,UAAO,KAA6B,EAAE,KAAU;;;;;wBACpE,UAAU,GAAG,EAAE,CAAC;6BAEhB,KAAK,CAAC,iBAAiB,EAAvB,wBAAuB;wBACzB,+BAA+B;wBAC/B,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC;wBAErB,qBAAM,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAA;;wBADxF,oBAAoB;wBACpB,UAAU,GAAG,SAA2E,CAAC;;4BAG3F,sBAAO,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,EAAC;;;aAC9D,CAAA;QAgBD;;WAEG;QACK,6BAAuB,GAAG,UAAO,OAAe,EAAE,QAAgB;;;;wBACxE,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;6BAC3B,OAAO,EAAP,wBAAO;wBACT,qBAAM,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAA;;wBAAxD,SAAwD,CAAC;;;;;aAE5D,CAAA;QAED;;;;;;WAMG;QACK,wBAAkB,GAAG,UAAO,KAA6B,EAAE,KAAU,EAAE,IAAS;;;;;wBAClF,OAAO,GAAG,IAAI,CAAC;wBACf,UAAU,GAAG,EAAE,CAAC;6BAGhB,KAAK,CAAC,iBAAiB,EAAvB,wBAAuB;wBAEZ,qBAAM,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,EAAA;;wBADzE,8BAA8B;wBAC9B,UAAU,GAAG,SAA4D,CAAC;wBAC1E,OAAO,GAAG,UAAU,KAAK,EAAE,CAAC;;;wBAGtB,KAAK,GAAW,sGAAsG,CAAC;wBAC7H,OAAO,GAAG,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;wBACtE,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC;;4BAGtD,sBAAO,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,EAAC;;;aAC9D,CAAA;QAmED;;WAEG;QACK,wBAAkB,GAAG;YAC3B,KAAI,CAAC,QAAQ,CAAC,UAAC,SAAmC,IAAK,OAAA,CAAC;gBACtD,WAAW,EAAE,CAAC,SAAS,CAAC,WAAW;aACpC,CAAC,EAFqD,CAErD,CAAC,CAAC;QACN,CAAC,CAAA;QAEO,sBAAgB,GAAG;YACzB,KAAI,CAAC,QAAQ,CAAC;gBACZ,WAAW,EAAE,KAAK;aACnB,CAAC,CAAC;QACL,CAAC,CAAA;QAxUC,2CAA2C;QAC3C,IAAI,SAAS,GAAG,KAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzC,KAAI,CAAC,KAAK,GAAG;YACX,QAAQ,EAAE,KAAK,CAAC,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,iBAAQ,SAAS,CAAC;YAClD,SAAS,EAAE,EAAE;YACb,WAAW,EAAE,KAAK;YAClB,UAAU,EAAE,KAAK;SAClB,CAAC;;IACJ,CAAC;IAED;;;;OAIG;IACI,+CAAkB,GAAzB,UAA0B,SAAmC;QAC3D,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,EAAE;YACtC,IAAI,CAAC,QAAQ,CAAC;gBACZ,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;aACjC,CAAC,CAAC;SACJ;IACH,CAAC;IAgBD;;OAEG;IACW,6CAAgB,GAA9B;;;;;;wBACU,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;wBAE5B,UAAU,GAAa,IAAI,CAAC;6BAG5B,IAAI,CAAC,KAAK,CAAC,cAAc,EAAzB,wBAAyB;wBACvB,qBAAM,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAA;;wBAA/C,IAAI,SAA2C,EAAE;4BAC/C,UAAU,GAAG,KAAK,CAAC;4BACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;yBAC3C;6BAAM;4BACL,UAAU,GAAG,IAAI,CAAC;4BAClB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;yBAC5C;;;wBAGH,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;6BAG1B,IAAI,CAAC,KAAK,CAAC,WAAW,EAAtB,wBAAsB;wBACxB,qBAAM,IAAI,CAAC,UAAU,EAAE,EAAA;;wBAAvB,SAAuB,CAAC;;;;;;KAE3B;IAED;;OAEG;IACK,wDAA2B,GAAnC,UAAoC,IAAS;QAC3C,8BAA8B;QAC9B,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,CAAC;QACjE,sCAAsC;QACtC,KAAoB,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc,EAAE;YAA/B,IAAM,KAAK,uBAAA;YACd,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC7F,OAAO,KAAK,CAAC;aACd;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACK,uDAA0B,GAAlC,UAAmC,IAAS;QAClC,IAAA,MAAM,GAAK,IAAI,CAAC,KAAK,OAAf,CAAgB;QAC9B,KAAoB,UAAM,EAAN,iBAAM,EAAN,oBAAM,EAAN,IAAM,EAAE;YAAvB,IAAM,KAAK,eAAA;YACd,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC7F,OAAO,IAAI,CAAC;aACb;SACF;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;OAGG;IACW,4DAA+B,GAA7C,UAA8C,IAAS;;;;;;;wBAC/C,KAAoB,IAAI,CAAC,KAAK,EAA5B,MAAM,YAAA,EAAE,KAAK,WAAA,CAAgB;wBAEnB,qBAAM,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,iBAAiB,EAAnB,CAAmB,CAAC,CAAC,GAAG,CAAC,UAAM,CAAC;;;;gDACpE,qBAAM,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,EAAA;;4CAA/D,UAAU,GAAG,SAAkD;4CACnE,sBAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC,EAAC;;;iCACpD,CAAC,CAAC,EAAA;;wBAHC,WAAW,GAAG,SAGf;wBAEH,sBAAO,WAAW,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAjB,CAAiB,CAAC,CAAC,MAAM,IAAI,CAAC,EAAC;;;;KAC/D;IAED;;OAEG;IACW,mDAAsB,GAApC,UAAqC,IAAS;;;;;;wBACrC,KAAA,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC;4BAC3C,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,CAAA;iCADhC,wBACgC;wBACrC,qBAAM,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,EAAA;;8BAAhD,SAAgD;;4BAFlD,sBAAO;4BAGL,IAAI,CAAC,sBAAsB,EAAE,EAAC;;;;KACjC;IAED;;OAEG;IACK,mDAAsB,GAA9B;QACE,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC1C,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE;gBAAnB,IAAM,GAAG,aAAA;gBACZ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;oBACzB,OAAO,KAAK,CAAC;iBACd;aACF;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAoED;;OAEG;IACW,iDAAoB,GAAlC,UAAmC,OAAe,EAAE,UAAkB,EAAE,gBAAiC;QAAjC,iCAAA,EAAA,wBAAiC;;;;;wBACvG,6BAA6B;wBAC7B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,UAAU,KAAK,EAAE,CAAC;wBAC7C,oCAAoC;wBACpC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;6BAC3C,gBAAgB,EAAhB,wBAAgB;wBACjB,qBAAM,IAAI,CAAC,gBAAgB,EAAE,EAAA;;wBAA7B,SAA6B,CAAC;;4BAEhC,sBAAO,UAAU,EAAC;;;;KACnB;IAsCD;;;;;OAKG;IACK,gDAAmB,GAA3B,UAA4B,OAAe,EAAE,OAAe;QAA5D,iBAyDC;QAxDC,IAAI,CAAC,QAAQ,CAAC,UAAC,SAAmC;YAC1C,IAAA,QAAQ,GAAgB,SAAS,SAAzB,EAAE,SAAS,GAAK,SAAS,UAAd,CAAe;YAExC,wBAAwB;YACxB,IAAM,QAAQ,GAAG,SAAS,CAAC,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,KAAK,OAAO,EAAhB,CAAgB,CAAC,CAAC;YACrE,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE;gBACnB,OAAO;aACR;YACD,IAAM,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAE1C,oDAAoD;YACpD,IAAM,WAAW,GAAG,SAAS,CAAC,SAAS,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,EAAzB,CAAyB,CAAC,CAAC;YAE3E,cAAc;YACd,IAAI,QAAQ,CAAC;YACb,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE;gBACtB,QAAQ,GAAG;oBACT,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,OAAO,EAAE,OAAO;iBACjB,CAAC;aACH;iBAAM;gBACL,iBAAiB;gBACjB,QAAQ,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;gBAClC,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;iBAC5B;aACF;YAED,oDAAoD;YACpD,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,IAAI,OAAO,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,WAAW,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;oBACzG,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC;iBAC5B;qBAAM;oBACL,QAAQ,CAAC,UAAU,GAAG,KAAK,CAAC;iBAC7B;aACF;YAED,iEAAiE;YACjE,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;gBAC7C,kBAAkB;gBAClB,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE;oBACtB,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;iBAClC;aACF;iBAAM;gBACL,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE;oBACtB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;iBAC1B;aACF;YAED,0BAA0B;YAC1B,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;YAEzC,OAAO;gBACL,SAAS,WAAA;aACV,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAiBD;;;;;OAKG;IACK,wCAAW,GAAnB,UAAoB,KAA6B,EAAE,IAAS;QAA5D,iBA4CC;QA3CC,IAAM,kBAAkB,GAAY,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;QAElF,QAAO,KAAK,CAAC,IAAI,EAAE;YACjB,KAAK,yBAAyB,CAAC,OAAO;gBACpC,OAAO,oBAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;YACxK,KAAK,yBAAyB,CAAC,QAAQ;gBACrC,OAAO,oBAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;YACxK,KAAK,yBAAyB,CAAC,MAAM;gBACnC,OAAO,oBAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;YACtK,KAAK,yBAAyB,CAAC,UAAU;gBACvC,OAAO,oBAAC,mBAAmB,IAAC,UAAU,EAAE,KAAK,CAAC,mBAAmB,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;YAC3M,KAAK,yBAAyB,CAAC,KAAK;gBAClC,OAAO,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;YACrK,KAAK,yBAAyB,CAAC,GAAG;gBAChC,OAAO,oBAAC,SAAS,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAC3C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,QAAQ,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAApC,CAAoC,EAC5D,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,IAAI,KAAK,CAAC,sBAAsB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,EAC9H,iBAAiB,EAAE,UAAO,KAAa;wBAAK,sBAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAA;6BAAA,EACvF,cAAc,EAAC,+CAA+C,GAAG,CAAC;YACtF,KAAK,yBAAyB,CAAC,MAAM;gBACjC,IAAI,KAAK,CAAC,cAAc,EAAE;oBACxB,OAAO,KAAK,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,UAAC,OAAO,EAAE,KAAK;wBAChE,KAAI,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;wBACpC,IAAG,KAAK,CAAC,iBAAiB,EAAE;4BAAE,KAAI,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;yBAAE;oBACrE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;iBACvD;gBACD,OAAO,IAAI,CAAC;YAChB,KAAK,yBAAyB,CAAC,MAAM,CAAC;YACtC;gBACE,OAAO,oBAAC,SAAS,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAC7C,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAC3C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAApC,CAAoC,EAC5D,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,IAAI,KAAK,CAAC,sBAAsB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,EAC9H,iBAAiB,EAAE,UAAO,KAAa;;oCAAK,qBAAM,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,EAAA;oCAAxC,sBAAA,SAAwC,EAAA;;6BAAA,EACpF,cAAc,EAAC,kDAAkD,GAAG,CAAC;SAC1F;IACH,CAAC;IAED;;OAEG;IACK,8CAAiB,GAAzB;QACE,IAAI,IAAI,GAAsB,EAAE,CAAC;QACzB,IAAA,UAAU,GAAK,IAAI,CAAC,KAAK,WAAf,CAAgB;QAClC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE;YACpC,IAAI,CAAC,IAAI,CAAC;gBACR,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE;gBAClB,GAAG,EAAE,CAAC;aACP,CAAC,CAAC;SACJ;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEA;;MAEE;IACK,8CAAiB,GAAzB;QACE,2CAA2C;QAC3C,IAAI,SAAS,GAAO,EAAE,CAAC;QACvB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC;QAE/C,KAAoB,UAAiB,EAAjB,KAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAjB,cAAiB,EAAjB,IAAiB,EAAE;YAAlC,IAAM,KAAK,SAAA;YACd,gDAAgD;YAChD,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC;SAClD;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;OAEG;IACI,mCAAM,GAAb;QAAA,iBA6EC;QA5EO,IAAA,KAA2B,IAAI,CAAC,KAAK,EAAnC,QAAQ,cAAA,EAAE,UAAU,gBAAe,CAAC;QAC5C,IAAM,IAAI,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEtC,OAAO,CACL,6BAAK,SAAS,EAAE,mDAAiD,MAAM,CAAC,QAAQ,UAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAE;YAErI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CACtD,8BAAM,SAAS,EAAE,uDAAqD,MAAM,CAAC,SAAW;gBACtF,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,UAAC,GAAG,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAa,CAAC,EAA1D,CAA0D,GAAK,CAC1I,CACR;YAGD,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI,CAC/D,8BAAM,SAAS,EAAE,KAAG,MAAM,CAAC,SAAW,GAAS,CAChD;YAGD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CACzB,8BAAM,GAAG,EAAE,cAAY,CAAC,CAAC,EAAI,EAAE,SAAS,EAAK,MAAM,CAAC,SAAS,SAAI,MAAM,CAAC,UAAY,IAAG,KAAI,CAAC,WAAW,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAQ,CAC7H,EAF0B,CAE1B,CAAC;YAGJ,8BAAM,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC/B,8BAAM,GAAG,EAAE,UAAA,GAAG,IAAI,OAAA,KAAI,CAAC,cAAc,GAAG,GAAG,EAAzB,CAAyB;oBACzC,oBAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,iCAAiC,EAChD,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAClC,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EACpE,OAAO,EAAE,IAAI,CAAC,kBAAkB;wBACpC,oBAAC,IAAI,IAAC,QAAQ,EAAC,OAAO,GAAG,CACpB,CACF;gBAGL,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CACxB,oBAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,MAAM,EAAE,IAAI,CAAC,cAAc,EAC3B,aAAa,EAAE,IAAI,EACnB,eAAe,EAAE,eAAe,CAAC,cAAc,EAC/C,qBAAqB,EAAE,eAAe,CAAC,eAAe,EACtD,SAAS,EAAE,IAAI,CAAC,gBAAgB,IAErC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAC3D,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;oBAC9B,+CAAoB;oBACpB,gCAEI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,GAAG,IAAK,OAAA,CACrC,4BAAI,GAAG,EAAK,GAAG,CAAC,KAAK,SAAI,GAAK;wBAAE,+BAAI,GAAG,CAAC,KAAK,CAAK;;wBAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAAC,CAAC,IAAI,CAAM,CAC5J,EAFsC,CAEtC,CAAC,CAED,CACD,CACP,CAEK,CACX,CAEE;YAEP,8BAAM,SAAS,EAAE,MAAM,CAAC,SAAS;YAE/B,gCAAgC;YAChC,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1B,oBAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,8BAA8B,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS;gBAC/I,oBAAC,IAAI,IAAC,QAAQ,EAAC,OAAO,GAAG,CACpB,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,2BAA2B,EAAE,SAAS,EAAE,MAAG,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE;;gCAAY,qBAAM,IAAI,CAAC,MAAM,EAAE,EAAA;gCAAnB,sBAAA,SAAmB,EAAA;;yBAAA;gBAC/J,oBAAC,IAAI,IAAC,QAAQ,EAAC,KAAK,GAAG,CAClB,CACR,CAEI,CACH,CACP,CAAC;IACJ,CAAC;IACH,yBAAC;AAAD,CAAC,AArfD,CAAwC,KAAK,CAAC,SAAS,GAqftD"}
+{"version":3,"file":"CollectionDataItem.js","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionDataItem/CollectionDataItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gDAAgD,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,4CAA4C,CAAC;AAClE,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAA0B,yBAAyB,EAAkB,MAAM,IAAI,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAmB,MAAM,gDAAgD,CAAC;AAC3F,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAE7F;IAAwC,sCAAmE;IAKzG,4BAAY,KAA+B;QAA3C,YACE,kBAAM,KAAK,CAAC,SAWb;QAhBO,eAAS,GAAQ,IAAI,CAAC;QACtB,gBAAU,GAAmB,EAAE,CAAC;QA8BxC;;WAEG;QACK,oBAAc,GAAG,UAAC,OAAe,EAAE,KAAU;YACnD,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,IAAK,OAAA,KAAI,CAAC,QAAQ,CAAC,UAAC,SAAmC;gBACxE,IAAA,QAAQ,GAAK,SAAS,SAAd,CAAe;gBAC/B,2BAA2B;gBAC3B,QAAQ,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;gBAE1B,kCAAkC;gBAClC,OAAO,EAAE,QAAQ,UAAA,EAAE,CAAC;YACtB,CAAC,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS,CAAC,EAPa,CAOb,CAAC,CAAC;QACvB,CAAC,CAAA;QAkGD;;WAEG;QACK,YAAM,GAAG;;;gBACf,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;oBACf,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;oBAChC,iDAAiD;oBACjD,IAAI,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE;wBACzC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;wBAE1B,SAAS,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;wBACzC,IAAI,CAAC,QAAQ,CAAC;4BACZ,QAAQ,eAAM,SAAS,CAAC;yBACzB,CAAC,CAAC;qBACJ;iBACF;;;aACF,CAAA;QAED;;WAEG;QACK,gBAAU,GAAG;;;;;wBACX,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;wBAChB,qBAAM,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAA;;wBAArD,OAAO,GAAG,SAA2C;wBAE3D,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;4BAC1B,iDAAiD;4BACjD,IAAI,OAAO,EAAE;gCACX,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;6BACpD;yBACF;wBAED,kCAAkC;wBAClC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;4BAC1B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;yBACnD;;;;aACF,CAAA;QAED;;WAEG;QACK,eAAS,GAAG;YAClB,IAAI,KAAI,CAAC,KAAK,CAAC,WAAW,EAAE;gBAC1B,KAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aAC1C;QACH,CAAC,CAAA;QAED;;;;;WAKG;QACK,qBAAe,GAAG,UAAO,KAA6B,EAAE,KAAU;;;;;wBACpE,UAAU,GAAG,EAAE,CAAC;6BAEhB,KAAK,CAAC,iBAAiB,EAAvB,wBAAuB;wBACzB,+BAA+B;wBAC/B,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC;wBAErB,qBAAM,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAA;;wBADxF,oBAAoB;wBACpB,UAAU,GAAG,SAA2E,CAAC;;4BAG3F,sBAAO,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,EAAC;;;aAC9D,CAAA;QAgBD;;WAEG;QACK,6BAAuB,GAAG,UAAO,OAAe,EAAE,QAAgB;;;;wBACxE,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;6BAC3B,OAAO,EAAP,wBAAO;wBACT,qBAAM,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAA;;wBAAxD,SAAwD,CAAC;;;;;aAE5D,CAAA;QAED;;;;;;WAMG;QACK,wBAAkB,GAAG,UAAO,KAA6B,EAAE,KAAU,EAAE,IAAS;;;;;wBAClF,OAAO,GAAG,IAAI,CAAC;wBACf,UAAU,GAAG,EAAE,CAAC;6BAGhB,KAAK,CAAC,iBAAiB,EAAvB,wBAAuB;wBAEZ,qBAAM,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,EAAA;;wBADzE,8BAA8B;wBAC9B,UAAU,GAAG,SAA4D,CAAC;wBAC1E,OAAO,GAAG,UAAU,KAAK,EAAE,CAAC;;;wBAGtB,KAAK,GAAW,sGAAsG,CAAC;wBAC7H,OAAO,GAAG,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;wBACtE,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC;;4BAGtD,sBAAO,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,EAAC;;;aAC9D,CAAA;QAmED;;WAEG;QACK,wBAAkB,GAAG;YAC3B,KAAI,CAAC,QAAQ,CAAC,UAAC,SAAmC,IAAK,OAAA,CAAC;gBACtD,WAAW,EAAE,CAAC,SAAS,CAAC,WAAW;aACpC,CAAC,EAFqD,CAErD,CAAC,CAAC;QACN,CAAC,CAAA;QAEO,sBAAgB,GAAG;YACzB,KAAI,CAAC,QAAQ,CAAC;gBACZ,WAAW,EAAE,KAAK;aACnB,CAAC,CAAC;QACL,CAAC,CAAA;QAxUC,2CAA2C;QAC3C,IAAI,SAAS,GAAG,KAAI,CAAC,iBAAiB,EAAE,CAAC;QAEzC,KAAI,CAAC,KAAK,GAAG;YACX,QAAQ,EAAE,KAAK,CAAC,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,iBAAQ,SAAS,CAAC;YAClD,SAAS,EAAE,EAAE;YACb,WAAW,EAAE,KAAK;YAClB,UAAU,EAAE,KAAK;SAClB,CAAC;;IACJ,CAAC;IAED;;;;OAIG;IACI,+CAAkB,GAAzB,UAA0B,SAAmC;QAC3D,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,EAAE;YACtC,IAAI,CAAC,QAAQ,CAAC;gBACZ,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;aACjC,CAAC,CAAC;SACJ;IACH,CAAC;IAgBD;;OAEG;IACW,6CAAgB,GAA9B;;;;;;wBACU,QAAQ,GAAK,IAAI,CAAC,KAAK,SAAf,CAAgB;wBAE5B,UAAU,GAAa,IAAI,CAAC;6BAG5B,IAAI,CAAC,KAAK,CAAC,cAAc,EAAzB,wBAAyB;wBACvB,qBAAM,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAA;;wBAA/C,IAAI,SAA2C,EAAE;4BAC/C,UAAU,GAAG,KAAK,CAAC;4BACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;yBAC3C;6BAAM;4BACL,UAAU,GAAG,IAAI,CAAC;4BAClB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;yBAC5C;;;wBAGH,IAAI,CAAC,QAAQ,CAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;6BAG1B,IAAI,CAAC,KAAK,CAAC,WAAW,EAAtB,wBAAsB;wBACxB,qBAAM,IAAI,CAAC,UAAU,EAAE,EAAA;;wBAAvB,SAAuB,CAAC;;;;;;KAE3B;IAED;;OAEG;IACK,wDAA2B,GAAnC,UAAoC,IAAS;QAC3C,8BAA8B;QAC9B,IAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,QAAQ,EAAV,CAAU,CAAC,CAAC;QACjE,sCAAsC;QACtC,KAAoB,UAAc,EAAd,iCAAc,EAAd,4BAAc,EAAd,IAAc,EAAE;YAA/B,IAAM,KAAK,uBAAA;YACd,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC7F,OAAO,KAAK,CAAC;aACd;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;;OAGG;IACK,uDAA0B,GAAlC,UAAmC,IAAS;QAClC,IAAA,MAAM,GAAK,IAAI,CAAC,KAAK,OAAf,CAAgB;QAC9B,KAAoB,UAAM,EAAN,iBAAM,EAAN,oBAAM,EAAN,IAAM,EAAE;YAAvB,IAAM,KAAK,eAAA;YACd,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC7F,OAAO,IAAI,CAAC;aACb;SACF;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;;OAGG;IACW,4DAA+B,GAA7C,UAA8C,IAAS;;;;;;;wBAC/C,KAAoB,IAAI,CAAC,KAAK,EAA5B,MAAM,YAAA,EAAE,KAAK,WAAA,CAAgB;wBAEnB,qBAAM,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,iBAAiB,EAAnB,CAAmB,CAAC,CAAC,GAAG,CAAC,UAAM,CAAC;;;;gDACpE,qBAAM,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,EAAA;;4CAA/D,UAAU,GAAG,SAAkD;4CACnE,sBAAO,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC,EAAC;;;iCACpD,CAAC,CAAC,EAAA;;wBAHC,WAAW,GAAG,SAGf;wBAEH,sBAAO,WAAW,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAjB,CAAiB,CAAC,CAAC,MAAM,IAAI,CAAC,EAAC;;;;KAC/D;IAED;;OAEG;IACW,mDAAsB,GAApC,UAAqC,IAAS;;;;;;wBACrC,KAAA,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC;4BAC3C,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,CAAA;iCADhC,wBACgC;wBACrC,qBAAM,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,EAAA;;8BAAhD,SAAgD;;4BAFlD,sBAAO;4BAGL,IAAI,CAAC,sBAAsB,EAAE,EAAC;;;;KACjC;IAED;;OAEG;IACK,mDAAsB,GAA9B;QACE,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC1C,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE;gBAAnB,IAAM,GAAG,aAAA;gBACZ,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;oBACzB,OAAO,KAAK,CAAC;iBACd;aACF;SACF;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAoED;;OAEG;IACW,iDAAoB,GAAlC,UAAmC,OAAe,EAAE,UAAkB,EAAE,gBAAiC;QAAjC,iCAAA,EAAA,wBAAiC;;;;;wBACvG,6BAA6B;wBAC7B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,UAAU,KAAK,EAAE,CAAC;wBAC7C,oCAAoC;wBACpC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;6BAC3C,gBAAgB,EAAhB,wBAAgB;wBACjB,qBAAM,IAAI,CAAC,gBAAgB,EAAE,EAAA;;wBAA7B,SAA6B,CAAC;;4BAEhC,sBAAO,UAAU,EAAC;;;;KACnB;IAsCD;;;;;OAKG;IACK,gDAAmB,GAA3B,UAA4B,OAAe,EAAE,OAAe;QAA5D,iBAyDC;QAxDC,IAAI,CAAC,QAAQ,CAAC,UAAC,SAAmC;YAC1C,IAAA,QAAQ,GAAgB,SAAS,SAAzB,EAAE,SAAS,GAAK,SAAS,UAAd,CAAe;YAExC,wBAAwB;YACxB,IAAM,QAAQ,GAAG,SAAS,CAAC,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,EAAE,KAAK,OAAO,EAAhB,CAAgB,CAAC,CAAC;YACrE,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE;gBACnB,OAAO;aACR;YACD,IAAM,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAE1C,oDAAoD;YACpD,IAAM,WAAW,GAAG,SAAS,CAAC,SAAS,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,EAAzB,CAAyB,CAAC,CAAC;YAE3E,cAAc;YACd,IAAI,QAAQ,CAAC;YACb,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE;gBACtB,QAAQ,GAAG;oBACT,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,OAAO,EAAE,OAAO;iBACjB,CAAC;aACH;iBAAM;gBACL,iBAAiB;gBACjB,QAAQ,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;gBAClC,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC;iBAC5B;aACF;YAED,oDAAoD;YACpD,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,IAAI,OAAO,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,WAAW,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE;oBACzG,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC;iBAC5B;qBAAM;oBACL,QAAQ,CAAC,UAAU,GAAG,KAAK,CAAC;iBAC7B;aACF;YAED,iEAAiE;YACjE,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;gBAC7C,kBAAkB;gBAClB,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE;oBACtB,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;iBAClC;aACF;iBAAM;gBACL,IAAI,WAAW,KAAK,CAAC,CAAC,EAAE;oBACtB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;iBAC1B;aACF;YAED,0BAA0B;YAC1B,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;YAEzC,OAAO;gBACL,SAAS,WAAA;aACV,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAiBD;;;;;OAKG;IACK,wCAAW,GAAnB,UAAoB,KAA6B,EAAE,IAAS;QAA5D,iBA4CC;QA3CC,IAAM,kBAAkB,GAAY,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;QAElF,QAAO,KAAK,CAAC,IAAI,EAAE;YACjB,KAAK,yBAAyB,CAAC,OAAO;gBACpC,OAAO,oBAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;YACxK,KAAK,yBAAyB,CAAC,QAAQ;gBACrC,OAAO,oBAAC,uBAAuB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;YACxK,KAAK,yBAAyB,CAAC,MAAM;gBACnC,OAAO,oBAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;YACtK,KAAK,yBAAyB,CAAC,UAAU;gBACvC,OAAO,oBAAC,mBAAmB,IAAC,UAAU,EAAE,KAAK,CAAC,mBAAmB,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;YAC3M,KAAK,yBAAyB,CAAC,KAAK;gBAClC,OAAO,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,WAAW,EAAE,IAAI,CAAC,eAAe,GAAI,CAAC;YACrK,KAAK,yBAAyB,CAAC,GAAG;gBAChC,OAAO,oBAAC,SAAS,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAC3C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,QAAQ,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAApC,CAAoC,EAC5D,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,IAAI,KAAK,CAAC,sBAAsB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,EAC9H,iBAAiB,EAAE,UAAO,KAAa;wBAAK,sBAAA,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAA;6BAAA,EACvF,cAAc,EAAC,+CAA+C,GAAG,CAAC;YACtF,KAAK,yBAAyB,CAAC,MAAM;gBACjC,IAAI,KAAK,CAAC,cAAc,EAAE;oBACxB,OAAO,KAAK,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,UAAC,OAAO,EAAE,KAAK;wBAChE,KAAI,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;wBACpC,IAAG,KAAK,CAAC,iBAAiB,EAAE;4BAAE,KAAI,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;yBAAE;oBACrE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC;iBACvD;gBACD,OAAO,IAAI,CAAC;YAChB,KAAK,yBAAyB,CAAC,MAAM,CAAC;YACtC;gBACE,OAAO,oBAAC,SAAS,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,EAC7C,SAAS,EAAE,MAAM,CAAC,mBAAmB,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAC3C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,QAAQ,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,KAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAApC,CAAoC,EAC5D,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,IAAI,KAAK,CAAC,sBAAsB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,EAC9H,iBAAiB,EAAE,UAAO,KAAa;;oCAAK,qBAAM,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,EAAA;oCAAxC,sBAAA,SAAwC,EAAA;;6BAAA,EACpF,cAAc,EAAC,kDAAkD,GAAG,CAAC;SAC1F;IACH,CAAC;IAED;;OAEG;IACK,8CAAiB,GAAzB;QACE,IAAI,IAAI,GAAsB,EAAE,CAAC;QACzB,IAAA,UAAU,GAAK,IAAI,CAAC,KAAK,WAAf,CAAgB;QAClC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE;YACpC,IAAI,CAAC,IAAI,CAAC;gBACR,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE;gBAClB,GAAG,EAAE,CAAC;aACP,CAAC,CAAC;SACJ;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAEA;;MAEE;IACK,8CAAiB,GAAzB;QACE,2CAA2C;QAC3C,IAAI,SAAS,GAAO,EAAE,CAAC;QACvB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,CAAC;QAE/C,KAAoB,UAAiB,EAAjB,KAAA,IAAI,CAAC,KAAK,CAAC,MAAM,EAAjB,cAAiB,EAAjB,IAAiB,EAAE;YAAlC,IAAM,KAAK,SAAA;YACd,gDAAgD;YAChD,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC;SAClD;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED;;OAEG;IACI,mCAAM,GAAb;QAAA,iBA6EC;QA5EO,IAAA,KAA2B,IAAI,CAAC,KAAK,EAAnC,QAAQ,cAAA,EAAE,UAAU,gBAAe,CAAC;QAC5C,IAAM,IAAI,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAEtC,OAAO,CACL,6BAAK,SAAS,EAAE,mDAAiD,MAAM,CAAC,QAAQ,UAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAE;YAErI,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CACtD,8BAAM,SAAS,EAAE,uDAAqD,MAAM,CAAC,SAAW;gBACtF,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,UAAC,GAAG,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,GAAa,CAAC,EAA1D,CAA0D,GAAK,CAC1I,CACR;YAGD,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC,IAAI,CAC/D,8BAAM,SAAS,EAAE,KAAG,MAAM,CAAC,SAAW,GAAS,CAChD;YAGD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CACzB,8BAAM,GAAG,EAAE,cAAY,CAAC,CAAC,EAAI,EAAE,SAAS,EAAK,MAAM,CAAC,SAAS,SAAI,MAAM,CAAC,UAAY,IAAG,KAAI,CAAC,WAAW,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAQ,CAC7H,EAF0B,CAE1B,CAAC;YAGJ,8BAAM,SAAS,EAAE,MAAM,CAAC,SAAS;gBAC/B,8BAAM,GAAG,EAAE,UAAA,GAAG,IAAI,OAAA,KAAI,CAAC,cAAc,GAAG,GAAG,EAAzB,CAAyB;oBACzC,oBAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,iCAAiC,EAChD,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAClC,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EACpE,OAAO,EAAE,IAAI,CAAC,kBAAkB;wBACpC,oBAAC,IAAI,IAAC,QAAQ,EAAC,OAAO,GAAG,CACpB,CACF;gBAGL,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CACxB,oBAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,MAAM,EAAE,IAAI,CAAC,cAAc,EAC3B,aAAa,EAAE,IAAI,EACnB,eAAe,EAAE,eAAe,CAAC,cAAc,EAC/C,qBAAqB,EAAE,eAAe,CAAC,eAAe,EACtD,SAAS,EAAE,IAAI,CAAC,gBAAgB,IAErC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAC3D,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;oBAC9B,+CAAoB;oBACpB,gCAEI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,GAAG,IAAK,OAAA,CACrC,4BAAI,GAAG,EAAK,GAAG,CAAC,KAAK,SAAI,GAAK;wBAAE,+BAAI,GAAG,CAAC,KAAK,CAAK;;wBAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAAC,CAAC,IAAI,CAAM,CAC5J,EAFsC,CAEtC,CAAC,CAED,CACD,CACP,CAEK,CACX,CAEE;YAEP,8BAAM,SAAS,EAAE,MAAM,CAAC,SAAS;YAE/B,gCAAgC;YAChC,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1B,oBAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,8BAA8B,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS;gBAC/I,oBAAC,IAAI,IAAC,QAAQ,EAAC,OAAO,GAAG,CACpB,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,2BAA2B,EAAE,SAAS,EAAE,MAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE;;gCAAY,qBAAM,IAAI,CAAC,MAAM,EAAE,EAAA;gCAAnB,sBAAA,SAAmB,EAAA;;yBAAA;gBAClL,oBAAC,IAAI,IAAC,QAAQ,EAAC,KAAK,GAAG,CAClB,CACR,CAEI,CACH,CACP,CAAC;IACJ,CAAC;IACH,yBAAC;AAAD,CAAC,AArfD,CAAwC,KAAK,CAAC,SAAS,GAqftD"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-property-controls",
   "description": "Reusable property pane controls for SharePoint Framework solutions",
-  "version": "3.8.0-beta.2337140",
+  "version": "3.8.0-beta.2598276",
   "scripts": {
     "build": "gulp build",
     "clean": "gulp clean",
@@ -60,7 +60,7 @@
     "husky": "^6.0.0",
     "request-promise": "4.2.6",
     "sonarqube-scanner": "2.1.2",
-    "spfx-fast-serve-helpers": "~1.13.0",
+    "spfx-fast-serve-helpers": "~1.14.0",
     "typescript": "3.7.7"
   },
   "repository": {

package/release/webpack-stats/sp-dev-fx-property-controls.stats.json

@@ -2,9 +2,9 @@
   "errors": [],
   "warnings": [],
   "version": "4.44.2",
-  "hash": "91f5030a071666bf56e3",
-  "time": 9611,
-  "builtAt": 1652774332689,
+  "hash": "3ec75a32b7d2f405a05b",
+  "time": 9028,
+  "builtAt": 1656698204958,
   "publicPath": "",
   "outputPath": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/dist",
   "assetsByChunkName": {
@@ -272,7 +272,7 @@
     },
     {
       "name": "property-controls-test-web-part.js",
-      "size": 9722797,
+      "size": 9722980,
       "chunks": [
         "property-controls-test-web-part"
       ],
@@ -285,7 +285,7 @@
     },
     {
       "name": "property-controls-test-web-part.js.map",
-      "size": 9258137,
+      "size": 9258285,
       "chunks": [
         "property-controls-test-web-part"
       ],
@@ -333,7 +333,7 @@
       "rendered": true,
       "initial": true,
       "entry": true,
-      "size": 7512346,
+      "size": 7512451,
       "names": [
         "property-controls-test-web-part"
       ],
@@ -341,7 +341,7 @@
         "property-controls-test-web-part.js",
         "property-controls-test-web-part.js.map"
       ],
-      "hash": "b23d3a944d32bdda08d6",
+      "hash": "a386e6da967c1439449f",
       "siblings": [],
       "parents": [],
       "children": [],
@@ -19554,7 +19554,7 @@
           "name": "./lib/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.scss.js",
           "index": 1113,
           "index2": 1109,
-          "size": 1043,
+          "size": 1090,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -19915,7 +19915,16 @@
               "moduleName": "./lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js",
               "type": "harmony import specifier",
               "userRequest": "../PropertyFieldCollectionDataHost.module.scss",
-              "loc": "567:177-183"
+              "loc": "567:172-178"
+            },
+            {
+              "moduleId": "Z3D4",
+              "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js",
+              "module": "./lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js",
+              "moduleName": "./lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js",
+              "type": "harmony import specifier",
+              "userRequest": "../PropertyFieldCollectionDataHost.module.scss",
+              "loc": "567:196-202"
             },
             {
               "moduleId": "k2cr",
@@ -19995,7 +20004,7 @@
           ],
           "optimizationBailout": [],
           "depth": 6,
-          "source": "/* tslint:disable */\nrequire(\"./PropertyFieldCollectionDataHost.module.css\");\nvar styles = {\n    collectionData: 'collectionData_836ee970',\n    noCollectionData: 'noCollectionData_836ee970',\n    panelActions: 'panelActions_836ee970',\n    required: 'required_836ee970',\n    addBtn: 'addBtn_836ee970',\n    inputField: 'inputField_836ee970',\n    numberField: 'numberField_836ee970',\n    invalidField: 'invalidField_836ee970',\n    iconField: 'iconField_836ee970',\n    iconPicker: 'iconPicker_836ee970',\n    requiredField: 'requiredField_836ee970',\n    colorField: 'colorField_836ee970',\n    colorIndicator: 'colorIndicator_836ee970',\n    collectionDataField: 'collectionDataField_836ee970',\n    table: 'table_836ee970',\n    tableRow: 'tableRow_836ee970',\n    tableFooter: 'tableFooter_836ee970',\n    tableCell: 'tableCell_836ee970',\n    errorCallout: 'errorCallout_836ee970',\n    errorCalloutLink: 'errorCalloutLink_836ee970',\n    errorMsgs: 'errorMsgs_836ee970',\n    tableHead: 'tableHead_836ee970'\n};\nexport default styles;\n/* tslint:enable */ \n"
+          "source": "/* tslint:disable */\nrequire(\"./PropertyFieldCollectionDataHost.module.css\");\nvar styles = {\n    collectionData: 'collectionData_f8375039',\n    noCollectionData: 'noCollectionData_f8375039',\n    panelActions: 'panelActions_f8375039',\n    required: 'required_f8375039',\n    addBtn: 'addBtn_f8375039',\n    addBtnDisabled: 'addBtnDisabled_f8375039',\n    inputField: 'inputField_f8375039',\n    numberField: 'numberField_f8375039',\n    invalidField: 'invalidField_f8375039',\n    iconField: 'iconField_f8375039',\n    iconPicker: 'iconPicker_f8375039',\n    requiredField: 'requiredField_f8375039',\n    colorField: 'colorField_f8375039',\n    colorIndicator: 'colorIndicator_f8375039',\n    collectionDataField: 'collectionDataField_f8375039',\n    table: 'table_f8375039',\n    tableRow: 'tableRow_f8375039',\n    tableFooter: 'tableFooter_f8375039',\n    tableCell: 'tableCell_f8375039',\n    errorCallout: 'errorCallout_f8375039',\n    errorCalloutLink: 'errorCalloutLink_f8375039',\n    errorMsgs: 'errorMsgs_f8375039',\n    tableHead: 'tableHead_f8375039'\n};\nexport default styles;\n/* tslint:enable */ \n"
         },
         {
           "id": "4H+i",
@@ -121597,7 +121606,7 @@
           "name": "./lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js",
           "index": 1117,
           "index2": 1137,
-          "size": 29168,
+          "size": 29187,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -121674,7 +121683,7 @@
           ],
           "optimizationBailout": [],
           "depth": 7,
-          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport * as React from 'react';\nimport styles from '../PropertyFieldCollectionDataHost.module.scss';\nimport { TextField } from 'office-ui-fabric-react/lib/components/TextField';\nimport { Icon } from 'office-ui-fabric-react/lib/components/Icon';\nimport { Link } from 'office-ui-fabric-react/lib/components/Link';\nimport * as strings from 'PropertyControlStrings';\nimport { CustomCollectionFieldType } from '..';\nimport { Dropdown } from 'office-ui-fabric-react/lib/components/Dropdown';\nimport { Callout, DirectionalHint } from 'office-ui-fabric-react/lib/components/Callout';\nimport { CollectionIconField } from '../collectionIconField';\nimport { clone, findIndex, sortBy } from '@microsoft/sp-lodash-subset';\nimport { CollectionNumberField } from '../collectionNumberField';\nimport { CollectionColorField } from '../collectionColorField';\nimport { Guid } from '@microsoft/sp-core-library';\nimport { CollectionDropdownField } from '../collectionDropdownField/CollectionDropdownField';\nimport { CollectionCheckboxField } from '../collectionCheckboxField/CollectionCheckboxField';\nvar CollectionDataItem = /** @class */ (function (_super) {\n    __extends(CollectionDataItem, _super);\n    function CollectionDataItem(props) {\n        var _this = _super.call(this, props) || this;\n        _this.emptyItem = null;\n        _this.validation = {};\n        /**\n         * Update the item value on the field change\n         */\n        _this.onValueChanged = function (fieldId, value) {\n            return new Promise(function (resolve) { return _this.setState(function (prevState) {\n                var crntItem = prevState.crntItem;\n                // Update the changed field\n                crntItem[fieldId] = value;\n                // Store this in the current state\n                return { crntItem: crntItem };\n            }, function () { return resolve(); }); });\n        };\n        /**\n         * Add the current row to the collection\n         */\n        _this.addRow = function () { return __awaiter(_this, void 0, void 0, function () {\n            var crntItem, emptyItem;\n            return __generator(this, function (_a) {\n                if (this.props.fAddItem) {\n                    crntItem = this.state.crntItem;\n                    // Check if all the fields are correctly provided\n                    if (this.checkRowIsValidForSave(crntItem)) {\n                        this.props.fAddItem(crntItem);\n                        emptyItem = this.generateEmptyItem();\n                        this.setState({\n                            crntItem: __assign({}, emptyItem)\n                        });\n                    }\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        /**\n         * Add the current row to the collection\n         */\n        _this.updateItem = function () { return __awaiter(_this, void 0, void 0, function () {\n            var crntItem, isValid;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        crntItem = this.state.crntItem;\n                        return [4 /*yield*/, this.checkRowIsValidForSave(crntItem)];\n                    case 1:\n                        isValid = _a.sent();\n                        if (this.props.fUpdateItem) {\n                            // Check if all the fields are correctly provided\n                            if (isValid) {\n                                this.props.fUpdateItem(this.props.index, crntItem);\n                            }\n                        }\n                        // Set the validation for the item\n                        if (this.props.fValidation) {\n                            this.props.fValidation(this.props.index, isValid);\n                        }\n                        return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * Delete the item from the collection\n         */\n        _this.deleteRow = function () {\n            if (_this.props.fDeleteItem) {\n                _this.props.fDeleteItem(_this.props.index);\n            }\n        };\n        /**\n         * Allow custom field validation\n         *\n         * @param field\n         * @param value\n         */\n        _this.fieldValidation = function (field, value) { return __awaiter(_this, void 0, void 0, function () {\n            var validation;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        validation = \"\";\n                        if (!field.onGetErrorMessage) return [3 /*break*/, 2];\n                        // Set initial field validation\n                        this.validation[field.id] = false;\n                        return [4 /*yield*/, field.onGetErrorMessage(value, this.props.index, this.state.crntItem)];\n                    case 1:\n                        // Do the validation\n                        validation = _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.storeFieldValidation(field.id, validation, true)];\n                }\n            });\n        }); };\n        /**\n         * Custom field validation\n         */\n        _this.onCustomFieldValidation = function (fieldId, errorMsg) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log(fieldId, errorMsg);\n                        if (!fieldId) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.storeFieldValidation(fieldId, errorMsg, true)];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * URL field validation\n         *\n         * @param field\n         * @param value\n         * @param item\n         */\n        _this.urlFieldValidation = function (field, value, item) { return __awaiter(_this, void 0, void 0, function () {\n            var isValid, validation, regEx;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        isValid = true;\n                        validation = \"\";\n                        if (!field.onGetErrorMessage) return [3 /*break*/, 2];\n                        return [4 /*yield*/, field.onGetErrorMessage(value, this.props.index, item)];\n                    case 1:\n                        // Using the custom validation\n                        validation = _a.sent();\n                        isValid = validation === \"\";\n                        return [3 /*break*/, 3];\n                    case 2:\n                        regEx = /(http|https)?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&\\/\\/=]*)/;\n                        isValid = (value === null || value.length === 0 || regEx.test(value));\n                        validation = isValid ? \"\" : strings.InvalidUrlError;\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, this.storeFieldValidation(field.id, validation, true)];\n                }\n            });\n        }); };\n        /**\n         * Toggle the error callout\n         */\n        _this.toggleErrorCallout = function () {\n            _this.setState(function (prevState) { return ({\n                showCallout: !prevState.showCallout\n            }); });\n        };\n        _this.hideErrorCallout = function () {\n            _this.setState({\n                showCallout: false\n            });\n        };\n        // Create an empty item with all properties\n        var emptyItem = _this.generateEmptyItem();\n        _this.state = {\n            crntItem: clone(_this.props.item) || __assign({}, emptyItem),\n            errorMsgs: [],\n            showCallout: false,\n            disableAdd: false\n        };\n        return _this;\n    }\n    /**\n     * componentDidUpdate lifecycle hook\n     * @param prevProps\n     * @param prevState\n     */\n    CollectionDataItem.prototype.componentDidUpdate = function (prevProps) {\n        if (this.props.item !== prevProps.item) {\n            this.setState({\n                crntItem: clone(this.props.item)\n            });\n        }\n    };\n    /**\n     * Perform all required field checks at once\n     */\n    CollectionDataItem.prototype.doAllFieldChecks = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var crntItem, disableAdd;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        crntItem = this.state.crntItem;\n                        disableAdd = null;\n                        if (!this.props.fAddInCreation) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.checkRowIsValidForSave(crntItem)];\n                    case 1:\n                        if (_a.sent()) {\n                            disableAdd = false;\n                            this.props.fAddInCreation(crntItem, true);\n                        }\n                        else {\n                            disableAdd = true;\n                            this.props.fAddInCreation(crntItem, false);\n                        }\n                        _a.label = 2;\n                    case 2:\n                        this.setState({ disableAdd: disableAdd });\n                        if (!this.props.fUpdateItem) return [3 /*break*/, 4];\n                        return [4 /*yield*/, this.updateItem()];\n                    case 3:\n                        _a.sent();\n                        _a.label = 4;\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Check if all values of the required fields are provided\n     */\n    CollectionDataItem.prototype.checkAllRequiredFieldsValid = function (item) {\n        // Get all the required fields\n        var requiredFields = this.props.fields.filter(function (f) { return f.required; });\n        // Check all the required field values\n        for (var _i = 0, requiredFields_1 = requiredFields; _i < requiredFields_1.length; _i++) {\n            var field = requiredFields_1[_i];\n            if (typeof item[field.id] === \"undefined\" || item[field.id] === null || item[field.id] === \"\") {\n                return false;\n            }\n        }\n        return true;\n    };\n    /**\n     * Check if any of the fields contain a value\n     * @param item\n     */\n    CollectionDataItem.prototype.checkAnyFieldContainsValue = function (item) {\n        var fields = this.props.fields;\n        for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {\n            var field = fields_1[_i];\n            if (typeof item[field.id] !== \"undefined\" && item[field.id] !== null && item[field.id] !== \"\") {\n                return true;\n            }\n        }\n        return false;\n    };\n    /**\n     * Check onGetCustomErrorMessage\n     * @param item\n     */\n    CollectionDataItem.prototype.checkAnyFieldCustomErrorMessage = function (item) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _a, fields, index, validations;\n            var _this = this;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, fields = _a.fields, index = _a.index;\n                        return [4 /*yield*/, Promise.all(fields.filter(function (f) { return f.onGetErrorMessage; }).map(function (f) { return __awaiter(_this, void 0, void 0, function () {\n                                var validation;\n                                return __generator(this, function (_a) {\n                                    switch (_a.label) {\n                                        case 0: return [4 /*yield*/, f.onGetErrorMessage(item[f.id], index, item)];\n                                        case 1:\n                                            validation = _a.sent();\n                                            return [2 /*return*/, this.storeFieldValidation(f.id, validation)];\n                                    }\n                                });\n                            }); }))];\n                    case 1:\n                        validations = _b.sent();\n                        return [2 /*return*/, validations.filter(function (v) { return v && v.length > 0; }).length == 0];\n                }\n            });\n        });\n    };\n    /**\n     * Check if row is ready for save\n     */\n    CollectionDataItem.prototype.checkRowIsValidForSave = function (item) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.checkAllRequiredFieldsValid(item) &&\n                            this.checkAnyFieldContainsValue(item);\n                        if (!_a) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.checkAnyFieldCustomErrorMessage(item)];\n                    case 1:\n                        _a = (_b.sent());\n                        _b.label = 2;\n                    case 2: return [2 /*return*/, _a &&\n                            this.checkAllFieldsAreValid()];\n                }\n            });\n        });\n    };\n    /**\n     * Checks if all fields are valid\n     */\n    CollectionDataItem.prototype.checkAllFieldsAreValid = function () {\n        if (this.validation) {\n            var keys = Object.keys(this.validation);\n            for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {\n                var key = keys_1[_i];\n                if (!this.validation[key]) {\n                    return false;\n                }\n            }\n        }\n        return true;\n    };\n    /**\n     * Updates callout and validation state\n     */\n    CollectionDataItem.prototype.storeFieldValidation = function (fieldId, validation, doAllFieldChecks) {\n        if (doAllFieldChecks === void 0) { doAllFieldChecks = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        // Store the field validation\n                        this.validation[fieldId] = validation === \"\";\n                        // Add message for the error callout\n                        this.errorCalloutHandler(fieldId, validation);\n                        if (!doAllFieldChecks) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.doAllFieldChecks()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, validation];\n                }\n            });\n        });\n    };\n    /**\n     * Error callout message handler\n     *\n     * @param field\n     * @param message\n     */\n    CollectionDataItem.prototype.errorCalloutHandler = function (fieldId, message) {\n        var _this = this;\n        this.setState(function (prevState) {\n            var crntItem = prevState.crntItem, errorMsgs = prevState.errorMsgs;\n            // Get the current field\n            var fieldIdx = findIndex(_this.props.fields, function (f) { return f.id === fieldId; });\n            if (fieldIdx === -1) {\n                return;\n            }\n            var field = _this.props.fields[fieldIdx];\n            // Check if there already is a message for the field\n            var fieldMsgIdx = findIndex(errorMsgs, function (msg) { return msg.field === field.title; });\n            // Add message\n            var fieldMsg;\n            if (fieldMsgIdx === -1) {\n                fieldMsg = {\n                    field: field.title,\n                    message: message\n                };\n            }\n            else {\n                // Update message\n                fieldMsg = errorMsgs[fieldMsgIdx];\n                if (fieldMsg) {\n                    fieldMsg.message = message;\n                }\n            }\n            // Check if field required message needs to be shown\n            if (field.required) {\n                if (typeof crntItem[field.id] === \"undefined\" || crntItem[field.id] === null || crntItem[field.id] === \"\") {\n                    fieldMsg.isRequired = true;\n                }\n                else {\n                    fieldMsg.isRequired = false;\n                }\n            }\n            // If required and message are false, it doesn't need to be added\n            if (!fieldMsg.message && !fieldMsg.isRequired) {\n                // Remove the item\n                if (fieldMsgIdx !== -1) {\n                    errorMsgs.splice(fieldMsgIdx, 1);\n                }\n            }\n            else {\n                if (fieldMsgIdx === -1) {\n                    errorMsgs.push(fieldMsg);\n                }\n            }\n            // Sort based on the index\n            errorMsgs = sortBy(errorMsgs, [\"field\"]);\n            return {\n                errorMsgs: errorMsgs\n            };\n        });\n    };\n    /**\n     * Render the field\n     *\n     * @param field\n     * @param item\n     */\n    CollectionDataItem.prototype.renderField = function (field, item) {\n        var _this = this;\n        var disableFieldOnEdit = field.disableEdit && !!this.props.fUpdateItem;\n        switch (field.type) {\n            case CustomCollectionFieldType.boolean:\n                return React.createElement(CollectionCheckboxField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.dropdown:\n                return React.createElement(CollectionDropdownField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.number:\n                return React.createElement(CollectionNumberField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.fabricIcon:\n                return React.createElement(CollectionIconField, { renderMode: field.iconFieldRenderMode, field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.color:\n                return React.createElement(CollectionColorField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.url:\n                return React.createElement(TextField, { placeholder: field.placeholder || field.title, value: item[field.id] ? item[field.id] : \"\", required: field.required, disabled: disableFieldOnEdit, className: styles.collectionDataField, onChange: function (e, value) { return _this.onValueChanged(field.id, value); }, deferredValidationTime: field.deferredValidationTime || field.deferredValidationTime >= 0 ? field.deferredValidationTime : 200, onGetErrorMessage: function (value) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                        return [2 /*return*/, this.urlFieldValidation(field, value, item)];\n                    }); }); }, inputClassName: \"PropertyFieldCollectionData__panel__url-field\" });\n            case CustomCollectionFieldType.custom:\n                if (field.onCustomRender) {\n                    return field.onCustomRender(field, item[field.id], function (fieldId, value) {\n                        _this.onValueChanged(fieldId, value);\n                        if (field.onGetErrorMessage) {\n                            _this.fieldValidation(field, value);\n                        }\n                    }, item, item.uniqueId, this.onCustomFieldValidation);\n                }\n                return null;\n            case CustomCollectionFieldType.string:\n            default:\n                return React.createElement(TextField, { placeholder: field.placeholder || field.title, className: styles.collectionDataField, value: item[field.id] ? item[field.id] : \"\", required: field.required, disabled: disableFieldOnEdit, onChange: function (e, value) { return _this.onValueChanged(field.id, value); }, deferredValidationTime: field.deferredValidationTime || field.deferredValidationTime >= 0 ? field.deferredValidationTime : 200, onGetErrorMessage: function (value) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                        switch (_a.label) {\n                            case 0: return [4 /*yield*/, this.fieldValidation(field, value)];\n                            case 1: return [2 /*return*/, _a.sent()];\n                        }\n                    }); }); }, inputClassName: \"PropertyFieldCollectionData__panel__string-field\" });\n        }\n    };\n    /**\n     * Retrieve all dropdown options\n     */\n    CollectionDataItem.prototype.getSortingOptions = function () {\n        var opts = [];\n        var totalItems = this.props.totalItems;\n        for (var i = 1; i <= totalItems; i++) {\n            opts.push({\n                text: i.toString(),\n                key: i\n            });\n        }\n        return opts;\n    };\n    /**\n    * Creates an empty item with a unique id\n    */\n    CollectionDataItem.prototype.generateEmptyItem = function () {\n        // Create an empty item with all properties\n        var emptyItem = {};\n        emptyItem.uniqueId = Guid.newGuid().toString();\n        for (var _i = 0, _a = this.props.fields; _i < _a.length; _i++) {\n            var field = _a[_i];\n            // Assign default value or null to the emptyItem\n            emptyItem[field.id] = field.defaultValue || null;\n        }\n        return emptyItem;\n    };\n    /**\n     * Default React render\n     */\n    CollectionDataItem.prototype.render = function () {\n        var _this = this;\n        var _a = this.state, crntItem = _a.crntItem, disableAdd = _a.disableAdd;\n        var opts = this.getSortingOptions();\n        return (React.createElement(\"div\", { className: \"PropertyFieldCollectionData__panel__table-row \" + styles.tableRow + \" \" + (this.props.index === null ? styles.tableFooter : \"\") },\n            (this.props.sortingEnabled && this.props.totalItems) && (React.createElement(\"span\", { className: \"PropertyFieldCollectionData__panel__sorting-field \" + styles.tableCell },\n                React.createElement(Dropdown, { options: opts, selectedKey: this.props.index + 1, onChanged: function (opt) { return _this.props.fOnSorting(_this.props.index, opt.key); } }))),\n            (this.props.sortingEnabled && this.props.totalItems === null) && (React.createElement(\"span\", { className: \"\" + styles.tableCell })),\n            this.props.fields.map(function (f) { return (React.createElement(\"span\", { key: \"dataitem-\" + f.id, className: styles.tableCell + \" \" + styles.inputField }, _this.renderField(f, crntItem))); }),\n            React.createElement(\"span\", { className: styles.tableCell },\n                React.createElement(\"span\", { ref: function (ref) { return _this.calloutCellRef = ref; } },\n                    React.createElement(Link, { title: strings.CollectionDataItemShowErrorsLabel, className: styles.errorCalloutLink, disabled: !this.state.errorMsgs || this.state.errorMsgs.length === 0, onClick: this.toggleErrorCallout },\n                        React.createElement(Icon, { iconName: \"Error\" }))),\n                this.state.showCallout && (React.createElement(Callout, { className: styles.errorCallout, target: this.calloutCellRef, isBeakVisible: true, directionalHint: DirectionalHint.bottomLeftEdge, directionalHintForRTL: DirectionalHint.rightBottomEdge, onDismiss: this.hideErrorCallout }, (this.state.errorMsgs && this.state.errorMsgs.length > 0) && (React.createElement(\"div\", { className: styles.errorMsgs },\n                    React.createElement(\"p\", null, \"Field issues:\"),\n                    React.createElement(\"ul\", null, this.state.errorMsgs.map(function (msg, idx) { return (React.createElement(\"li\", { key: msg.field + \"-\" + idx },\n                        React.createElement(\"b\", null, msg.field),\n                        \": \",\n                        msg.message ? msg.message : msg.isRequired ? strings.CollectionDataItemFieldRequiredLabel : null)); }))))))),\n            React.createElement(\"span\", { className: styles.tableCell }, \n            /* Check add or delete action */\n            this.props.index !== null ? (React.createElement(Link, { title: strings.CollectionDeleteRowButtonLabel, disabled: !this.props.fDeleteItem || this.props.disableItemDeletion, onClick: this.deleteRow },\n                React.createElement(Icon, { iconName: \"Clear\" }))) : (React.createElement(Link, { title: strings.CollectionAddRowButtonLabel, className: \"\" + (disableAdd ? \"\" : styles.addBtn), disabled: disableAdd, onClick: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0: return [4 /*yield*/, this.addRow()];\n                        case 1: return [2 /*return*/, _a.sent()];\n                    }\n                }); }); } },\n                React.createElement(Icon, { iconName: \"Add\" }))))));\n    };\n    return CollectionDataItem;\n}(React.Component));\nexport { CollectionDataItem };\n"
+          "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport * as React from 'react';\nimport styles from '../PropertyFieldCollectionDataHost.module.scss';\nimport { TextField } from 'office-ui-fabric-react/lib/components/TextField';\nimport { Icon } from 'office-ui-fabric-react/lib/components/Icon';\nimport { Link } from 'office-ui-fabric-react/lib/components/Link';\nimport * as strings from 'PropertyControlStrings';\nimport { CustomCollectionFieldType } from '..';\nimport { Dropdown } from 'office-ui-fabric-react/lib/components/Dropdown';\nimport { Callout, DirectionalHint } from 'office-ui-fabric-react/lib/components/Callout';\nimport { CollectionIconField } from '../collectionIconField';\nimport { clone, findIndex, sortBy } from '@microsoft/sp-lodash-subset';\nimport { CollectionNumberField } from '../collectionNumberField';\nimport { CollectionColorField } from '../collectionColorField';\nimport { Guid } from '@microsoft/sp-core-library';\nimport { CollectionDropdownField } from '../collectionDropdownField/CollectionDropdownField';\nimport { CollectionCheckboxField } from '../collectionCheckboxField/CollectionCheckboxField';\nvar CollectionDataItem = /** @class */ (function (_super) {\n    __extends(CollectionDataItem, _super);\n    function CollectionDataItem(props) {\n        var _this = _super.call(this, props) || this;\n        _this.emptyItem = null;\n        _this.validation = {};\n        /**\n         * Update the item value on the field change\n         */\n        _this.onValueChanged = function (fieldId, value) {\n            return new Promise(function (resolve) { return _this.setState(function (prevState) {\n                var crntItem = prevState.crntItem;\n                // Update the changed field\n                crntItem[fieldId] = value;\n                // Store this in the current state\n                return { crntItem: crntItem };\n            }, function () { return resolve(); }); });\n        };\n        /**\n         * Add the current row to the collection\n         */\n        _this.addRow = function () { return __awaiter(_this, void 0, void 0, function () {\n            var crntItem, emptyItem;\n            return __generator(this, function (_a) {\n                if (this.props.fAddItem) {\n                    crntItem = this.state.crntItem;\n                    // Check if all the fields are correctly provided\n                    if (this.checkRowIsValidForSave(crntItem)) {\n                        this.props.fAddItem(crntItem);\n                        emptyItem = this.generateEmptyItem();\n                        this.setState({\n                            crntItem: __assign({}, emptyItem)\n                        });\n                    }\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        /**\n         * Add the current row to the collection\n         */\n        _this.updateItem = function () { return __awaiter(_this, void 0, void 0, function () {\n            var crntItem, isValid;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        crntItem = this.state.crntItem;\n                        return [4 /*yield*/, this.checkRowIsValidForSave(crntItem)];\n                    case 1:\n                        isValid = _a.sent();\n                        if (this.props.fUpdateItem) {\n                            // Check if all the fields are correctly provided\n                            if (isValid) {\n                                this.props.fUpdateItem(this.props.index, crntItem);\n                            }\n                        }\n                        // Set the validation for the item\n                        if (this.props.fValidation) {\n                            this.props.fValidation(this.props.index, isValid);\n                        }\n                        return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * Delete the item from the collection\n         */\n        _this.deleteRow = function () {\n            if (_this.props.fDeleteItem) {\n                _this.props.fDeleteItem(_this.props.index);\n            }\n        };\n        /**\n         * Allow custom field validation\n         *\n         * @param field\n         * @param value\n         */\n        _this.fieldValidation = function (field, value) { return __awaiter(_this, void 0, void 0, function () {\n            var validation;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        validation = \"\";\n                        if (!field.onGetErrorMessage) return [3 /*break*/, 2];\n                        // Set initial field validation\n                        this.validation[field.id] = false;\n                        return [4 /*yield*/, field.onGetErrorMessage(value, this.props.index, this.state.crntItem)];\n                    case 1:\n                        // Do the validation\n                        validation = _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.storeFieldValidation(field.id, validation, true)];\n                }\n            });\n        }); };\n        /**\n         * Custom field validation\n         */\n        _this.onCustomFieldValidation = function (fieldId, errorMsg) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log(fieldId, errorMsg);\n                        if (!fieldId) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.storeFieldValidation(fieldId, errorMsg, true)];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * URL field validation\n         *\n         * @param field\n         * @param value\n         * @param item\n         */\n        _this.urlFieldValidation = function (field, value, item) { return __awaiter(_this, void 0, void 0, function () {\n            var isValid, validation, regEx;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        isValid = true;\n                        validation = \"\";\n                        if (!field.onGetErrorMessage) return [3 /*break*/, 2];\n                        return [4 /*yield*/, field.onGetErrorMessage(value, this.props.index, item)];\n                    case 1:\n                        // Using the custom validation\n                        validation = _a.sent();\n                        isValid = validation === \"\";\n                        return [3 /*break*/, 3];\n                    case 2:\n                        regEx = /(http|https)?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&\\/\\/=]*)/;\n                        isValid = (value === null || value.length === 0 || regEx.test(value));\n                        validation = isValid ? \"\" : strings.InvalidUrlError;\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, this.storeFieldValidation(field.id, validation, true)];\n                }\n            });\n        }); };\n        /**\n         * Toggle the error callout\n         */\n        _this.toggleErrorCallout = function () {\n            _this.setState(function (prevState) { return ({\n                showCallout: !prevState.showCallout\n            }); });\n        };\n        _this.hideErrorCallout = function () {\n            _this.setState({\n                showCallout: false\n            });\n        };\n        // Create an empty item with all properties\n        var emptyItem = _this.generateEmptyItem();\n        _this.state = {\n            crntItem: clone(_this.props.item) || __assign({}, emptyItem),\n            errorMsgs: [],\n            showCallout: false,\n            disableAdd: false\n        };\n        return _this;\n    }\n    /**\n     * componentDidUpdate lifecycle hook\n     * @param prevProps\n     * @param prevState\n     */\n    CollectionDataItem.prototype.componentDidUpdate = function (prevProps) {\n        if (this.props.item !== prevProps.item) {\n            this.setState({\n                crntItem: clone(this.props.item)\n            });\n        }\n    };\n    /**\n     * Perform all required field checks at once\n     */\n    CollectionDataItem.prototype.doAllFieldChecks = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var crntItem, disableAdd;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        crntItem = this.state.crntItem;\n                        disableAdd = null;\n                        if (!this.props.fAddInCreation) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.checkRowIsValidForSave(crntItem)];\n                    case 1:\n                        if (_a.sent()) {\n                            disableAdd = false;\n                            this.props.fAddInCreation(crntItem, true);\n                        }\n                        else {\n                            disableAdd = true;\n                            this.props.fAddInCreation(crntItem, false);\n                        }\n                        _a.label = 2;\n                    case 2:\n                        this.setState({ disableAdd: disableAdd });\n                        if (!this.props.fUpdateItem) return [3 /*break*/, 4];\n                        return [4 /*yield*/, this.updateItem()];\n                    case 3:\n                        _a.sent();\n                        _a.label = 4;\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Check if all values of the required fields are provided\n     */\n    CollectionDataItem.prototype.checkAllRequiredFieldsValid = function (item) {\n        // Get all the required fields\n        var requiredFields = this.props.fields.filter(function (f) { return f.required; });\n        // Check all the required field values\n        for (var _i = 0, requiredFields_1 = requiredFields; _i < requiredFields_1.length; _i++) {\n            var field = requiredFields_1[_i];\n            if (typeof item[field.id] === \"undefined\" || item[field.id] === null || item[field.id] === \"\") {\n                return false;\n            }\n        }\n        return true;\n    };\n    /**\n     * Check if any of the fields contain a value\n     * @param item\n     */\n    CollectionDataItem.prototype.checkAnyFieldContainsValue = function (item) {\n        var fields = this.props.fields;\n        for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {\n            var field = fields_1[_i];\n            if (typeof item[field.id] !== \"undefined\" && item[field.id] !== null && item[field.id] !== \"\") {\n                return true;\n            }\n        }\n        return false;\n    };\n    /**\n     * Check onGetCustomErrorMessage\n     * @param item\n     */\n    CollectionDataItem.prototype.checkAnyFieldCustomErrorMessage = function (item) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _a, fields, index, validations;\n            var _this = this;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, fields = _a.fields, index = _a.index;\n                        return [4 /*yield*/, Promise.all(fields.filter(function (f) { return f.onGetErrorMessage; }).map(function (f) { return __awaiter(_this, void 0, void 0, function () {\n                                var validation;\n                                return __generator(this, function (_a) {\n                                    switch (_a.label) {\n                                        case 0: return [4 /*yield*/, f.onGetErrorMessage(item[f.id], index, item)];\n                                        case 1:\n                                            validation = _a.sent();\n                                            return [2 /*return*/, this.storeFieldValidation(f.id, validation)];\n                                    }\n                                });\n                            }); }))];\n                    case 1:\n                        validations = _b.sent();\n                        return [2 /*return*/, validations.filter(function (v) { return v && v.length > 0; }).length == 0];\n                }\n            });\n        });\n    };\n    /**\n     * Check if row is ready for save\n     */\n    CollectionDataItem.prototype.checkRowIsValidForSave = function (item) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.checkAllRequiredFieldsValid(item) &&\n                            this.checkAnyFieldContainsValue(item);\n                        if (!_a) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.checkAnyFieldCustomErrorMessage(item)];\n                    case 1:\n                        _a = (_b.sent());\n                        _b.label = 2;\n                    case 2: return [2 /*return*/, _a &&\n                            this.checkAllFieldsAreValid()];\n                }\n            });\n        });\n    };\n    /**\n     * Checks if all fields are valid\n     */\n    CollectionDataItem.prototype.checkAllFieldsAreValid = function () {\n        if (this.validation) {\n            var keys = Object.keys(this.validation);\n            for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {\n                var key = keys_1[_i];\n                if (!this.validation[key]) {\n                    return false;\n                }\n            }\n        }\n        return true;\n    };\n    /**\n     * Updates callout and validation state\n     */\n    CollectionDataItem.prototype.storeFieldValidation = function (fieldId, validation, doAllFieldChecks) {\n        if (doAllFieldChecks === void 0) { doAllFieldChecks = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        // Store the field validation\n                        this.validation[fieldId] = validation === \"\";\n                        // Add message for the error callout\n                        this.errorCalloutHandler(fieldId, validation);\n                        if (!doAllFieldChecks) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.doAllFieldChecks()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, validation];\n                }\n            });\n        });\n    };\n    /**\n     * Error callout message handler\n     *\n     * @param field\n     * @param message\n     */\n    CollectionDataItem.prototype.errorCalloutHandler = function (fieldId, message) {\n        var _this = this;\n        this.setState(function (prevState) {\n            var crntItem = prevState.crntItem, errorMsgs = prevState.errorMsgs;\n            // Get the current field\n            var fieldIdx = findIndex(_this.props.fields, function (f) { return f.id === fieldId; });\n            if (fieldIdx === -1) {\n                return;\n            }\n            var field = _this.props.fields[fieldIdx];\n            // Check if there already is a message for the field\n            var fieldMsgIdx = findIndex(errorMsgs, function (msg) { return msg.field === field.title; });\n            // Add message\n            var fieldMsg;\n            if (fieldMsgIdx === -1) {\n                fieldMsg = {\n                    field: field.title,\n                    message: message\n                };\n            }\n            else {\n                // Update message\n                fieldMsg = errorMsgs[fieldMsgIdx];\n                if (fieldMsg) {\n                    fieldMsg.message = message;\n                }\n            }\n            // Check if field required message needs to be shown\n            if (field.required) {\n                if (typeof crntItem[field.id] === \"undefined\" || crntItem[field.id] === null || crntItem[field.id] === \"\") {\n                    fieldMsg.isRequired = true;\n                }\n                else {\n                    fieldMsg.isRequired = false;\n                }\n            }\n            // If required and message are false, it doesn't need to be added\n            if (!fieldMsg.message && !fieldMsg.isRequired) {\n                // Remove the item\n                if (fieldMsgIdx !== -1) {\n                    errorMsgs.splice(fieldMsgIdx, 1);\n                }\n            }\n            else {\n                if (fieldMsgIdx === -1) {\n                    errorMsgs.push(fieldMsg);\n                }\n            }\n            // Sort based on the index\n            errorMsgs = sortBy(errorMsgs, [\"field\"]);\n            return {\n                errorMsgs: errorMsgs\n            };\n        });\n    };\n    /**\n     * Render the field\n     *\n     * @param field\n     * @param item\n     */\n    CollectionDataItem.prototype.renderField = function (field, item) {\n        var _this = this;\n        var disableFieldOnEdit = field.disableEdit && !!this.props.fUpdateItem;\n        switch (field.type) {\n            case CustomCollectionFieldType.boolean:\n                return React.createElement(CollectionCheckboxField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.dropdown:\n                return React.createElement(CollectionDropdownField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.number:\n                return React.createElement(CollectionNumberField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.fabricIcon:\n                return React.createElement(CollectionIconField, { renderMode: field.iconFieldRenderMode, field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.color:\n                return React.createElement(CollectionColorField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.url:\n                return React.createElement(TextField, { placeholder: field.placeholder || field.title, value: item[field.id] ? item[field.id] : \"\", required: field.required, disabled: disableFieldOnEdit, className: styles.collectionDataField, onChange: function (e, value) { return _this.onValueChanged(field.id, value); }, deferredValidationTime: field.deferredValidationTime || field.deferredValidationTime >= 0 ? field.deferredValidationTime : 200, onGetErrorMessage: function (value) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                        return [2 /*return*/, this.urlFieldValidation(field, value, item)];\n                    }); }); }, inputClassName: \"PropertyFieldCollectionData__panel__url-field\" });\n            case CustomCollectionFieldType.custom:\n                if (field.onCustomRender) {\n                    return field.onCustomRender(field, item[field.id], function (fieldId, value) {\n                        _this.onValueChanged(fieldId, value);\n                        if (field.onGetErrorMessage) {\n                            _this.fieldValidation(field, value);\n                        }\n                    }, item, item.uniqueId, this.onCustomFieldValidation);\n                }\n                return null;\n            case CustomCollectionFieldType.string:\n            default:\n                return React.createElement(TextField, { placeholder: field.placeholder || field.title, className: styles.collectionDataField, value: item[field.id] ? item[field.id] : \"\", required: field.required, disabled: disableFieldOnEdit, onChange: function (e, value) { return _this.onValueChanged(field.id, value); }, deferredValidationTime: field.deferredValidationTime || field.deferredValidationTime >= 0 ? field.deferredValidationTime : 200, onGetErrorMessage: function (value) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                        switch (_a.label) {\n                            case 0: return [4 /*yield*/, this.fieldValidation(field, value)];\n                            case 1: return [2 /*return*/, _a.sent()];\n                        }\n                    }); }); }, inputClassName: \"PropertyFieldCollectionData__panel__string-field\" });\n        }\n    };\n    /**\n     * Retrieve all dropdown options\n     */\n    CollectionDataItem.prototype.getSortingOptions = function () {\n        var opts = [];\n        var totalItems = this.props.totalItems;\n        for (var i = 1; i <= totalItems; i++) {\n            opts.push({\n                text: i.toString(),\n                key: i\n            });\n        }\n        return opts;\n    };\n    /**\n    * Creates an empty item with a unique id\n    */\n    CollectionDataItem.prototype.generateEmptyItem = function () {\n        // Create an empty item with all properties\n        var emptyItem = {};\n        emptyItem.uniqueId = Guid.newGuid().toString();\n        for (var _i = 0, _a = this.props.fields; _i < _a.length; _i++) {\n            var field = _a[_i];\n            // Assign default value or null to the emptyItem\n            emptyItem[field.id] = field.defaultValue || null;\n        }\n        return emptyItem;\n    };\n    /**\n     * Default React render\n     */\n    CollectionDataItem.prototype.render = function () {\n        var _this = this;\n        var _a = this.state, crntItem = _a.crntItem, disableAdd = _a.disableAdd;\n        var opts = this.getSortingOptions();\n        return (React.createElement(\"div\", { className: \"PropertyFieldCollectionData__panel__table-row \" + styles.tableRow + \" \" + (this.props.index === null ? styles.tableFooter : \"\") },\n            (this.props.sortingEnabled && this.props.totalItems) && (React.createElement(\"span\", { className: \"PropertyFieldCollectionData__panel__sorting-field \" + styles.tableCell },\n                React.createElement(Dropdown, { options: opts, selectedKey: this.props.index + 1, onChanged: function (opt) { return _this.props.fOnSorting(_this.props.index, opt.key); } }))),\n            (this.props.sortingEnabled && this.props.totalItems === null) && (React.createElement(\"span\", { className: \"\" + styles.tableCell })),\n            this.props.fields.map(function (f) { return (React.createElement(\"span\", { key: \"dataitem-\" + f.id, className: styles.tableCell + \" \" + styles.inputField }, _this.renderField(f, crntItem))); }),\n            React.createElement(\"span\", { className: styles.tableCell },\n                React.createElement(\"span\", { ref: function (ref) { return _this.calloutCellRef = ref; } },\n                    React.createElement(Link, { title: strings.CollectionDataItemShowErrorsLabel, className: styles.errorCalloutLink, disabled: !this.state.errorMsgs || this.state.errorMsgs.length === 0, onClick: this.toggleErrorCallout },\n                        React.createElement(Icon, { iconName: \"Error\" }))),\n                this.state.showCallout && (React.createElement(Callout, { className: styles.errorCallout, target: this.calloutCellRef, isBeakVisible: true, directionalHint: DirectionalHint.bottomLeftEdge, directionalHintForRTL: DirectionalHint.rightBottomEdge, onDismiss: this.hideErrorCallout }, (this.state.errorMsgs && this.state.errorMsgs.length > 0) && (React.createElement(\"div\", { className: styles.errorMsgs },\n                    React.createElement(\"p\", null, \"Field issues:\"),\n                    React.createElement(\"ul\", null, this.state.errorMsgs.map(function (msg, idx) { return (React.createElement(\"li\", { key: msg.field + \"-\" + idx },\n                        React.createElement(\"b\", null, msg.field),\n                        \": \",\n                        msg.message ? msg.message : msg.isRequired ? strings.CollectionDataItemFieldRequiredLabel : null)); }))))))),\n            React.createElement(\"span\", { className: styles.tableCell }, \n            /* Check add or delete action */\n            this.props.index !== null ? (React.createElement(Link, { title: strings.CollectionDeleteRowButtonLabel, disabled: !this.props.fDeleteItem || this.props.disableItemDeletion, onClick: this.deleteRow },\n                React.createElement(Icon, { iconName: \"Clear\" }))) : (React.createElement(Link, { title: strings.CollectionAddRowButtonLabel, className: \"\" + (disableAdd ? styles.addBtnDisabled : styles.addBtn), disabled: disableAdd, onClick: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0: return [4 /*yield*/, this.addRow()];\n                        case 1: return [2 /*return*/, _a.sent()];\n                    }\n                }); }); } },\n                React.createElement(Icon, { iconName: \"Add\" }))))));\n    };\n    return CollectionDataItem;\n}(React.Component));\nexport { CollectionDataItem };\n"
         },
         {
           "id": "Z3ef",
@@ -153262,7 +153271,7 @@
           ],
           "optimizationBailout": [],
           "depth": 4,
-          "source": "export var version = \"3.8.0-beta.2337140\";\n"
+          "source": "export var version = \"3.8.0-beta.2598276\";\n"
         },
         {
           "id": "cLrF",
@@ -167845,7 +167854,7 @@
           "name": "./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??postcss!./lib/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.css",
           "index": 1115,
           "index2": 1107,
-          "size": 2615,
+          "size": 2654,
           "cacheable": true,
           "built": true,
           "optional": false,
@@ -167916,7 +167925,7 @@
           "providedExports": null,
           "optimizationBailout": [],
           "depth": 8,
-          "source": "exports = module.exports = require(\"../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \".collectionData_836ee970{background-color:#edebe9;padding:10px}.noCollectionData_836ee970{text-align:center}.panelActions_836ee970{margin-top:15px;text-align:right}.panelActions_836ee970 button{margin-right:15px}.panelActions_836ee970 button:last-child{margin-right:0}.required_836ee970{color:#d83b01;font-size:8px;vertical-align:super}.addBtn_836ee970{color:#0078d4}.inputField_836ee970{color:inherit}.numberField_836ee970{box-sizing:border-box;box-shadow:none;margin:0;padding:0;border:1px solid #a19f9d;background:#fff;height:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;position:relative}.numberField_836ee970:hover{border-color:#201f1e}.numberField_836ee970 input{box-sizing:border-box;box-shadow:none;margin:0;font-size:14px;border-radius:0;border:none;background:0 0;color:#323130;padding:0 12px 0 12px;width:100%;text-overflow:ellipsis;outline:0}.numberField_836ee970.invalidField_836ee970{border-color:#a80000}.iconField_836ee970{position:relative}.iconField_836ee970 i{font-size:20px;position:absolute;top:0;right:10px;vertical-align:top}.iconPicker_836ee970{display:-ms-flexbox;display:flex}.iconPicker_836ee970 .requiredField_836ee970{vertical-align:super;display:inline-block}.colorField_836ee970{position:relative}.colorField_836ee970 .colorIndicator_836ee970{width:30px;height:30px;border:1px solid #a6a6a6}.collectionDataField_836ee970>span{display:none}.collectionDataField_836ee970 div[class^=invalid_]{border-color:#a80000!important}.table_836ee970{display:table;width:100%;border-collapse:collapse}.tableRow_836ee970{display:table-row;line-height:30px}.tableRow_836ee970:hover{background-color:#f3f2f1;cursor:pointer;outline:1px solid transparent}.tableRow_836ee970.tableFooter_836ee970{background-color:#edebe9;border-top:1px solid #a19f9d}.tableCell_836ee970{display:table-cell;padding:0 10px;vertical-align:middle}.tableCell_836ee970>div,.tableCell_836ee970>div.ms-TextField{margin-bottom:8px;margin-top:8px}.errorCallout_836ee970{padding:0 15px;min-width:200px}.errorCalloutLink_836ee970:not([disabled]){color:#a80000}.errorMsgs_836ee970{font-size:14px;font-weight:400}.errorMsgs_836ee970 p{font-size:17px;font-weight:300}.errorMsgs_836ee970 ul{padding-left:15px}.errorMsgs_836ee970 li{color:#a80000}.tableHead_836ee970{font-weight:300;font-size:12px;color:#605e5c}.tableHead_836ee970 .tableCell_836ee970{font-weight:400;text-align:left;border-bottom:1px solid #a19f9d}\", \"\"]);\n"
+          "source": "exports = module.exports = require(\"../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \".collectionData_f8375039{background-color:#edebe9;padding:10px}.noCollectionData_f8375039{text-align:center}.panelActions_f8375039{margin-top:15px;text-align:right}.panelActions_f8375039 button{margin-right:15px}.panelActions_f8375039 button:last-child{margin-right:0}.required_f8375039{color:#d83b01;font-size:8px;vertical-align:super}.addBtn_f8375039{color:#0078d4}.addBtnDisabled_f8375039{color:#d2d0ce}.inputField_f8375039{color:inherit}.numberField_f8375039{box-sizing:border-box;box-shadow:none;margin:0;padding:0;border:1px solid #a19f9d;background:#fff;height:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;position:relative}.numberField_f8375039:hover{border-color:#201f1e}.numberField_f8375039 input{box-sizing:border-box;box-shadow:none;margin:0;font-size:14px;border-radius:0;border:none;background:0 0;color:#323130;padding:0 12px 0 12px;width:100%;text-overflow:ellipsis;outline:0}.numberField_f8375039.invalidField_f8375039{border-color:#a80000}.iconField_f8375039{position:relative}.iconField_f8375039 i{font-size:20px;position:absolute;top:0;right:10px;vertical-align:top}.iconPicker_f8375039{display:-ms-flexbox;display:flex}.iconPicker_f8375039 .requiredField_f8375039{vertical-align:super;display:inline-block}.colorField_f8375039{position:relative}.colorField_f8375039 .colorIndicator_f8375039{width:30px;height:30px;border:1px solid #a6a6a6}.collectionDataField_f8375039>span{display:none}.collectionDataField_f8375039 div[class^=invalid_]{border-color:#a80000!important}.table_f8375039{display:table;width:100%;border-collapse:collapse}.tableRow_f8375039{display:table-row;line-height:30px}.tableRow_f8375039:hover{background-color:#f3f2f1;cursor:pointer;outline:1px solid transparent}.tableRow_f8375039.tableFooter_f8375039{background-color:#edebe9;border-top:1px solid #a19f9d}.tableCell_f8375039{display:table-cell;padding:0 10px;vertical-align:middle}.tableCell_f8375039>div,.tableCell_f8375039>div.ms-TextField{margin-bottom:8px;margin-top:8px}.errorCallout_f8375039{padding:0 15px;min-width:200px}.errorCalloutLink_f8375039:not([disabled]){color:#a80000}.errorMsgs_f8375039{font-size:14px;font-weight:400}.errorMsgs_f8375039 p{font-size:17px;font-weight:300}.errorMsgs_f8375039 ul{padding-left:15px}.errorMsgs_f8375039 li{color:#a80000}.tableHead_f8375039{font-weight:300;font-size:12px;color:#605e5c}.tableHead_f8375039 .tableCell_f8375039{font-weight:400;text-align:left;border-bottom:1px solid #a19f9d}\", \"\"]);\n"
         },
         {
           "id": "hq+I",
@@ -254344,7 +254353,7 @@
       "name": "./lib/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.scss.js",
       "index": 1113,
       "index2": 1109,
-      "size": 1043,
+      "size": 1090,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -254705,7 +254714,16 @@
           "moduleName": "./lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js",
           "type": "harmony import specifier",
           "userRequest": "../PropertyFieldCollectionDataHost.module.scss",
-          "loc": "567:177-183"
+          "loc": "567:172-178"
+        },
+        {
+          "moduleId": "Z3D4",
+          "moduleIdentifier": "/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/node_modules/source-map-loader/index.js!/home/runner/work/sp-dev-fx-property-controls/sp-dev-fx-property-controls/lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js",
+          "module": "./lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js",
+          "moduleName": "./lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js",
+          "type": "harmony import specifier",
+          "userRequest": "../PropertyFieldCollectionDataHost.module.scss",
+          "loc": "567:196-202"
         },
         {
           "moduleId": "k2cr",
@@ -254785,7 +254803,7 @@
       ],
       "optimizationBailout": [],
       "depth": 6,
-      "source": "/* tslint:disable */\nrequire(\"./PropertyFieldCollectionDataHost.module.css\");\nvar styles = {\n    collectionData: 'collectionData_836ee970',\n    noCollectionData: 'noCollectionData_836ee970',\n    panelActions: 'panelActions_836ee970',\n    required: 'required_836ee970',\n    addBtn: 'addBtn_836ee970',\n    inputField: 'inputField_836ee970',\n    numberField: 'numberField_836ee970',\n    invalidField: 'invalidField_836ee970',\n    iconField: 'iconField_836ee970',\n    iconPicker: 'iconPicker_836ee970',\n    requiredField: 'requiredField_836ee970',\n    colorField: 'colorField_836ee970',\n    colorIndicator: 'colorIndicator_836ee970',\n    collectionDataField: 'collectionDataField_836ee970',\n    table: 'table_836ee970',\n    tableRow: 'tableRow_836ee970',\n    tableFooter: 'tableFooter_836ee970',\n    tableCell: 'tableCell_836ee970',\n    errorCallout: 'errorCallout_836ee970',\n    errorCalloutLink: 'errorCalloutLink_836ee970',\n    errorMsgs: 'errorMsgs_836ee970',\n    tableHead: 'tableHead_836ee970'\n};\nexport default styles;\n/* tslint:enable */ \n"
+      "source": "/* tslint:disable */\nrequire(\"./PropertyFieldCollectionDataHost.module.css\");\nvar styles = {\n    collectionData: 'collectionData_f8375039',\n    noCollectionData: 'noCollectionData_f8375039',\n    panelActions: 'panelActions_f8375039',\n    required: 'required_f8375039',\n    addBtn: 'addBtn_f8375039',\n    addBtnDisabled: 'addBtnDisabled_f8375039',\n    inputField: 'inputField_f8375039',\n    numberField: 'numberField_f8375039',\n    invalidField: 'invalidField_f8375039',\n    iconField: 'iconField_f8375039',\n    iconPicker: 'iconPicker_f8375039',\n    requiredField: 'requiredField_f8375039',\n    colorField: 'colorField_f8375039',\n    colorIndicator: 'colorIndicator_f8375039',\n    collectionDataField: 'collectionDataField_f8375039',\n    table: 'table_f8375039',\n    tableRow: 'tableRow_f8375039',\n    tableFooter: 'tableFooter_f8375039',\n    tableCell: 'tableCell_f8375039',\n    errorCallout: 'errorCallout_f8375039',\n    errorCalloutLink: 'errorCalloutLink_f8375039',\n    errorMsgs: 'errorMsgs_f8375039',\n    tableHead: 'tableHead_f8375039'\n};\nexport default styles;\n/* tslint:enable */ \n"
     },
     {
       "id": "4H+i",
@@ -356411,7 +356429,7 @@
       "name": "./lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.js",
       "index": 1117,
       "index2": 1137,
-      "size": 29168,
+      "size": 29187,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -356488,7 +356506,7 @@
       ],
       "optimizationBailout": [],
       "depth": 7,
-      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport * as React from 'react';\nimport styles from '../PropertyFieldCollectionDataHost.module.scss';\nimport { TextField } from 'office-ui-fabric-react/lib/components/TextField';\nimport { Icon } from 'office-ui-fabric-react/lib/components/Icon';\nimport { Link } from 'office-ui-fabric-react/lib/components/Link';\nimport * as strings from 'PropertyControlStrings';\nimport { CustomCollectionFieldType } from '..';\nimport { Dropdown } from 'office-ui-fabric-react/lib/components/Dropdown';\nimport { Callout, DirectionalHint } from 'office-ui-fabric-react/lib/components/Callout';\nimport { CollectionIconField } from '../collectionIconField';\nimport { clone, findIndex, sortBy } from '@microsoft/sp-lodash-subset';\nimport { CollectionNumberField } from '../collectionNumberField';\nimport { CollectionColorField } from '../collectionColorField';\nimport { Guid } from '@microsoft/sp-core-library';\nimport { CollectionDropdownField } from '../collectionDropdownField/CollectionDropdownField';\nimport { CollectionCheckboxField } from '../collectionCheckboxField/CollectionCheckboxField';\nvar CollectionDataItem = /** @class */ (function (_super) {\n    __extends(CollectionDataItem, _super);\n    function CollectionDataItem(props) {\n        var _this = _super.call(this, props) || this;\n        _this.emptyItem = null;\n        _this.validation = {};\n        /**\n         * Update the item value on the field change\n         */\n        _this.onValueChanged = function (fieldId, value) {\n            return new Promise(function (resolve) { return _this.setState(function (prevState) {\n                var crntItem = prevState.crntItem;\n                // Update the changed field\n                crntItem[fieldId] = value;\n                // Store this in the current state\n                return { crntItem: crntItem };\n            }, function () { return resolve(); }); });\n        };\n        /**\n         * Add the current row to the collection\n         */\n        _this.addRow = function () { return __awaiter(_this, void 0, void 0, function () {\n            var crntItem, emptyItem;\n            return __generator(this, function (_a) {\n                if (this.props.fAddItem) {\n                    crntItem = this.state.crntItem;\n                    // Check if all the fields are correctly provided\n                    if (this.checkRowIsValidForSave(crntItem)) {\n                        this.props.fAddItem(crntItem);\n                        emptyItem = this.generateEmptyItem();\n                        this.setState({\n                            crntItem: __assign({}, emptyItem)\n                        });\n                    }\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        /**\n         * Add the current row to the collection\n         */\n        _this.updateItem = function () { return __awaiter(_this, void 0, void 0, function () {\n            var crntItem, isValid;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        crntItem = this.state.crntItem;\n                        return [4 /*yield*/, this.checkRowIsValidForSave(crntItem)];\n                    case 1:\n                        isValid = _a.sent();\n                        if (this.props.fUpdateItem) {\n                            // Check if all the fields are correctly provided\n                            if (isValid) {\n                                this.props.fUpdateItem(this.props.index, crntItem);\n                            }\n                        }\n                        // Set the validation for the item\n                        if (this.props.fValidation) {\n                            this.props.fValidation(this.props.index, isValid);\n                        }\n                        return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * Delete the item from the collection\n         */\n        _this.deleteRow = function () {\n            if (_this.props.fDeleteItem) {\n                _this.props.fDeleteItem(_this.props.index);\n            }\n        };\n        /**\n         * Allow custom field validation\n         *\n         * @param field\n         * @param value\n         */\n        _this.fieldValidation = function (field, value) { return __awaiter(_this, void 0, void 0, function () {\n            var validation;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        validation = \"\";\n                        if (!field.onGetErrorMessage) return [3 /*break*/, 2];\n                        // Set initial field validation\n                        this.validation[field.id] = false;\n                        return [4 /*yield*/, field.onGetErrorMessage(value, this.props.index, this.state.crntItem)];\n                    case 1:\n                        // Do the validation\n                        validation = _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.storeFieldValidation(field.id, validation, true)];\n                }\n            });\n        }); };\n        /**\n         * Custom field validation\n         */\n        _this.onCustomFieldValidation = function (fieldId, errorMsg) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log(fieldId, errorMsg);\n                        if (!fieldId) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.storeFieldValidation(fieldId, errorMsg, true)];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * URL field validation\n         *\n         * @param field\n         * @param value\n         * @param item\n         */\n        _this.urlFieldValidation = function (field, value, item) { return __awaiter(_this, void 0, void 0, function () {\n            var isValid, validation, regEx;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        isValid = true;\n                        validation = \"\";\n                        if (!field.onGetErrorMessage) return [3 /*break*/, 2];\n                        return [4 /*yield*/, field.onGetErrorMessage(value, this.props.index, item)];\n                    case 1:\n                        // Using the custom validation\n                        validation = _a.sent();\n                        isValid = validation === \"\";\n                        return [3 /*break*/, 3];\n                    case 2:\n                        regEx = /(http|https)?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&\\/\\/=]*)/;\n                        isValid = (value === null || value.length === 0 || regEx.test(value));\n                        validation = isValid ? \"\" : strings.InvalidUrlError;\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, this.storeFieldValidation(field.id, validation, true)];\n                }\n            });\n        }); };\n        /**\n         * Toggle the error callout\n         */\n        _this.toggleErrorCallout = function () {\n            _this.setState(function (prevState) { return ({\n                showCallout: !prevState.showCallout\n            }); });\n        };\n        _this.hideErrorCallout = function () {\n            _this.setState({\n                showCallout: false\n            });\n        };\n        // Create an empty item with all properties\n        var emptyItem = _this.generateEmptyItem();\n        _this.state = {\n            crntItem: clone(_this.props.item) || __assign({}, emptyItem),\n            errorMsgs: [],\n            showCallout: false,\n            disableAdd: false\n        };\n        return _this;\n    }\n    /**\n     * componentDidUpdate lifecycle hook\n     * @param prevProps\n     * @param prevState\n     */\n    CollectionDataItem.prototype.componentDidUpdate = function (prevProps) {\n        if (this.props.item !== prevProps.item) {\n            this.setState({\n                crntItem: clone(this.props.item)\n            });\n        }\n    };\n    /**\n     * Perform all required field checks at once\n     */\n    CollectionDataItem.prototype.doAllFieldChecks = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var crntItem, disableAdd;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        crntItem = this.state.crntItem;\n                        disableAdd = null;\n                        if (!this.props.fAddInCreation) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.checkRowIsValidForSave(crntItem)];\n                    case 1:\n                        if (_a.sent()) {\n                            disableAdd = false;\n                            this.props.fAddInCreation(crntItem, true);\n                        }\n                        else {\n                            disableAdd = true;\n                            this.props.fAddInCreation(crntItem, false);\n                        }\n                        _a.label = 2;\n                    case 2:\n                        this.setState({ disableAdd: disableAdd });\n                        if (!this.props.fUpdateItem) return [3 /*break*/, 4];\n                        return [4 /*yield*/, this.updateItem()];\n                    case 3:\n                        _a.sent();\n                        _a.label = 4;\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Check if all values of the required fields are provided\n     */\n    CollectionDataItem.prototype.checkAllRequiredFieldsValid = function (item) {\n        // Get all the required fields\n        var requiredFields = this.props.fields.filter(function (f) { return f.required; });\n        // Check all the required field values\n        for (var _i = 0, requiredFields_1 = requiredFields; _i < requiredFields_1.length; _i++) {\n            var field = requiredFields_1[_i];\n            if (typeof item[field.id] === \"undefined\" || item[field.id] === null || item[field.id] === \"\") {\n                return false;\n            }\n        }\n        return true;\n    };\n    /**\n     * Check if any of the fields contain a value\n     * @param item\n     */\n    CollectionDataItem.prototype.checkAnyFieldContainsValue = function (item) {\n        var fields = this.props.fields;\n        for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {\n            var field = fields_1[_i];\n            if (typeof item[field.id] !== \"undefined\" && item[field.id] !== null && item[field.id] !== \"\") {\n                return true;\n            }\n        }\n        return false;\n    };\n    /**\n     * Check onGetCustomErrorMessage\n     * @param item\n     */\n    CollectionDataItem.prototype.checkAnyFieldCustomErrorMessage = function (item) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _a, fields, index, validations;\n            var _this = this;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, fields = _a.fields, index = _a.index;\n                        return [4 /*yield*/, Promise.all(fields.filter(function (f) { return f.onGetErrorMessage; }).map(function (f) { return __awaiter(_this, void 0, void 0, function () {\n                                var validation;\n                                return __generator(this, function (_a) {\n                                    switch (_a.label) {\n                                        case 0: return [4 /*yield*/, f.onGetErrorMessage(item[f.id], index, item)];\n                                        case 1:\n                                            validation = _a.sent();\n                                            return [2 /*return*/, this.storeFieldValidation(f.id, validation)];\n                                    }\n                                });\n                            }); }))];\n                    case 1:\n                        validations = _b.sent();\n                        return [2 /*return*/, validations.filter(function (v) { return v && v.length > 0; }).length == 0];\n                }\n            });\n        });\n    };\n    /**\n     * Check if row is ready for save\n     */\n    CollectionDataItem.prototype.checkRowIsValidForSave = function (item) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.checkAllRequiredFieldsValid(item) &&\n                            this.checkAnyFieldContainsValue(item);\n                        if (!_a) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.checkAnyFieldCustomErrorMessage(item)];\n                    case 1:\n                        _a = (_b.sent());\n                        _b.label = 2;\n                    case 2: return [2 /*return*/, _a &&\n                            this.checkAllFieldsAreValid()];\n                }\n            });\n        });\n    };\n    /**\n     * Checks if all fields are valid\n     */\n    CollectionDataItem.prototype.checkAllFieldsAreValid = function () {\n        if (this.validation) {\n            var keys = Object.keys(this.validation);\n            for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {\n                var key = keys_1[_i];\n                if (!this.validation[key]) {\n                    return false;\n                }\n            }\n        }\n        return true;\n    };\n    /**\n     * Updates callout and validation state\n     */\n    CollectionDataItem.prototype.storeFieldValidation = function (fieldId, validation, doAllFieldChecks) {\n        if (doAllFieldChecks === void 0) { doAllFieldChecks = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        // Store the field validation\n                        this.validation[fieldId] = validation === \"\";\n                        // Add message for the error callout\n                        this.errorCalloutHandler(fieldId, validation);\n                        if (!doAllFieldChecks) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.doAllFieldChecks()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, validation];\n                }\n            });\n        });\n    };\n    /**\n     * Error callout message handler\n     *\n     * @param field\n     * @param message\n     */\n    CollectionDataItem.prototype.errorCalloutHandler = function (fieldId, message) {\n        var _this = this;\n        this.setState(function (prevState) {\n            var crntItem = prevState.crntItem, errorMsgs = prevState.errorMsgs;\n            // Get the current field\n            var fieldIdx = findIndex(_this.props.fields, function (f) { return f.id === fieldId; });\n            if (fieldIdx === -1) {\n                return;\n            }\n            var field = _this.props.fields[fieldIdx];\n            // Check if there already is a message for the field\n            var fieldMsgIdx = findIndex(errorMsgs, function (msg) { return msg.field === field.title; });\n            // Add message\n            var fieldMsg;\n            if (fieldMsgIdx === -1) {\n                fieldMsg = {\n                    field: field.title,\n                    message: message\n                };\n            }\n            else {\n                // Update message\n                fieldMsg = errorMsgs[fieldMsgIdx];\n                if (fieldMsg) {\n                    fieldMsg.message = message;\n                }\n            }\n            // Check if field required message needs to be shown\n            if (field.required) {\n                if (typeof crntItem[field.id] === \"undefined\" || crntItem[field.id] === null || crntItem[field.id] === \"\") {\n                    fieldMsg.isRequired = true;\n                }\n                else {\n                    fieldMsg.isRequired = false;\n                }\n            }\n            // If required and message are false, it doesn't need to be added\n            if (!fieldMsg.message && !fieldMsg.isRequired) {\n                // Remove the item\n                if (fieldMsgIdx !== -1) {\n                    errorMsgs.splice(fieldMsgIdx, 1);\n                }\n            }\n            else {\n                if (fieldMsgIdx === -1) {\n                    errorMsgs.push(fieldMsg);\n                }\n            }\n            // Sort based on the index\n            errorMsgs = sortBy(errorMsgs, [\"field\"]);\n            return {\n                errorMsgs: errorMsgs\n            };\n        });\n    };\n    /**\n     * Render the field\n     *\n     * @param field\n     * @param item\n     */\n    CollectionDataItem.prototype.renderField = function (field, item) {\n        var _this = this;\n        var disableFieldOnEdit = field.disableEdit && !!this.props.fUpdateItem;\n        switch (field.type) {\n            case CustomCollectionFieldType.boolean:\n                return React.createElement(CollectionCheckboxField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.dropdown:\n                return React.createElement(CollectionDropdownField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.number:\n                return React.createElement(CollectionNumberField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.fabricIcon:\n                return React.createElement(CollectionIconField, { renderMode: field.iconFieldRenderMode, field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.color:\n                return React.createElement(CollectionColorField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.url:\n                return React.createElement(TextField, { placeholder: field.placeholder || field.title, value: item[field.id] ? item[field.id] : \"\", required: field.required, disabled: disableFieldOnEdit, className: styles.collectionDataField, onChange: function (e, value) { return _this.onValueChanged(field.id, value); }, deferredValidationTime: field.deferredValidationTime || field.deferredValidationTime >= 0 ? field.deferredValidationTime : 200, onGetErrorMessage: function (value) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                        return [2 /*return*/, this.urlFieldValidation(field, value, item)];\n                    }); }); }, inputClassName: \"PropertyFieldCollectionData__panel__url-field\" });\n            case CustomCollectionFieldType.custom:\n                if (field.onCustomRender) {\n                    return field.onCustomRender(field, item[field.id], function (fieldId, value) {\n                        _this.onValueChanged(fieldId, value);\n                        if (field.onGetErrorMessage) {\n                            _this.fieldValidation(field, value);\n                        }\n                    }, item, item.uniqueId, this.onCustomFieldValidation);\n                }\n                return null;\n            case CustomCollectionFieldType.string:\n            default:\n                return React.createElement(TextField, { placeholder: field.placeholder || field.title, className: styles.collectionDataField, value: item[field.id] ? item[field.id] : \"\", required: field.required, disabled: disableFieldOnEdit, onChange: function (e, value) { return _this.onValueChanged(field.id, value); }, deferredValidationTime: field.deferredValidationTime || field.deferredValidationTime >= 0 ? field.deferredValidationTime : 200, onGetErrorMessage: function (value) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                        switch (_a.label) {\n                            case 0: return [4 /*yield*/, this.fieldValidation(field, value)];\n                            case 1: return [2 /*return*/, _a.sent()];\n                        }\n                    }); }); }, inputClassName: \"PropertyFieldCollectionData__panel__string-field\" });\n        }\n    };\n    /**\n     * Retrieve all dropdown options\n     */\n    CollectionDataItem.prototype.getSortingOptions = function () {\n        var opts = [];\n        var totalItems = this.props.totalItems;\n        for (var i = 1; i <= totalItems; i++) {\n            opts.push({\n                text: i.toString(),\n                key: i\n            });\n        }\n        return opts;\n    };\n    /**\n    * Creates an empty item with a unique id\n    */\n    CollectionDataItem.prototype.generateEmptyItem = function () {\n        // Create an empty item with all properties\n        var emptyItem = {};\n        emptyItem.uniqueId = Guid.newGuid().toString();\n        for (var _i = 0, _a = this.props.fields; _i < _a.length; _i++) {\n            var field = _a[_i];\n            // Assign default value or null to the emptyItem\n            emptyItem[field.id] = field.defaultValue || null;\n        }\n        return emptyItem;\n    };\n    /**\n     * Default React render\n     */\n    CollectionDataItem.prototype.render = function () {\n        var _this = this;\n        var _a = this.state, crntItem = _a.crntItem, disableAdd = _a.disableAdd;\n        var opts = this.getSortingOptions();\n        return (React.createElement(\"div\", { className: \"PropertyFieldCollectionData__panel__table-row \" + styles.tableRow + \" \" + (this.props.index === null ? styles.tableFooter : \"\") },\n            (this.props.sortingEnabled && this.props.totalItems) && (React.createElement(\"span\", { className: \"PropertyFieldCollectionData__panel__sorting-field \" + styles.tableCell },\n                React.createElement(Dropdown, { options: opts, selectedKey: this.props.index + 1, onChanged: function (opt) { return _this.props.fOnSorting(_this.props.index, opt.key); } }))),\n            (this.props.sortingEnabled && this.props.totalItems === null) && (React.createElement(\"span\", { className: \"\" + styles.tableCell })),\n            this.props.fields.map(function (f) { return (React.createElement(\"span\", { key: \"dataitem-\" + f.id, className: styles.tableCell + \" \" + styles.inputField }, _this.renderField(f, crntItem))); }),\n            React.createElement(\"span\", { className: styles.tableCell },\n                React.createElement(\"span\", { ref: function (ref) { return _this.calloutCellRef = ref; } },\n                    React.createElement(Link, { title: strings.CollectionDataItemShowErrorsLabel, className: styles.errorCalloutLink, disabled: !this.state.errorMsgs || this.state.errorMsgs.length === 0, onClick: this.toggleErrorCallout },\n                        React.createElement(Icon, { iconName: \"Error\" }))),\n                this.state.showCallout && (React.createElement(Callout, { className: styles.errorCallout, target: this.calloutCellRef, isBeakVisible: true, directionalHint: DirectionalHint.bottomLeftEdge, directionalHintForRTL: DirectionalHint.rightBottomEdge, onDismiss: this.hideErrorCallout }, (this.state.errorMsgs && this.state.errorMsgs.length > 0) && (React.createElement(\"div\", { className: styles.errorMsgs },\n                    React.createElement(\"p\", null, \"Field issues:\"),\n                    React.createElement(\"ul\", null, this.state.errorMsgs.map(function (msg, idx) { return (React.createElement(\"li\", { key: msg.field + \"-\" + idx },\n                        React.createElement(\"b\", null, msg.field),\n                        \": \",\n                        msg.message ? msg.message : msg.isRequired ? strings.CollectionDataItemFieldRequiredLabel : null)); }))))))),\n            React.createElement(\"span\", { className: styles.tableCell }, \n            /* Check add or delete action */\n            this.props.index !== null ? (React.createElement(Link, { title: strings.CollectionDeleteRowButtonLabel, disabled: !this.props.fDeleteItem || this.props.disableItemDeletion, onClick: this.deleteRow },\n                React.createElement(Icon, { iconName: \"Clear\" }))) : (React.createElement(Link, { title: strings.CollectionAddRowButtonLabel, className: \"\" + (disableAdd ? \"\" : styles.addBtn), disabled: disableAdd, onClick: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0: return [4 /*yield*/, this.addRow()];\n                        case 1: return [2 /*return*/, _a.sent()];\n                    }\n                }); }); } },\n                React.createElement(Icon, { iconName: \"Add\" }))))));\n    };\n    return CollectionDataItem;\n}(React.Component));\nexport { CollectionDataItem };\n"
+      "source": "var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport * as React from 'react';\nimport styles from '../PropertyFieldCollectionDataHost.module.scss';\nimport { TextField } from 'office-ui-fabric-react/lib/components/TextField';\nimport { Icon } from 'office-ui-fabric-react/lib/components/Icon';\nimport { Link } from 'office-ui-fabric-react/lib/components/Link';\nimport * as strings from 'PropertyControlStrings';\nimport { CustomCollectionFieldType } from '..';\nimport { Dropdown } from 'office-ui-fabric-react/lib/components/Dropdown';\nimport { Callout, DirectionalHint } from 'office-ui-fabric-react/lib/components/Callout';\nimport { CollectionIconField } from '../collectionIconField';\nimport { clone, findIndex, sortBy } from '@microsoft/sp-lodash-subset';\nimport { CollectionNumberField } from '../collectionNumberField';\nimport { CollectionColorField } from '../collectionColorField';\nimport { Guid } from '@microsoft/sp-core-library';\nimport { CollectionDropdownField } from '../collectionDropdownField/CollectionDropdownField';\nimport { CollectionCheckboxField } from '../collectionCheckboxField/CollectionCheckboxField';\nvar CollectionDataItem = /** @class */ (function (_super) {\n    __extends(CollectionDataItem, _super);\n    function CollectionDataItem(props) {\n        var _this = _super.call(this, props) || this;\n        _this.emptyItem = null;\n        _this.validation = {};\n        /**\n         * Update the item value on the field change\n         */\n        _this.onValueChanged = function (fieldId, value) {\n            return new Promise(function (resolve) { return _this.setState(function (prevState) {\n                var crntItem = prevState.crntItem;\n                // Update the changed field\n                crntItem[fieldId] = value;\n                // Store this in the current state\n                return { crntItem: crntItem };\n            }, function () { return resolve(); }); });\n        };\n        /**\n         * Add the current row to the collection\n         */\n        _this.addRow = function () { return __awaiter(_this, void 0, void 0, function () {\n            var crntItem, emptyItem;\n            return __generator(this, function (_a) {\n                if (this.props.fAddItem) {\n                    crntItem = this.state.crntItem;\n                    // Check if all the fields are correctly provided\n                    if (this.checkRowIsValidForSave(crntItem)) {\n                        this.props.fAddItem(crntItem);\n                        emptyItem = this.generateEmptyItem();\n                        this.setState({\n                            crntItem: __assign({}, emptyItem)\n                        });\n                    }\n                }\n                return [2 /*return*/];\n            });\n        }); };\n        /**\n         * Add the current row to the collection\n         */\n        _this.updateItem = function () { return __awaiter(_this, void 0, void 0, function () {\n            var crntItem, isValid;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        crntItem = this.state.crntItem;\n                        return [4 /*yield*/, this.checkRowIsValidForSave(crntItem)];\n                    case 1:\n                        isValid = _a.sent();\n                        if (this.props.fUpdateItem) {\n                            // Check if all the fields are correctly provided\n                            if (isValid) {\n                                this.props.fUpdateItem(this.props.index, crntItem);\n                            }\n                        }\n                        // Set the validation for the item\n                        if (this.props.fValidation) {\n                            this.props.fValidation(this.props.index, isValid);\n                        }\n                        return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * Delete the item from the collection\n         */\n        _this.deleteRow = function () {\n            if (_this.props.fDeleteItem) {\n                _this.props.fDeleteItem(_this.props.index);\n            }\n        };\n        /**\n         * Allow custom field validation\n         *\n         * @param field\n         * @param value\n         */\n        _this.fieldValidation = function (field, value) { return __awaiter(_this, void 0, void 0, function () {\n            var validation;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        validation = \"\";\n                        if (!field.onGetErrorMessage) return [3 /*break*/, 2];\n                        // Set initial field validation\n                        this.validation[field.id] = false;\n                        return [4 /*yield*/, field.onGetErrorMessage(value, this.props.index, this.state.crntItem)];\n                    case 1:\n                        // Do the validation\n                        validation = _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, this.storeFieldValidation(field.id, validation, true)];\n                }\n            });\n        }); };\n        /**\n         * Custom field validation\n         */\n        _this.onCustomFieldValidation = function (fieldId, errorMsg) { return __awaiter(_this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        console.log(fieldId, errorMsg);\n                        if (!fieldId) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.storeFieldValidation(fieldId, errorMsg, true)];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/];\n                }\n            });\n        }); };\n        /**\n         * URL field validation\n         *\n         * @param field\n         * @param value\n         * @param item\n         */\n        _this.urlFieldValidation = function (field, value, item) { return __awaiter(_this, void 0, void 0, function () {\n            var isValid, validation, regEx;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        isValid = true;\n                        validation = \"\";\n                        if (!field.onGetErrorMessage) return [3 /*break*/, 2];\n                        return [4 /*yield*/, field.onGetErrorMessage(value, this.props.index, item)];\n                    case 1:\n                        // Using the custom validation\n                        validation = _a.sent();\n                        isValid = validation === \"\";\n                        return [3 /*break*/, 3];\n                    case 2:\n                        regEx = /(http|https)?:\\/\\/(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,6}\\b([-a-zA-Z0-9@:%_\\+.~#?&\\/\\/=]*)/;\n                        isValid = (value === null || value.length === 0 || regEx.test(value));\n                        validation = isValid ? \"\" : strings.InvalidUrlError;\n                        _a.label = 3;\n                    case 3: return [2 /*return*/, this.storeFieldValidation(field.id, validation, true)];\n                }\n            });\n        }); };\n        /**\n         * Toggle the error callout\n         */\n        _this.toggleErrorCallout = function () {\n            _this.setState(function (prevState) { return ({\n                showCallout: !prevState.showCallout\n            }); });\n        };\n        _this.hideErrorCallout = function () {\n            _this.setState({\n                showCallout: false\n            });\n        };\n        // Create an empty item with all properties\n        var emptyItem = _this.generateEmptyItem();\n        _this.state = {\n            crntItem: clone(_this.props.item) || __assign({}, emptyItem),\n            errorMsgs: [],\n            showCallout: false,\n            disableAdd: false\n        };\n        return _this;\n    }\n    /**\n     * componentDidUpdate lifecycle hook\n     * @param prevProps\n     * @param prevState\n     */\n    CollectionDataItem.prototype.componentDidUpdate = function (prevProps) {\n        if (this.props.item !== prevProps.item) {\n            this.setState({\n                crntItem: clone(this.props.item)\n            });\n        }\n    };\n    /**\n     * Perform all required field checks at once\n     */\n    CollectionDataItem.prototype.doAllFieldChecks = function () {\n        return __awaiter(this, void 0, void 0, function () {\n            var crntItem, disableAdd;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        crntItem = this.state.crntItem;\n                        disableAdd = null;\n                        if (!this.props.fAddInCreation) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.checkRowIsValidForSave(crntItem)];\n                    case 1:\n                        if (_a.sent()) {\n                            disableAdd = false;\n                            this.props.fAddInCreation(crntItem, true);\n                        }\n                        else {\n                            disableAdd = true;\n                            this.props.fAddInCreation(crntItem, false);\n                        }\n                        _a.label = 2;\n                    case 2:\n                        this.setState({ disableAdd: disableAdd });\n                        if (!this.props.fUpdateItem) return [3 /*break*/, 4];\n                        return [4 /*yield*/, this.updateItem()];\n                    case 3:\n                        _a.sent();\n                        _a.label = 4;\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    /**\n     * Check if all values of the required fields are provided\n     */\n    CollectionDataItem.prototype.checkAllRequiredFieldsValid = function (item) {\n        // Get all the required fields\n        var requiredFields = this.props.fields.filter(function (f) { return f.required; });\n        // Check all the required field values\n        for (var _i = 0, requiredFields_1 = requiredFields; _i < requiredFields_1.length; _i++) {\n            var field = requiredFields_1[_i];\n            if (typeof item[field.id] === \"undefined\" || item[field.id] === null || item[field.id] === \"\") {\n                return false;\n            }\n        }\n        return true;\n    };\n    /**\n     * Check if any of the fields contain a value\n     * @param item\n     */\n    CollectionDataItem.prototype.checkAnyFieldContainsValue = function (item) {\n        var fields = this.props.fields;\n        for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {\n            var field = fields_1[_i];\n            if (typeof item[field.id] !== \"undefined\" && item[field.id] !== null && item[field.id] !== \"\") {\n                return true;\n            }\n        }\n        return false;\n    };\n    /**\n     * Check onGetCustomErrorMessage\n     * @param item\n     */\n    CollectionDataItem.prototype.checkAnyFieldCustomErrorMessage = function (item) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _a, fields, index, validations;\n            var _this = this;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.props, fields = _a.fields, index = _a.index;\n                        return [4 /*yield*/, Promise.all(fields.filter(function (f) { return f.onGetErrorMessage; }).map(function (f) { return __awaiter(_this, void 0, void 0, function () {\n                                var validation;\n                                return __generator(this, function (_a) {\n                                    switch (_a.label) {\n                                        case 0: return [4 /*yield*/, f.onGetErrorMessage(item[f.id], index, item)];\n                                        case 1:\n                                            validation = _a.sent();\n                                            return [2 /*return*/, this.storeFieldValidation(f.id, validation)];\n                                    }\n                                });\n                            }); }))];\n                    case 1:\n                        validations = _b.sent();\n                        return [2 /*return*/, validations.filter(function (v) { return v && v.length > 0; }).length == 0];\n                }\n            });\n        });\n    };\n    /**\n     * Check if row is ready for save\n     */\n    CollectionDataItem.prototype.checkRowIsValidForSave = function (item) {\n        return __awaiter(this, void 0, void 0, function () {\n            var _a;\n            return __generator(this, function (_b) {\n                switch (_b.label) {\n                    case 0:\n                        _a = this.checkAllRequiredFieldsValid(item) &&\n                            this.checkAnyFieldContainsValue(item);\n                        if (!_a) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.checkAnyFieldCustomErrorMessage(item)];\n                    case 1:\n                        _a = (_b.sent());\n                        _b.label = 2;\n                    case 2: return [2 /*return*/, _a &&\n                            this.checkAllFieldsAreValid()];\n                }\n            });\n        });\n    };\n    /**\n     * Checks if all fields are valid\n     */\n    CollectionDataItem.prototype.checkAllFieldsAreValid = function () {\n        if (this.validation) {\n            var keys = Object.keys(this.validation);\n            for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {\n                var key = keys_1[_i];\n                if (!this.validation[key]) {\n                    return false;\n                }\n            }\n        }\n        return true;\n    };\n    /**\n     * Updates callout and validation state\n     */\n    CollectionDataItem.prototype.storeFieldValidation = function (fieldId, validation, doAllFieldChecks) {\n        if (doAllFieldChecks === void 0) { doAllFieldChecks = false; }\n        return __awaiter(this, void 0, void 0, function () {\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        // Store the field validation\n                        this.validation[fieldId] = validation === \"\";\n                        // Add message for the error callout\n                        this.errorCalloutHandler(fieldId, validation);\n                        if (!doAllFieldChecks) return [3 /*break*/, 2];\n                        return [4 /*yield*/, this.doAllFieldChecks()];\n                    case 1:\n                        _a.sent();\n                        _a.label = 2;\n                    case 2: return [2 /*return*/, validation];\n                }\n            });\n        });\n    };\n    /**\n     * Error callout message handler\n     *\n     * @param field\n     * @param message\n     */\n    CollectionDataItem.prototype.errorCalloutHandler = function (fieldId, message) {\n        var _this = this;\n        this.setState(function (prevState) {\n            var crntItem = prevState.crntItem, errorMsgs = prevState.errorMsgs;\n            // Get the current field\n            var fieldIdx = findIndex(_this.props.fields, function (f) { return f.id === fieldId; });\n            if (fieldIdx === -1) {\n                return;\n            }\n            var field = _this.props.fields[fieldIdx];\n            // Check if there already is a message for the field\n            var fieldMsgIdx = findIndex(errorMsgs, function (msg) { return msg.field === field.title; });\n            // Add message\n            var fieldMsg;\n            if (fieldMsgIdx === -1) {\n                fieldMsg = {\n                    field: field.title,\n                    message: message\n                };\n            }\n            else {\n                // Update message\n                fieldMsg = errorMsgs[fieldMsgIdx];\n                if (fieldMsg) {\n                    fieldMsg.message = message;\n                }\n            }\n            // Check if field required message needs to be shown\n            if (field.required) {\n                if (typeof crntItem[field.id] === \"undefined\" || crntItem[field.id] === null || crntItem[field.id] === \"\") {\n                    fieldMsg.isRequired = true;\n                }\n                else {\n                    fieldMsg.isRequired = false;\n                }\n            }\n            // If required and message are false, it doesn't need to be added\n            if (!fieldMsg.message && !fieldMsg.isRequired) {\n                // Remove the item\n                if (fieldMsgIdx !== -1) {\n                    errorMsgs.splice(fieldMsgIdx, 1);\n                }\n            }\n            else {\n                if (fieldMsgIdx === -1) {\n                    errorMsgs.push(fieldMsg);\n                }\n            }\n            // Sort based on the index\n            errorMsgs = sortBy(errorMsgs, [\"field\"]);\n            return {\n                errorMsgs: errorMsgs\n            };\n        });\n    };\n    /**\n     * Render the field\n     *\n     * @param field\n     * @param item\n     */\n    CollectionDataItem.prototype.renderField = function (field, item) {\n        var _this = this;\n        var disableFieldOnEdit = field.disableEdit && !!this.props.fUpdateItem;\n        switch (field.type) {\n            case CustomCollectionFieldType.boolean:\n                return React.createElement(CollectionCheckboxField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.dropdown:\n                return React.createElement(CollectionDropdownField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.number:\n                return React.createElement(CollectionNumberField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.fabricIcon:\n                return React.createElement(CollectionIconField, { renderMode: field.iconFieldRenderMode, field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.color:\n                return React.createElement(CollectionColorField, { field: field, item: item, disableEdit: disableFieldOnEdit, fOnValueChange: this.onValueChanged, fValidation: this.fieldValidation });\n            case CustomCollectionFieldType.url:\n                return React.createElement(TextField, { placeholder: field.placeholder || field.title, value: item[field.id] ? item[field.id] : \"\", required: field.required, disabled: disableFieldOnEdit, className: styles.collectionDataField, onChange: function (e, value) { return _this.onValueChanged(field.id, value); }, deferredValidationTime: field.deferredValidationTime || field.deferredValidationTime >= 0 ? field.deferredValidationTime : 200, onGetErrorMessage: function (value) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                        return [2 /*return*/, this.urlFieldValidation(field, value, item)];\n                    }); }); }, inputClassName: \"PropertyFieldCollectionData__panel__url-field\" });\n            case CustomCollectionFieldType.custom:\n                if (field.onCustomRender) {\n                    return field.onCustomRender(field, item[field.id], function (fieldId, value) {\n                        _this.onValueChanged(fieldId, value);\n                        if (field.onGetErrorMessage) {\n                            _this.fieldValidation(field, value);\n                        }\n                    }, item, item.uniqueId, this.onCustomFieldValidation);\n                }\n                return null;\n            case CustomCollectionFieldType.string:\n            default:\n                return React.createElement(TextField, { placeholder: field.placeholder || field.title, className: styles.collectionDataField, value: item[field.id] ? item[field.id] : \"\", required: field.required, disabled: disableFieldOnEdit, onChange: function (e, value) { return _this.onValueChanged(field.id, value); }, deferredValidationTime: field.deferredValidationTime || field.deferredValidationTime >= 0 ? field.deferredValidationTime : 200, onGetErrorMessage: function (value) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                        switch (_a.label) {\n                            case 0: return [4 /*yield*/, this.fieldValidation(field, value)];\n                            case 1: return [2 /*return*/, _a.sent()];\n                        }\n                    }); }); }, inputClassName: \"PropertyFieldCollectionData__panel__string-field\" });\n        }\n    };\n    /**\n     * Retrieve all dropdown options\n     */\n    CollectionDataItem.prototype.getSortingOptions = function () {\n        var opts = [];\n        var totalItems = this.props.totalItems;\n        for (var i = 1; i <= totalItems; i++) {\n            opts.push({\n                text: i.toString(),\n                key: i\n            });\n        }\n        return opts;\n    };\n    /**\n    * Creates an empty item with a unique id\n    */\n    CollectionDataItem.prototype.generateEmptyItem = function () {\n        // Create an empty item with all properties\n        var emptyItem = {};\n        emptyItem.uniqueId = Guid.newGuid().toString();\n        for (var _i = 0, _a = this.props.fields; _i < _a.length; _i++) {\n            var field = _a[_i];\n            // Assign default value or null to the emptyItem\n            emptyItem[field.id] = field.defaultValue || null;\n        }\n        return emptyItem;\n    };\n    /**\n     * Default React render\n     */\n    CollectionDataItem.prototype.render = function () {\n        var _this = this;\n        var _a = this.state, crntItem = _a.crntItem, disableAdd = _a.disableAdd;\n        var opts = this.getSortingOptions();\n        return (React.createElement(\"div\", { className: \"PropertyFieldCollectionData__panel__table-row \" + styles.tableRow + \" \" + (this.props.index === null ? styles.tableFooter : \"\") },\n            (this.props.sortingEnabled && this.props.totalItems) && (React.createElement(\"span\", { className: \"PropertyFieldCollectionData__panel__sorting-field \" + styles.tableCell },\n                React.createElement(Dropdown, { options: opts, selectedKey: this.props.index + 1, onChanged: function (opt) { return _this.props.fOnSorting(_this.props.index, opt.key); } }))),\n            (this.props.sortingEnabled && this.props.totalItems === null) && (React.createElement(\"span\", { className: \"\" + styles.tableCell })),\n            this.props.fields.map(function (f) { return (React.createElement(\"span\", { key: \"dataitem-\" + f.id, className: styles.tableCell + \" \" + styles.inputField }, _this.renderField(f, crntItem))); }),\n            React.createElement(\"span\", { className: styles.tableCell },\n                React.createElement(\"span\", { ref: function (ref) { return _this.calloutCellRef = ref; } },\n                    React.createElement(Link, { title: strings.CollectionDataItemShowErrorsLabel, className: styles.errorCalloutLink, disabled: !this.state.errorMsgs || this.state.errorMsgs.length === 0, onClick: this.toggleErrorCallout },\n                        React.createElement(Icon, { iconName: \"Error\" }))),\n                this.state.showCallout && (React.createElement(Callout, { className: styles.errorCallout, target: this.calloutCellRef, isBeakVisible: true, directionalHint: DirectionalHint.bottomLeftEdge, directionalHintForRTL: DirectionalHint.rightBottomEdge, onDismiss: this.hideErrorCallout }, (this.state.errorMsgs && this.state.errorMsgs.length > 0) && (React.createElement(\"div\", { className: styles.errorMsgs },\n                    React.createElement(\"p\", null, \"Field issues:\"),\n                    React.createElement(\"ul\", null, this.state.errorMsgs.map(function (msg, idx) { return (React.createElement(\"li\", { key: msg.field + \"-\" + idx },\n                        React.createElement(\"b\", null, msg.field),\n                        \": \",\n                        msg.message ? msg.message : msg.isRequired ? strings.CollectionDataItemFieldRequiredLabel : null)); }))))))),\n            React.createElement(\"span\", { className: styles.tableCell }, \n            /* Check add or delete action */\n            this.props.index !== null ? (React.createElement(Link, { title: strings.CollectionDeleteRowButtonLabel, disabled: !this.props.fDeleteItem || this.props.disableItemDeletion, onClick: this.deleteRow },\n                React.createElement(Icon, { iconName: \"Clear\" }))) : (React.createElement(Link, { title: strings.CollectionAddRowButtonLabel, className: \"\" + (disableAdd ? styles.addBtnDisabled : styles.addBtn), disabled: disableAdd, onClick: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {\n                    switch (_a.label) {\n                        case 0: return [4 /*yield*/, this.addRow()];\n                        case 1: return [2 /*return*/, _a.sent()];\n                    }\n                }); }); } },\n                React.createElement(Icon, { iconName: \"Add\" }))))));\n    };\n    return CollectionDataItem;\n}(React.Component));\nexport { CollectionDataItem };\n"
     },
     {
       "id": "Z3ef",
@@ -388076,7 +388094,7 @@
       ],
       "optimizationBailout": [],
       "depth": 4,
-      "source": "export var version = \"3.8.0-beta.2337140\";\n"
+      "source": "export var version = \"3.8.0-beta.2598276\";\n"
     },
     {
       "id": "cLrF",
@@ -402659,7 +402677,7 @@
       "name": "./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??postcss!./lib/propertyFields/collectionData/PropertyFieldCollectionDataHost.module.css",
       "index": 1115,
       "index2": 1107,
-      "size": 2615,
+      "size": 2654,
       "cacheable": true,
       "built": true,
       "optional": false,
@@ -402730,7 +402748,7 @@
       "providedExports": null,
       "optimizationBailout": [],
       "depth": 8,
-      "source": "exports = module.exports = require(\"../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \".collectionData_836ee970{background-color:#edebe9;padding:10px}.noCollectionData_836ee970{text-align:center}.panelActions_836ee970{margin-top:15px;text-align:right}.panelActions_836ee970 button{margin-right:15px}.panelActions_836ee970 button:last-child{margin-right:0}.required_836ee970{color:#d83b01;font-size:8px;vertical-align:super}.addBtn_836ee970{color:#0078d4}.inputField_836ee970{color:inherit}.numberField_836ee970{box-sizing:border-box;box-shadow:none;margin:0;padding:0;border:1px solid #a19f9d;background:#fff;height:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;position:relative}.numberField_836ee970:hover{border-color:#201f1e}.numberField_836ee970 input{box-sizing:border-box;box-shadow:none;margin:0;font-size:14px;border-radius:0;border:none;background:0 0;color:#323130;padding:0 12px 0 12px;width:100%;text-overflow:ellipsis;outline:0}.numberField_836ee970.invalidField_836ee970{border-color:#a80000}.iconField_836ee970{position:relative}.iconField_836ee970 i{font-size:20px;position:absolute;top:0;right:10px;vertical-align:top}.iconPicker_836ee970{display:-ms-flexbox;display:flex}.iconPicker_836ee970 .requiredField_836ee970{vertical-align:super;display:inline-block}.colorField_836ee970{position:relative}.colorField_836ee970 .colorIndicator_836ee970{width:30px;height:30px;border:1px solid #a6a6a6}.collectionDataField_836ee970>span{display:none}.collectionDataField_836ee970 div[class^=invalid_]{border-color:#a80000!important}.table_836ee970{display:table;width:100%;border-collapse:collapse}.tableRow_836ee970{display:table-row;line-height:30px}.tableRow_836ee970:hover{background-color:#f3f2f1;cursor:pointer;outline:1px solid transparent}.tableRow_836ee970.tableFooter_836ee970{background-color:#edebe9;border-top:1px solid #a19f9d}.tableCell_836ee970{display:table-cell;padding:0 10px;vertical-align:middle}.tableCell_836ee970>div,.tableCell_836ee970>div.ms-TextField{margin-bottom:8px;margin-top:8px}.errorCallout_836ee970{padding:0 15px;min-width:200px}.errorCalloutLink_836ee970:not([disabled]){color:#a80000}.errorMsgs_836ee970{font-size:14px;font-weight:400}.errorMsgs_836ee970 p{font-size:17px;font-weight:300}.errorMsgs_836ee970 ul{padding-left:15px}.errorMsgs_836ee970 li{color:#a80000}.tableHead_836ee970{font-weight:300;font-size:12px;color:#605e5c}.tableHead_836ee970 .tableCell_836ee970{font-weight:400;text-align:left;border-bottom:1px solid #a19f9d}\", \"\"]);\n"
+      "source": "exports = module.exports = require(\"../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \".collectionData_f8375039{background-color:#edebe9;padding:10px}.noCollectionData_f8375039{text-align:center}.panelActions_f8375039{margin-top:15px;text-align:right}.panelActions_f8375039 button{margin-right:15px}.panelActions_f8375039 button:last-child{margin-right:0}.required_f8375039{color:#d83b01;font-size:8px;vertical-align:super}.addBtn_f8375039{color:#0078d4}.addBtnDisabled_f8375039{color:#d2d0ce}.inputField_f8375039{color:inherit}.numberField_f8375039{box-sizing:border-box;box-shadow:none;margin:0;padding:0;border:1px solid #a19f9d;background:#fff;height:32px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;position:relative}.numberField_f8375039:hover{border-color:#201f1e}.numberField_f8375039 input{box-sizing:border-box;box-shadow:none;margin:0;font-size:14px;border-radius:0;border:none;background:0 0;color:#323130;padding:0 12px 0 12px;width:100%;text-overflow:ellipsis;outline:0}.numberField_f8375039.invalidField_f8375039{border-color:#a80000}.iconField_f8375039{position:relative}.iconField_f8375039 i{font-size:20px;position:absolute;top:0;right:10px;vertical-align:top}.iconPicker_f8375039{display:-ms-flexbox;display:flex}.iconPicker_f8375039 .requiredField_f8375039{vertical-align:super;display:inline-block}.colorField_f8375039{position:relative}.colorField_f8375039 .colorIndicator_f8375039{width:30px;height:30px;border:1px solid #a6a6a6}.collectionDataField_f8375039>span{display:none}.collectionDataField_f8375039 div[class^=invalid_]{border-color:#a80000!important}.table_f8375039{display:table;width:100%;border-collapse:collapse}.tableRow_f8375039{display:table-row;line-height:30px}.tableRow_f8375039:hover{background-color:#f3f2f1;cursor:pointer;outline:1px solid transparent}.tableRow_f8375039.tableFooter_f8375039{background-color:#edebe9;border-top:1px solid #a19f9d}.tableCell_f8375039{display:table-cell;padding:0 10px;vertical-align:middle}.tableCell_f8375039>div,.tableCell_f8375039>div.ms-TextField{margin-bottom:8px;margin-top:8px}.errorCallout_f8375039{padding:0 15px;min-width:200px}.errorCalloutLink_f8375039:not([disabled]){color:#a80000}.errorMsgs_f8375039{font-size:14px;font-weight:400}.errorMsgs_f8375039 p{font-size:17px;font-weight:300}.errorMsgs_f8375039 ul{padding-left:15px}.errorMsgs_f8375039 li{color:#a80000}.tableHead_f8375039{font-weight:300;font-size:12px;color:#605e5c}.tableHead_f8375039 .tableCell_f8375039{font-weight:400;text-align:left;border-bottom:1px solid #a19f9d}\", \"\"]);\n"
     },
     {
       "id": "hq+I",