@pnp/spfx-property-controls 3.3.0-beta.1446999 → 3.3.0-beta.1474462

package/CHANGELOG.json

@@ -5,12 +5,15 @@
       "changes": {
         "new": [],
         "enhancements": [
-          "SharePoint Framework v1.13 support",
+          "SharePoint Framework v1.13.* support",
           "`PropertyPanePropertyEditor`: Add translations for property editor control button and header [#399](https://github.com/pnp/sp-dev-fx-property-controls/pull/399)",
-          "`PropertyFieldCollectionData`: Adds conditional column visibility [#394](https://github.com/pnp/sp-dev-fx-property-controls/pull/394)"
+          "`PropertyFieldCollectionData`: Adds conditional column visibility [#394](https://github.com/pnp/sp-dev-fx-property-controls/pull/394)",
+          "Include `mystrings.d.ts` in definition output [#393](https://github.com/pnp/sp-dev-fx-property-controls/pull/393)",
+          "`PropertyFieldCollectionData`: `onGetErrorMessage` support for boolean, custom and color fields. [#395](https://github.com/pnp/sp-dev-fx-property-controls/pull/395)"
         ],
         "fixes": [
-          "`PropertyPanePropertyEditor`: Minor fix to allow PropertyEditor control to update properties when their current value is blank [#384](https://github.com/pnp/sp-dev-fx-property-controls/pull/384)"
+          "`PropertyPanePropertyEditor`: Minor fix to allow PropertyEditor control to update properties when their current value is blank [#384](https://github.com/pnp/sp-dev-fx-property-controls/pull/384)",
+          "`PropertyFieldSitePicker`: Some sites do not show up in Property Field Site Picker control [#402](https://github.com/pnp/sp-dev-fx-property-controls/issues/402)"
         ]
       },
       "contributions": [

package/CHANGELOG.md

@@ -4,13 +4,16 @@
 
 ### Enhancements
 
-- SharePoint Framework v1.13 support
+- SharePoint Framework v1.13.* support
 - `PropertyPanePropertyEditor`: Add translations for property editor control button and header [#399](https://github.com/pnp/sp-dev-fx-property-controls/pull/399)
 - `PropertyFieldCollectionData`: Adds conditional column visibility [#394](https://github.com/pnp/sp-dev-fx-property-controls/pull/394)
+- Include `mystrings.d.ts` in definition output [#393](https://github.com/pnp/sp-dev-fx-property-controls/pull/393)
+- `PropertyFieldCollectionData`: `onGetErrorMessage` support for boolean, custom and color fields. [#395](https://github.com/pnp/sp-dev-fx-property-controls/pull/395)
 
 ### Fixes
 
 - `PropertyPanePropertyEditor`: Minor fix to allow PropertyEditor control to update properties when their current value is blank [#384](https://github.com/pnp/sp-dev-fx-property-controls/pull/384)
+- `PropertyFieldSitePicker`: Some sites do not show up in Property Field Site Picker control [#402](https://github.com/pnp/sp-dev-fx-property-controls/issues/402)
 
 ### Contributors
 

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.3.0-beta.1446999";
+export var version = "3.3.0-beta.1474462";
 //# sourceMappingURL=version.js.map

package/lib/propertyFields/collectionData/IBaseCollectionFIeldsProps.d.ts

@@ -0,0 +1,9 @@
+import { ICustomCollectionField } from ".";
+export interface IBaseCollectionFieldProps {
+    field: ICustomCollectionField;
+    item: any;
+    disableEdit: boolean;
+    fOnValueChange: (fieldId: string, value: any) => void | Promise<void>;
+    fValidation: (field: ICustomCollectionField, value: any) => Promise<string>;
+}
+//# sourceMappingURL=IBaseCollectionFIeldsProps.d.ts.map

package/lib/propertyFields/collectionData/IBaseCollectionFIeldsProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IBaseCollectionFIeldsProps.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/collectionData/IBaseCollectionFIeldsProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,GAAG,CAAC;AAE3C,MAAM,WAAW,yBAAyB;IACtC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,IAAI,EAAE,GAAG,CAAC;IACV,WAAW,EAAE,OAAO,CAAC;IAErB,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,WAAW,EAAE,CAAC,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CAC7E"}

package/lib/propertyFields/collectionData/IBaseCollectionFIeldsProps.js

@@ -0,0 +1 @@
+//# sourceMappingURL=IBaseCollectionFIeldsProps.js.map

package/lib/propertyFields/collectionData/IBaseCollectionFIeldsProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IBaseCollectionFIeldsProps.js","sourceRoot":"","sources":["../../../src/propertyFields/collectionData/IBaseCollectionFIeldsProps.ts"],"names":[],"mappings":""}

package/lib/propertyFields/collectionData/collectionCheckboxField/CollectionCheckboxField.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IBaseCollectionFieldProps } from '../IBaseCollectionFIeldsProps';
+export interface ICollectionCheckboxFieldProps extends IBaseCollectionFieldProps {
+}
+export declare const CollectionCheckboxField: React.FunctionComponent<ICollectionCheckboxFieldProps>;
+//# sourceMappingURL=CollectionCheckboxField.d.ts.map

package/lib/propertyFields/collectionData/collectionCheckboxField/CollectionCheckboxField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionCheckboxField.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionCheckboxField/CollectionCheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,MAAM,WAAW,6BAA8B,SAAQ,yBAAyB;CAAI;AAEpF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAyC1F,CAAC"}

package/lib/propertyFields/collectionData/collectionCheckboxField/CollectionCheckboxField.js

@@ -0,0 +1,82 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            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;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import * as React from 'react';
+import styles from '../PropertyFieldCollectionDataHost.module.scss';
+import { Checkbox } from 'office-ui-fabric-react/lib/components/Checkbox';
+export var CollectionCheckboxField = function (_a) {
+    var field = _a.field, item = _a.item, disableEdit = _a.disableEdit, fOnValueChange = _a.fOnValueChange, fValidation = _a.fValidation;
+    var _b = React.useState(), errorMessage = _b[0], setErrorMessage = _b[1];
+    var onValueChange = React.useCallback(function (value) { return __awaiter(void 0, void 0, void 0, function () {
+        var error;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!field) {
+                        return [2 /*return*/];
+                    }
+                    if (!fOnValueChange) return [3 /*break*/, 2];
+                    return [4 /*yield*/, fOnValueChange(field.id, value)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    if (!fValidation) return [3 /*break*/, 4];
+                    return [4 /*yield*/, fValidation(field, value)];
+                case 3:
+                    error = _a.sent();
+                    setErrorMessage(error);
+                    _a.label = 4;
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [field, fOnValueChange, fValidation]);
+    React.useEffect(function () {
+        if (item && field) {
+            onValueChange(item[field.id]);
+        }
+    }, []);
+    if (!field || !item) {
+        return React.createElement(React.Fragment, null);
+    }
+    return React.createElement(Checkbox, { checked: item[field.id] ? item[field.id] : false, onChange: function (e, v) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, onValueChange(v)];
+                case 1: return [2 /*return*/, _a.sent()];
+            }
+        }); }); }, disabled: disableEdit, className: "PropertyFieldCollectionData__panel__boolean-field " + (errorMessage ? styles.invalidField : '') });
+};
+//# sourceMappingURL=CollectionCheckboxField.js.map

package/lib/propertyFields/collectionData/collectionCheckboxField/CollectionCheckboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionCheckboxField.js","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionCheckboxField/CollectionCheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gDAAgD,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,gDAAgD,CAAC;AAK1E,MAAM,CAAC,IAAM,uBAAuB,GAA2D,UAAC,EAM/F;QALC,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,cAAc,oBAAA,EACd,WAAW,iBAAA;IAGL,IAAA,KAAkC,KAAK,CAAC,QAAQ,EAAU,EAAzD,YAAY,QAAA,EAAE,eAAe,QAA4B,CAAC;IAEjE,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAO,KAAU;;;;;oBAEvD,IAAI,CAAC,KAAK,EAAE;wBACV,sBAAO;qBACR;yBAEG,cAAc,EAAd,wBAAc;oBAChB,qBAAM,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAA;;oBAArC,SAAqC,CAAC;;;yBAGpC,WAAW,EAAX,wBAAW;oBACC,qBAAM,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,EAAA;;oBAAvC,KAAK,GAAG,SAA+B;oBAC7C,eAAe,CAAC,KAAK,CAAC,CAAC;;;;;SAE1B,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAGzC,KAAK,CAAC,SAAS,CAAC;QACd,IAAI,IAAI,IAAI,KAAK,EAAE;YACjB,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;SAC/B;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,EAAE;QACnB,OAAO,yCAAK,CAAC;KACd;IAED,OAAO,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,EAC/D,QAAQ,EAAE,UAAO,CAAC,EAAE,CAAC;;wBAAK,qBAAM,aAAa,CAAC,CAAC,CAAC,EAAA;wBAAtB,sBAAA,SAAsB,EAAA;;iBAAA,EAChD,QAAQ,EAAE,WAAW,EACrB,SAAS,EAAE,wDAAqD,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAE,GAAI,CAAC;AAClH,CAAC,CAAC"}

package/lib/propertyFields/collectionData/collectionColorField/CollectionColorField.d.ts

@@ -3,12 +3,30 @@ import { ICollectionColorFieldProps } from '.';
 interface ICollectionColorFieldState {
     isCalloutVisible: boolean;
     color: string;
+    errorMessage: string;
 }
 export declare class CollectionColorField extends React.Component<ICollectionColorFieldProps, ICollectionColorFieldState> {
+    private async;
+    private delayedValidate;
     private _colorElement;
     constructor(props: ICollectionColorFieldProps, state: ICollectionColorFieldState);
+    /**
+     * componentWillMount lifecycle hook
+     */
+    componentWillMount(): void;
     private _onCalloutDismiss;
     private _onCalloutToggle;
+    /**
+    * Value change event handler
+    *
+    * @param field
+    * @param value
+    */
+    private valueChange;
+    /**
+     * Delayed field validation
+     */
+    private valueValidation;
     render(): React.ReactElement<ICollectionColorFieldProps>;
 }
 export {};

package/lib/propertyFields/collectionData/collectionColorField/CollectionColorField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionColorField.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionColorField/CollectionColorField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,GAAG,CAAC;AAI/C,UAAU,0BAA0B;IAClC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,EAAE,0BAA0B,CAAC;IAE/G,OAAO,CAAC,aAAa,CAAqC;gBAEvC,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,0BAA0B;IAUvF,OAAO,CAAC,iBAAiB,CAIxB;IAED,OAAO,CAAC,gBAAgB,CAIvB;IAEM,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,0BAA0B,CAAC;CA8BhE"}
+{"version":3,"file":"CollectionColorField.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionColorField/CollectionColorField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,0BAA0B,EAAE,MAAM,GAAG,CAAC;AAM/C,UAAU,0BAA0B;IAClC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,EAAE,0BAA0B,CAAC;IAC/G,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,eAAe,CAA4D;IACnF,OAAO,CAAC,aAAa,CAAqC;gBAEvC,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,0BAA0B;IAcvF;;OAEG;IACI,kBAAkB,IAAI,IAAI;IAIjC,OAAO,CAAC,iBAAiB,CAIxB;IAED,OAAO,CAAC,gBAAgB,CAIvB;IAEA;;;;;MAKE;IACH,OAAO,CAAC,WAAW,CAMlB;IAED;;OAEG;IACH,OAAO,CAAC,eAAe,CAMtB;IAEM,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,0BAA0B,CAAC;CA8BhE"}

package/lib/propertyFields/collectionData/collectionColorField/CollectionColorField.js

@@ -11,8 +11,45 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            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;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import * as React from 'react';
 import styles from '../PropertyFieldCollectionDataHost.module.scss';
+import { Async } from 'office-ui-fabric-react/lib/Utilities';
 import { Callout, DirectionalHint } from 'office-ui-fabric-react/lib/Callout';
 import { ColorPicker } from 'office-ui-fabric-react/lib/ColorPicker';
 var CollectionColorField = /** @class */ (function (_super) {
@@ -30,21 +67,74 @@ var CollectionColorField = /** @class */ (function (_super) {
                 isCalloutVisible: !_this.state.isCalloutVisible
             });
         };
+        /**
+        * Value change event handler
+        *
+        * @param field
+        * @param value
+        */
+        _this.valueChange = function (field, value) { return __awaiter(_this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.setState({
+                            color: value
+                        });
+                        return [4 /*yield*/, this.props.fOnValueChange(field.id, value)];
+                    case 1:
+                        _a.sent();
+                        this.delayedValidate(field, value);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        /**
+         * Delayed field validation
+         */
+        _this.valueValidation = function (field, value) { return __awaiter(_this, void 0, void 0, function () {
+            var validation;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.props.fValidation(field, value)];
+                    case 1:
+                        validation = _a.sent();
+                        // Update the error message
+                        this.setState({
+                            errorMessage: validation
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); };
         var _a = _this.props, field = _a.field, item = _a.item;
         _this.state = {
             isCalloutVisible: false,
-            color: item[field.id] ? item[field.id] : "#0000ff"
+            color: item[field.id] ? item[field.id] : "#0000ff",
+            errorMessage: ''
         };
+        _this.async = new Async(_this);
+        _this.delayedValidate = _this.async.debounce(_this.valueValidation, (_this.props.field.deferredValidationTime || _this.props.field.deferredValidationTime >= 0) ? _this.props.field.deferredValidationTime : 200);
         return _this;
     }
+    /**
+     * componentWillMount lifecycle hook
+     */
+    CollectionColorField.prototype.componentWillMount = function () {
+        this.valueChange(this.props.field, this.props.item[this.props.field.id]);
+    };
     CollectionColorField.prototype.render = function () {
         var _this = this;
         var field = this.props.field;
-        return (React.createElement("div", { className: "PropertyFieldCollectionData__panel__color-field " + styles.colorField },
+        return (React.createElement("div", { className: "PropertyFieldCollectionData__panel__color-field " + styles.colorField + " " + (this.state.errorMessage ? styles.invalidField : "") },
             React.createElement("div", { className: styles.colorIndicator, style: { backgroundColor: this.state.color, cursor: this.props.disableEdit ? 'default' : 'hand' }, ref: this._colorElement, onClick: function () { if (!_this.props.disableEdit)
                     _this._onCalloutToggle(); } }),
             React.createElement(Callout, { gapSpace: 0, target: this._colorElement.current, onDismiss: this._onCalloutDismiss, setInitialFocus: true, hidden: !this.state.isCalloutVisible, directionalHint: DirectionalHint.rightCenter },
-                React.createElement(ColorPicker, { color: this.state.color, alphaSliderHidden: true, onChange: function (e, color) { _this.props.fOnValueChange(field.id, color.str); _this.setState({ color: color.str }); } }))));
+                React.createElement(ColorPicker, { color: this.state.color, alphaSliderHidden: true, onChange: function (ev, color) { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, this.valueChange(this.props.field, color.str)];
+                            case 1: return [2 /*return*/, _a.sent()];
+                        }
+                    }); }); } }))));
     };
     return CollectionColorField;
 }(React.Component));

package/lib/propertyFields/collectionData/collectionColorField/CollectionColorField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionColorField.js","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionColorField/CollectionColorField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,gDAAgD,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAU,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAOrE;IAA0C,wCAAuE;IAI/G,8BAAmB,KAAiC,EAAE,KAAiC;QAAvF,YACE,kBAAM,KAAK,EAAE,KAAK,CAAC,SAOpB;QAVO,mBAAa,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAYlD,uBAAiB,GAAG;YAC1B,KAAI,CAAC,QAAQ,CAAC;gBACZ,gBAAgB,EAAE,KAAK;aACxB,CAAC,CAAC;QACL,CAAC,CAAA;QAEO,sBAAgB,GAAG;YACzB,KAAI,CAAC,QAAQ,CAAC;gBACZ,gBAAgB,EAAE,CAAC,KAAI,CAAC,KAAK,CAAC,gBAAgB;aAC/C,CAAC,CAAC;QACL,CAAC,CAAA;QAlBO,IAAA,KAAkB,KAAI,CAAC,KAAK,EAA1B,KAAK,WAAA,EAAE,IAAI,UAAe,CAAC;QAEnC,KAAI,CAAC,KAAK,GAAG;YACX,gBAAgB,EAAE,KAAK;YACvB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;SACnD,CAAC;;IACJ,CAAC;IAcM,qCAAM,GAAb;QAAA,iBA6BC;QA5BS,IAAA,KAAK,GAAK,IAAI,CAAC,KAAK,MAAf,CAAgB;QAE7B,OAAO,CACL,6BAAK,SAAS,EAAE,qDAAmD,MAAM,CAAC,UAAY;YAEpF,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,EACnC,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,EACjG,GAAG,EAAE,IAAI,CAAC,aAAa,EACvB,OAAO,EAAE,cAAQ,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,WAAW;oBAAE,KAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,GACpE;YAEN,oBAAC,OAAO,IACN,QAAQ,EAAE,CAAC,EACX,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,OAAO,EAClC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,eAAe,EAAE,IAAI,EACrB,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EACpC,eAAe,EAAE,eAAe,CAAC,WAAW;gBAE5C,oBAAC,WAAW,IACV,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,iBAAiB,EAAE,IAAI,EACvB,QAAQ,EAAE,UAAC,CAAC,EAAE,KAAK,IAAO,KAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,GAChH,CAEM,CACN,CACP,CAAC;IACJ,CAAC;IACH,2BAAC;AAAD,CAAC,AAxDD,CAA0C,KAAK,CAAC,SAAS,GAwDxD"}
+{"version":3,"file":"CollectionColorField.js","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionColorField/CollectionColorField.tsx"],"names":[],"mappings":"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"}

package/lib/propertyFields/collectionData/collectionColorField/ICollectionColorFieldProps.d.ts

@@ -1,8 +1,4 @@
-import { ICustomCollectionField } from "..";
-export interface ICollectionColorFieldProps {
-    field: ICustomCollectionField;
-    item: any;
-    disableEdit: boolean;
-    fOnValueChange: (fieldId: string, value: string) => void;
+import { IBaseCollectionFieldProps } from "../IBaseCollectionFIeldsProps";
+export interface ICollectionColorFieldProps extends IBaseCollectionFieldProps {
 }
 //# sourceMappingURL=ICollectionColorFieldProps.d.ts.map

package/lib/propertyFields/collectionData/collectionColorField/ICollectionColorFieldProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ICollectionColorFieldProps.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionColorField/ICollectionColorFieldProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,IAAI,CAAC;AAE5C,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,sBAAsB,CAAC;IAC9B,IAAI,EAAE,GAAG,CAAC;IACV,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D"}
+{"version":3,"file":"ICollectionColorFieldProps.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionColorField/ICollectionColorFieldProps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,MAAM,WAAW,0BAA2B,SAAQ,yBAAyB;CAAI"}

package/lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.d.ts

@@ -29,9 +29,14 @@ export declare class CollectionDataItem extends React.Component<ICollectionDataI
      */
     private checkAnyFieldContainsValue;
     /**
-     * Check if the add action needs to be disabled
+     * Check onGetCustomErrorMessage
+     * @param item
+     */
+    private checkAnyFieldCustomErrorMessage;
+    /**
+     * Check if row is ready for save
      */
-    private disableAdd;
+    private checkRowIsValidForSave;
     /**
      * Checks if all fields are valid
      */
@@ -55,6 +60,10 @@ export declare class CollectionDataItem extends React.Component<ICollectionDataI
      * @param value
      */
     private fieldValidation;
+    /**
+     * Updates callout and validation state
+     */
+    private storeFieldValidation;
     /**
      * Custom field validation
      */

package/lib/propertyFields/collectionData/collectionDataItem/CollectionDataItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionDataItem.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionDataItem/CollectionDataItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,GAAG,CAAC;AAgBvE,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IACzG,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,cAAc,CAAc;gBAExB,KAAK,EAAE,wBAAwB;IAa3C;;;;OAIG;IACI,kBAAkB,CAAC,SAAS,EAAE,wBAAwB,GAAG,IAAI;IAQpE;;OAEG;IACH,OAAO,CAAC,cAAc,CAWrB;IAED;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAoBxB;;OAEG;IACH,OAAO,CAAC,2BAA2B;IAYnC;;;OAGG;IACH,OAAO,CAAC,0BAA0B;IAUlC;;OAEG;IACH,OAAO,CAAC,UAAU;IAIlB;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAY9B;;OAEG;IACH,OAAO,CAAC,MAAM,CAeb;IAED;;OAEG;IACH,OAAO,CAAC,UAAU,CAejB;IAED;;OAEG;IACH,OAAO,CAAC,SAAS,CAIhB;IAED;;;;;OAKG;IACH,OAAO,CAAC,eAAe,CAetB;IAED;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAO9B;IAED;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB,CAuBzB;IAED;;;;;OAKG;IACH,OAAO,CAAC,mBAAmB;IA2D3B;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAIzB;IAED,OAAO,CAAC,gBAAgB,CAIvB;IAED;;;;;OAKG;IACH,OAAO,CAAC,WAAW;IAoDnB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAYxB;;MAEE;IACH,OAAO,CAAC,iBAAiB;IAYzB;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,wBAAwB,CAAC;CA8E9D"}
+{"version":3,"file":"CollectionDataItem.d.ts","sourceRoot":"","sources":["../../../../src/propertyFields/collectionData/collectionDataItem/CollectionDataItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,GAAG,CAAC;AAgBvE,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IACzG,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,cAAc,CAAc;gBAExB,KAAK,EAAE,wBAAwB;IAc3C;;;;OAIG;IACI,kBAAkB,CAAC,SAAS,EAAE,wBAAwB,GAAG,IAAI;IAQpE;;OAEG;IACH,OAAO,CAAC,cAAc,CASrB;IAED;;OAEG;YACW,gBAAgB;IAwB9B;;OAEG;IACH,OAAO,CAAC,2BAA2B;IAYnC;;;OAGG;IACH,OAAO,CAAC,0BAA0B;IAUlC;;;OAGG;YACW,+BAA+B;IAW7C;;OAEG;YACW,sBAAsB;IAOpC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAY9B;;OAEG;IACH,OAAO,CAAC,MAAM,CAab;IAED;;OAEG;IACH,OAAO,CAAC,UAAU,CAejB;IAED;;OAEG;IACH,OAAO,CAAC,SAAS,CAIhB;IAED;;;;;OAKG;IACH,OAAO,CAAC,eAAe,CAWtB;IAED;;OAEG;YACW,oBAAoB;IAWlC;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAK9B;IAED;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB,CAiBzB;IAED;;;;;OAKG;IACH,OAAO,CAAC,mBAAmB;IA2D3B;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAIzB;IAED,OAAO,CAAC,gBAAgB,CAIvB;IAED;;;;;OAKG;IACH,OAAO,CAAC,WAAW;IA8CnB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAYxB;;MAEE;IACH,OAAO,CAAC,iBAAiB;IAYzB;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,wBAAwB,CAAC;CA8E9D"}