@zohodesk/dot 1.0.0-temp-89 → 1.0.0-temp-90

package/lib/Provider.js

@@ -19,6 +19,8 @@ var _LibraryContextInit = _interopRequireDefault(require("@zohodesk/components/l
 
 var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
+var _ThemeTool = _interopRequireDefault(require("../../common/lib/ThemeTool/ThemeTool"));
+
 var _i18n2 = _interopRequireDefault(require("./i18n"));
 
 require("@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css");
@@ -209,6 +211,7 @@ var Provider = /*#__PURE__*/function (_React$Component) {
       themeName: 'blue'
     };
     _this.setTheme = _this.setTheme.bind(_assertThisInitialized(_this));
+    _this.setAppearance = _this.setAppearance.bind(_assertThisInitialized(_this));
     return _this;
   }
 
@@ -229,56 +232,9 @@ var Provider = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var _this$state = this.state,
           appearanceName = _this$state.appearanceName,
           themeName = _this$state.themeName;
-      var themeClass = {
-        width: '20px',
-        height: '20px',
-        borderRadius: '3px',
-        display: 'flex',
-        border: '1px solid #ccc',
-        margin: '0 5px',
-        cursor: 'pointer',
-        backgroundColor: '#0a73eb'
-      };
-      var green = {
-        backgroundColor: '#26a942'
-      };
-      var red = {
-        backgroundColor: '#de3535'
-      };
-      var orange = {
-        backgroundColor: '#e57717'
-      };
-      var yellow = {
-        backgroundColor: '#e8b923'
-      };
-      var light = {
-        backgroundColor: '#fff'
-      };
-      var night = {
-        backgroundColor: '#232b38'
-      };
-      var dark = {
-        backgroundColor: '#212121'
-      };
-      var fixedPosition = {
-        position: 'fixed',
-        bottom: '0',
-        backgroundColor: '#272727',
-        padding: '10px',
-        borderRadius: '15px 15px 0 0',
-        minWidth: '100px',
-        textAlign: 'center',
-        boxShadow: '0 0 3px #000',
-        fontSize: '12px',
-        zIndex: '3',
-        display: 'flex',
-        alignItems: 'center'
-      };
       return /*#__PURE__*/_react["default"].createElement(_i18n.I18NProvider, {
         i18n: _i18n2["default"],
         timeZone: "Asia/Kolkata",
@@ -300,82 +256,9 @@ var Provider = /*#__PURE__*/function (_React$Component) {
         }
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         scroll: "vertical"
-      }, this.props.children), /*#__PURE__*/_react["default"].createElement("div", {
-        style: Object.assign({}, fixedPosition, {
-          left: '20%',
-          transform: 'translate(-20%)'
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          color: '#fff'
-        }
-      }, "Appearance:"), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Light Mode",
-        style: Object.assign({}, themeClass, light),
-        onClick: function onClick() {
-          return _this2.setAppearance('default');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Night Mode",
-        style: Object.assign({}, themeClass, night),
-        onClick: function onClick() {
-          return _this2.setAppearance('dark');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Dark Mode",
-        style: Object.assign({}, themeClass, dark),
-        onClick: function onClick() {
-          return _this2.setAppearance('pureDark');
-        }
-      }))), /*#__PURE__*/_react["default"].createElement("div", {
-        style: Object.assign({}, fixedPosition, {
-          left: '80%',
-          transform: 'translate(-80%)'
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          color: '#fff'
-        }
-      }, "Themes:"), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Blue Theme",
-        style: themeClass,
-        onClick: function onClick() {
-          return _this2.setTheme('blue');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Green Theme",
-        style: Object.assign({}, themeClass, green),
-        onClick: function onClick() {
-          return _this2.setTheme('green');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Red Theme",
-        style: Object.assign({}, themeClass, red),
-        onClick: function onClick() {
-          return _this2.setTheme('red');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Orange Theme",
-        style: Object.assign({}, themeClass, orange),
-        onClick: function onClick() {
-          return _this2.setTheme('orange');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Yellow Theme",
-        style: Object.assign({}, themeClass, yellow),
-        onClick: function onClick() {
-          return _this2.setTheme('yellow');
-        }
-      }))), /*#__PURE__*/_react["default"].createElement("div", {
-        "data-portal": "portal1"
+      }, this.props.children), /*#__PURE__*/_react["default"].createElement(_ThemeTool["default"], {
+        onThemeChange: this.setTheme,
+        onAppearanceChange: this.setAppearance
       }))));
     }
   }]);

package/lib/alert/AlertLookup/AlertLookup.js

@@ -138,7 +138,8 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
           iconName = _this$props2.iconName,
           iconClass = _this$props2.iconClass,
           iconSize = _this$props2.iconSize,
-          customProps = _this$props2.customProps;
+          customProps = _this$props2.customProps,
+          isHtmlContent = _this$props2.isHtmlContent;
       var _customProps$LookupPr = customProps.LookupProps,
           LookupProps = _customProps$LookupPr === void 0 ? {} : _customProps$LookupPr,
           _customProps$AlertHea = customProps.AlertHeaderProps,
@@ -169,7 +170,11 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
         className: _AlertLookupModule["default"].section
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_AlertLookupModule["default"].innerSection, " ").concat(sectionClassName)
-      }, children ? children : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", null, message), confirmationMessage && /*#__PURE__*/_react["default"].createElement("div", {
+      }, children ? children : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isHtmlContent && message ? /*#__PURE__*/_react["default"].createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: message
+        }
+      }) : /*#__PURE__*/_react["default"].createElement("div", null, message), confirmationMessage && /*#__PURE__*/_react["default"].createElement("div", {
         className: _AlertLookupModule["default"].text
       }, confirmationMessage))), submitText || onSubmitClick || cancelText || onCancelClick ? /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
         size: "small",
@@ -225,7 +230,8 @@ AlertLookup.propTypes = {
     PrimaryButtonProps: _propTypes["default"].object,
     SecondaryButtonProps: _propTypes["default"].object
   }),
-  onEsc: _propTypes["default"].oneOf(['close', 'cancel'])
+  onEsc: _propTypes["default"].oneOf(['close', 'cancel']),
+  isHtmlContent: _propTypes["default"].bool
 };
 AlertLookup.defaultProps = {
   isActive: false,
@@ -238,7 +244,8 @@ AlertLookup.defaultProps = {
   customClass: '',
   isDefaultFocus: true,
   customProps: {},
-  onEsc: 'cancel'
+  onEsc: 'cancel',
+  isHtmlContent: false
 };
 
 if (false) {

package/lib/alert/AlertLookup/docs/AlertLookup__default.docs.js

@@ -131,12 +131,13 @@ var AlertLookup__default = /*#__PURE__*/function (_Component) {
         },
         onCancelClick: this.onCancel,
         title: "Delete Ticket",
-        message: "Deleting this Ticket will move their Activities, and Time Entry to the Recycle Bin.",
+        message: "<h2>Deleting this Ticket will move their Activities, and Time Entry to the Recycle Bin.</h2>",
         confirmationMessage: "Would you like to delete?",
         submitText: "Delete",
         cancelText: "Cancel",
         onClose: this.onClose,
-        onEsc: "close"
+        onEsc: "close",
+        isHtmlContent: true
       }), /*#__PURE__*/_react["default"].createElement(_AlertLookup["default"], {
         isActive: lookup === 'remoteAssist' ? true : false,
         type: "remoteAssist",
@@ -146,7 +147,7 @@ var AlertLookup__default = /*#__PURE__*/function (_Component) {
         },
         onCancelClick: this.onCancel,
         title: "Remote Assist",
-        message: /*#__PURE__*/_react["default"].createElement("div", null, "You are about to send an invite for remote assistance to", ' ', /*#__PURE__*/_react["default"].createElement("b", null, "antro.avemaxa@gmail.com")),
+        message: /*#__PURE__*/_react["default"].createElement("div", null, "You are about to send an invite for remote assistance to ", /*#__PURE__*/_react["default"].createElement("b", null, "antro.avemaxa@gmail.com")),
         confirmationMessage: "Would you like to continue?",
         submitText: "Continue",
         cancelText: "Cancel"

package/lib/docs/formDocs.js

@@ -15,6 +15,18 @@ Object.defineProperty(exports, "CheckBoxField__default", {
     return _CheckBoxField__default["default"];
   }
 });
+Object.defineProperty(exports, "CurrencyField", {
+  enumerable: true,
+  get: function get() {
+    return _CurrencyField["default"];
+  }
+});
+Object.defineProperty(exports, "CurrencyField__default", {
+  enumerable: true,
+  get: function get() {
+    return _CurrencyField__default["default"];
+  }
+});
 Object.defineProperty(exports, "DateField", {
   enumerable: true,
   get: function get() {
@@ -27,6 +39,18 @@ Object.defineProperty(exports, "DateField__default", {
     return _DateField__default["default"];
   }
 });
+Object.defineProperty(exports, "FieldContainer", {
+  enumerable: true,
+  get: function get() {
+    return _FieldContainer["default"];
+  }
+});
+Object.defineProperty(exports, "FieldContainer__default", {
+  enumerable: true,
+  get: function get() {
+    return _FieldContainer__default["default"];
+  }
+});
 Object.defineProperty(exports, "FieldLayout", {
   enumerable: true,
   get: function get() {
@@ -200,6 +224,10 @@ var _CheckBoxField = _interopRequireDefault(require("../form/fields/CheckBoxFiel
 
 var _CheckBoxField__default = _interopRequireDefault(require("../form/fields/CheckBoxField/docs/CheckBoxField__default.docs"));
 
+var _CurrencyField = _interopRequireDefault(require("../form/fields/CurrencyField/CurrencyField"));
+
+var _CurrencyField__default = _interopRequireDefault(require("../form/fields/CurrencyField/docs/CurrencyField__default.docs"));
+
 var _TagsMultiSelect = _interopRequireDefault(require("../form/fields/TagsMultiSelect/TagsMultiSelect"));
 
 var _TagsMultiSelect__default = _interopRequireDefault(require("../form/fields/TagsMultiSelect/docs/TagsMultiSelect__default.docs"));
@@ -212,4 +240,8 @@ var _TextEditorField = _interopRequireDefault(require("../form/fields/TextEditor
 
 var _TextEditorField__default = _interopRequireDefault(require("../form/fields/TextEditorField/docs/TextEditorField__default.docs"));
 
+var _FieldContainer = _interopRequireDefault(require("../form/fields/FieldContainer/FieldContainer"));
+
+var _FieldContainer__default = _interopRequireDefault(require("../form/fields/FieldContainer/docs/FieldContainer__default.docs"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/docs/generalDocs.js

@@ -621,6 +621,12 @@ Object.defineProperty(exports, "SVG__default", {
     return _SVG__default["default"];
   }
 });
+Object.defineProperty(exports, "SecondaryText__default", {
+  enumerable: true,
+  get: function get() {
+    return _SecondaryText__default["default"];
+  }
+});
 Object.defineProperty(exports, "SecondryPanel", {
   enumerable: true,
   get: function get() {
@@ -1052,4 +1058,6 @@ var _AttachmentViewer = _interopRequireDefault(require("../AttachmentViewer/Atta
 
 var _AttachmentViewer__default = _interopRequireDefault(require("../AttachmentViewer/docs/AttachmentViewer__default.docs"));
 
+var _SecondaryText__default = _interopRequireDefault(require("../list/SecondaryText/docs/SecondaryText__default.docs"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -25,11 +25,11 @@ var _DropDownHeading = _interopRequireDefault(require("@zohodesk/components/lib/
 
 var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/lib/TextBoxIcon/TextBoxIcon"));
 
-var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/svg/Loader"));
+var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 
 var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonEmptyState/CommonEmptyState"));
 
-var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/svg/EmptySearch"));
+var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptySearch"));
 
 var _CssProvider = _interopRequireDefault(require("@zohodesk/components/lib/Provider/CssProvider"));
 
@@ -737,6 +737,7 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
           flexible: true,
           shrink: true,
           scroll: "vertical",
+          preventParentScroll: "vertical",
           dataId: "".concat(dataId, "_list"),
           className: "".concat(tabletMode ? _ToggleDropDownModule["default"].responsivemaxHgt : _ToggleDropDownModule["default"].maxHgt),
           eleRef: _this5.scrollContentRef,

package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css

@@ -33,8 +33,9 @@
   opacity: 0;
   visibility: hidden;
 }
-.hoverIcon:hover .arrow,
-.hoverIcon:focus .arrow {
+.hoverIcon:hover .arrow
+/* .hoverIcon:focus .arrow  */
+{
   opacity: 1;
   visibility: visible;
 }

package/lib/emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs.js

@@ -11,11 +11,11 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _CommonEmptyState = _interopRequireDefault(require("../CommonEmptyState"));
 
-var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/svg/EmptySearch"));
+var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptySearch"));
 
-var _EmptyAccounts = _interopRequireDefault(require("@zohodesk/svg/lib/svg/EmptyAccounts"));
+var _EmptyAccounts = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptyAccounts"));
 
-var _EmptyTicket = _interopRequireDefault(require("@zohodesk/svg/lib/svg/EmptyTicket"));
+var _EmptyTicket = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptyTicket"));
 
 var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
 

package/lib/emptystate/EditionPage/EditionPage.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = require("prop-types");
 
-var _EmptyCrmPotential = _interopRequireDefault(require("@zohodesk/svg/lib/svg/EmptyCrmPotential"));
+var _EmptyCrmPotential = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptyCrmPotential"));
 
 var _EditionPage = _interopRequireDefault(require("./EditionPage.css"));
 

package/lib/errorstate/Inconvenience/Inconvenience.js

@@ -15,7 +15,7 @@ var _Layout = require("@zohodesk/components/lib/Layout");
 
 var _LinkText = _interopRequireDefault(require("../LinkText/LinkText"));
 
-var _EmptyInconvenience = _interopRequireDefault(require("@zohodesk/svg/lib/svg/EmptyInconvenience"));
+var _EmptyInconvenience = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/EmptyInconvenience"));
 
 var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
 

package/lib/errorstate/NoRequestFound/NoRequestFound.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _EmptyStatesModule = _interopRequireDefault(require("../EmptyStates.module.css"));
 
-var _NoRequestFound = _interopRequireDefault(require("@zohodesk/svg/lib/svg/NoRequestFound"));
+var _NoRequestFound = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/NoRequestFound"));
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 

package/lib/errorstate/PermissionPlay/PermissionPlay.js

@@ -15,7 +15,7 @@ var _Layout = require("@zohodesk/components/lib/Layout");
 
 var _LinkText = _interopRequireDefault(require("../LinkText/LinkText"));
 
-var _UnauthorizedLogin = _interopRequireDefault(require("@zohodesk/svg/lib/svg/UnauthorizedLogin"));
+var _UnauthorizedLogin = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin"));
 
 var _EmptyStatesModule = _interopRequireDefault(require("../EmptyStates.module.css"));
 

package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
-var _UrlNotFound = _interopRequireDefault(require("@zohodesk/svg/lib/svg/UrlNotFound"));
+var _UrlNotFound = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/UrlNotFound"));
 
 var _LinkText = _interopRequireDefault(require("../LinkText/LinkText"));
 

package/lib/errorstate/UnableToProcess/UnableToProcess.js

@@ -15,7 +15,7 @@ var _Layout = require("@zohodesk/components/lib/Layout");
 
 var _LinkText = _interopRequireDefault(require("../LinkText/LinkText"));
 
-var _UnableToProcessRequest = _interopRequireDefault(require("@zohodesk/svg/lib/svg/UnableToProcessRequest"));
+var _UnableToProcessRequest = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/UnableToProcessRequest"));
 
 var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
 

package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -15,7 +15,7 @@ var _Layout = require("@zohodesk/components/lib/Layout");
 
 var _LinkText = _interopRequireDefault(require("../LinkText/LinkText"));
 
-var _UnauthorizedLogin = _interopRequireDefault(require("@zohodesk/svg/lib/svg/UnauthorizedLogin"));
+var _UnauthorizedLogin = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin"));
 
 var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
 

package/lib/errorstate/WillBack/WillBack.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
-var _WillBeRightBack = _interopRequireDefault(require("@zohodesk/svg/lib/svg/WillBeRightBack"));
+var _WillBeRightBack = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/WillBeRightBack"));
 
 var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
 

package/lib/form/fields/CheckBoxField/CheckBoxField.js

@@ -19,7 +19,11 @@ var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/Va
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
+
+var _FieldCommonDefaultProps = require("../props/FieldCommonDefaultProps");
+
+var _FieldCommonPropTypes = require("../props/FieldCommonPropTypes");
 
 var _FieldsModule = _interopRequireDefault(require("../Fields.module.css"));
 
@@ -29,6 +33,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -115,7 +125,8 @@ var CheckBoxField = /*#__PURE__*/function (_PureComponent) {
           lineClamp = _this$props3.lineClamp,
           isLocked = _this$props3.isLocked,
           lockedInfoText = _this$props3.lockedInfoText,
-          customProps = _this$props3.customProps;
+          customProps = _this$props3.customProps,
+          renderLabelProps = _this$props3.renderLabelProps;
       var _customProps$LabelPro = customProps.LabelProps,
           LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
           _customProps$CheckBox = customProps.CheckBoxProps,
@@ -127,8 +138,11 @@ var CheckBoxField = /*#__PURE__*/function (_PureComponent) {
       var removeEvent = isDisabled || isReadOnly;
       var isDirectCol = direction === 'column';
 
-      var labelElement = /*#__PURE__*/_react["default"].createElement("div", {
-        className: _FieldsModule["default"].labelContainer
+      var labelElement = /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
+        isLocked: isLocked,
+        lockedInfoText: lockedInfoText,
+        infoText: infoText,
+        renderProps: renderLabelProps
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], _extends({
         text: labelName,
         id: id,
@@ -140,17 +154,7 @@ var CheckBoxField = /*#__PURE__*/function (_PureComponent) {
         onClick: !removeEvent ? this.handleLabelClick : null,
         variant: isDirectCol ? 'default' : 'primary',
         dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
-      }, LabelProps)), infoText ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-        name: "ZD-GN-info",
-        iconClass: _FieldsModule["default"].infoIcon,
-        title: infoText,
-        size: "15"
-      }) : null, isLocked ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
-        name: "ZD-GN-lock",
-        size: "13",
-        iconClass: _FieldsModule["default"].lockIcon,
-        title: lockedInfoText
-      }) : null);
+      }, LabelProps)));
 
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
@@ -190,18 +194,13 @@ var CheckBoxField = /*#__PURE__*/function (_PureComponent) {
 }(_react.PureComponent);
 
 exports["default"] = CheckBoxField;
-CheckBoxField.propTypes = {
+CheckBoxField.propTypes = _objectSpread({
   checked: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string,
   direction: _propTypes["default"].oneOf(['row', 'column']),
   errorType: _propTypes["default"].oneOf(['primary', 'secondary']),
   fieldSize: _propTypes["default"].oneOf(['small', 'medium']),
   getRef: _propTypes["default"].func,
   id: _propTypes["default"].string.isRequired,
-  infoText: _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool,
-  isMandatory: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
   labelCustomClass: _propTypes["default"].string,
   labelName: _propTypes["default"].string,
   labelPalette: _propTypes["default"].string,
@@ -212,27 +211,22 @@ CheckBoxField.propTypes = {
   validationPalette: _propTypes["default"].string,
   validationRuleMessage: _propTypes["default"].string,
   validationRulePalette: _propTypes["default"].string,
-  lockedInfoText: _propTypes["default"].string,
-  isLocked: _propTypes["default"].bool,
   customProps: _propTypes["default"].shape({
     LabelProps: _propTypes["default"].object,
     CheckBoxProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   })
-};
-CheckBoxField.defaultProps = {
-  isMandatory: false,
+}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+CheckBoxField.defaultProps = _objectSpread({
   errorType: 'primary',
-  isDisabled: false,
-  isReadOnly: false,
   fieldSize: 'medium',
   labelPalette: 'default',
   labelCustomClass: '',
   direction: 'row',
   lineClamp: '',
   customProps: {}
-};
+}, (0, _FieldCommonDefaultProps.FieldCommonDefaultProps)());
 
 if (false) {
   CheckBoxField.docs = {

package/lib/form/fields/CheckBoxField/docs/CheckBoxField__default.docs.js

@@ -62,7 +62,14 @@ var CheckBoxField__default = /*#__PURE__*/function (_Component) {
         id: "checkbox",
         validationMessage: "Invalid Input",
         isDisabled: true,
-        title: "Invalid Permission"
+        title: "Invalid Permission",
+        infoText: "infoText",
+        isLocked: true,
+        ePhiData: {
+          ePhiTitle: 'ePhiTitle',
+          ePhiText: 'ePhiText',
+          ePhiStatus: true
+        }
       }));
     }
   }]);