@zohodesk/dot 1.2.0 → 1.2.2

package/lib/form/fields/CurrencyField/props/propTypes.js

@@ -48,7 +48,10 @@ var propTypes = _objectSpread({
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   }),
-  formatCurrency: _propTypes["default"].func
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+  onFocus: _propTypes["default"].func,
+  formatCurrency: _propTypes["default"].func,
+  htmlId: _propTypes["default"].string,
+  userCurrencyType: _propTypes["default"].string
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

package/lib/form/fields/DateField/props/propTypes.js

@@ -52,6 +52,6 @@ var propTypes = _objectSpread({
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   })
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

package/lib/form/fields/FieldContainer/props/propTypes.js

@@ -5,26 +5,31 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes2 = _interopRequireDefault(require("prop-types"));
 
-var _FieldCommonPropTypes = require("../../props/FieldCommonPropTypes");
+var _propTypes;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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; }
 
-var propTypes = _objectSpread(_objectSpread({}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)()), {}, {
-  children: _propTypes["default"].node,
-  alignContainer: _propTypes["default"].oneOf('vertical', 'baseline'),
-  renderProps: _propTypes["default"].shape({
-    start: _propTypes["default"].func,
-    middle: _propTypes["default"].func,
-    end: _propTypes["default"].func
-  })
-});
-
+var propTypes = (_propTypes = {
+  children: _propTypes2["default"].node,
+  alignContainer: _propTypes2["default"].oneOf('vertical', 'baseline'),
+  renderProps: _propTypes2["default"].shape({
+    start: _propTypes2["default"].func,
+    middle: _propTypes2["default"].func,
+    end: _propTypes2["default"].func
+  }),
+  ePhiData: _propTypes2["default"].shape({
+    ePhiTitle: _propTypes2["default"].string,
+    ePhiText: _propTypes2["default"].string,
+    ePhiStatus: _propTypes2["default"].bool
+  }),
+  isLocked: _propTypes2["default"].bool,
+  lockedInfoText: _propTypes2["default"].string,
+  infoText: _propTypes2["default"].string,
+  dataId: _propTypes2["default"].string,
+  dataSelectorId: _propTypes2["default"].string
+}, _defineProperty(_propTypes, "dataId", _propTypes2["default"].string), _defineProperty(_propTypes, "infoText", _propTypes2["default"].string), _defineProperty(_propTypes, "lockedInfoText", _propTypes2["default"].string), _defineProperty(_propTypes, "isLocked", _propTypes2["default"].bool), _defineProperty(_propTypes, "dataSelectorId", _propTypes2["default"].bool), _propTypes);
 exports.propTypes = propTypes;

package/lib/form/fields/MultiSelectField/props/propTypes.js

@@ -27,7 +27,6 @@ var propTypes = _objectSpread({
   getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
   isAnimate: _propTypes["default"].bool,
-  isFocusOnLabelClick: _propTypes["default"].bool,
   isNextOptions: _propTypes["default"].bool,
   isSearching: _propTypes["default"].bool,
   labelName: _propTypes["default"].string,
@@ -62,7 +61,8 @@ var propTypes = _objectSpread({
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   }),
-  i18nKeys: _propTypes["default"].object
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+  i18nKeys: _propTypes["default"].object,
+  htmlId: _propTypes["default"].string
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

package/lib/form/fields/PhoneField/props/propTypes.js

@@ -46,6 +46,13 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextBoxFieldProps: _propTypes["default"].object
-  })
+  }),
+  onFocus: _propTypes["default"].func,
+  dataSelectorId: _propTypes["default"].string,
+  isTelephony: _propTypes["default"].bool,
+  providerName: _propTypes["default"].string,
+  ticketId: _propTypes["default"].string,
+  contactId: _propTypes["default"].string,
+  type: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/form/fields/RadioField/props/propTypes.js

@@ -29,13 +29,13 @@ var propTypes = {
   validationPalette: _propTypes["default"].string,
   validationRuleMessage: _propTypes["default"].string,
   validationRulePalette: _propTypes["default"].string,
-  valueField: _propTypes["default"].string,
   variant: _propTypes["default"].oneOf(['primary', 'default', 'secondary']),
   customProps: _propTypes["default"].shape({
     LabelProps: _propTypes["default"].object,
     RadioProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
-  })
+  }),
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/form/fields/SelectField/SelectField.js

@@ -145,8 +145,7 @@ var SelectField = /*#__PURE__*/function (_PureComponent) {
           onFocus = _this$props3.onFocus,
           iconOnHover = _this$props3.iconOnHover,
           customProps = _this$props3.customProps,
-          renderLabelProps = _this$props3.renderLabelProps,
-          ariaLabelledby = _this$props3.ariaLabelledby;
+          renderLabelProps = _this$props3.renderLabelProps;
       var _customProps$LabelPro = customProps.LabelProps,
           LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
           _customProps$SelectPr = customProps.SelectProps,

package/lib/form/fields/SelectField/props/propTypes.js

@@ -28,7 +28,6 @@ var propTypes = _objectSpread({
   getNextOptions: _propTypes["default"].func,
   getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
-  isFocusOnLabelClick: _propTypes["default"].bool,
   isNextOptions: _propTypes["default"].bool,
   labelCustomClass: _propTypes["default"].string,
   labelName: _propTypes["default"].string,
@@ -62,7 +61,8 @@ var propTypes = _objectSpread({
     SelectProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
-  })
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+  }),
+  htmlId: _propTypes["default"].string
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

package/lib/form/fields/TagsMultiSelect/props/propTypes.js

@@ -49,6 +49,7 @@ var propTypes = {
   htmlId: _propTypes["default"].string,
   boxSize: _propTypes["default"].string,
   onSelectTag: _propTypes["default"].func,
-  clickableTag: _propTypes["default"].bool
+  clickableTag: _propTypes["default"].bool,
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/form/fields/TagsMultiSelectField/props/propTypes.js

@@ -11,13 +11,7 @@ var _FieldCommonPropTypes = require("../../props/FieldCommonPropTypes");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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; }
-
-var propTypes = _objectSpread({
+var propTypes = {
   fieldProperties: _propTypes["default"].shape({
     id: _propTypes["default"].string.isRequired,
     labelName: _propTypes["default"].string,
@@ -48,7 +42,6 @@ var propTypes = _objectSpread({
     onFocus: _propTypes["default"].func
   }),
   isNewNeeded: _propTypes["default"].bool,
-  data: _propTypes["default"].string,
   htmlId: _propTypes["default"].string,
   isLoading: _propTypes["default"].bool,
   isListDisabled: _propTypes["default"].bool,
@@ -64,7 +57,19 @@ var propTypes = _objectSpread({
     LabelProps: _propTypes["default"].object,
     TagsMultiSelectProps: _propTypes["default"].object,
     ValidationMessageProps: _propTypes["default"].object
-  })
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
-
+  }),
+  ePhiData: _propTypes["default"].shape({
+    ePhiTitle: _propTypes["default"].string,
+    ePhiText: _propTypes["default"].string,
+    ePhiStatus: _propTypes["default"].bool
+  }),
+  searchValue: _propTypes["default"].string,
+  isPopupOpen: _propTypes["default"].bool,
+  isPopupReady: _propTypes["default"].bool,
+  removeClose: _propTypes["default"].func,
+  togglePopup: _propTypes["default"].func,
+  clickableTag: _propTypes["default"].bool,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].bool
+};
 exports.propTypes = propTypes;

package/lib/form/fields/TextBoxField/props/propTypes.js

@@ -49,7 +49,14 @@ var propTypes = _objectSpread({
     TextBoxIconProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
+  }),
+  htmlId: _propTypes["default"].string,
+  onFocus: _propTypes["default"].func,
+  ePhiData: _propTypes["default"].shape({
+    ePhiTitle: _propTypes["default"].string,
+    ePhiText: _propTypes["default"].string,
+    ePhiStatus: _propTypes["default"].bool
   })
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

package/lib/form/fields/TextEditor/props/propTypes.js

@@ -46,6 +46,12 @@ var propTypes = {
   value: _propTypes["default"].string,
   needInlineAttachment: _propTypes["default"].bool,
   isNightMode: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool
+  isReadOnly: _propTypes["default"].bool,
+  EDITORURL: _propTypes["default"].string,
+  getCSRFCookieName: _propTypes["default"].string,
+  getCSRFCookie: _propTypes["default"].string,
+  isEditorDefaultOpen: _propTypes["default"].bool,
+  toggleEdit: _propTypes["default"].func,
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/form/fields/TextEditorField/props/propTypes.js

@@ -5,61 +5,63 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = void 0;
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes2 = _interopRequireDefault(require("prop-types"));
 
 var _FieldCommonPropTypes = require("../../props/FieldCommonPropTypes");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-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; }
+var _propTypes;
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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; }
 
-var propTypes = _objectSpread({
-  dataId: _propTypes["default"].string,
-  fieldSize: _propTypes["default"].oneOf(['small', 'medium']),
-  getRef: _propTypes["default"].func,
-  id: _propTypes["default"].string,
-  isFocusOnLabelClick: _propTypes["default"].bool,
-  labelCustomClass: _propTypes["default"].string,
-  labelName: _propTypes["default"].string,
-  labelPalette: _propTypes["default"].string,
-  needEditor: _propTypes["default"].bool,
-  onAttachmentUpload: _propTypes["default"].func,
-  onChange: _propTypes["default"].func,
-  textBoxSize: _propTypes["default"].string,
-  textBoxVariant: _propTypes["default"].string,
-  validationMessage: _propTypes["default"].string,
-  validationPalette: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  errorType: _propTypes["default"].string,
-  EDITORURL: _propTypes["default"].string,
-  editorMode: _propTypes["default"].string,
-  isCustomScroll: _propTypes["default"].bool,
-  initCallback: _propTypes["default"].func,
-  className: _propTypes["default"].string,
-  loadingComponent: _propTypes["default"].node,
-  handleAlertMessage: _propTypes["default"].func,
-  editorCallback: _propTypes["default"].func,
-  i18nKeys: _propTypes["default"].object,
-  ImgLazyLoad: _propTypes["default"].node,
-  editorOptions: _propTypes["default"].object,
-  editorBlurCallback: _propTypes["default"].func,
-  onFocus: _propTypes["default"].func,
-  isEditorDefaultOpen: _propTypes["default"].bool,
-  changeEditorContent: _propTypes["default"].bool,
-  shouldEditorUpdateContent: _propTypes["default"].bool,
-  setInlineAttachmentInProgress: _propTypes["default"].func,
-  handleEditorDropUpload: _propTypes["default"].func,
-  children: _propTypes["default"].node,
-  needInlineAttachment: _propTypes["default"].bool,
-  customProps: _propTypes["default"].shape({
-    LabelProps: _propTypes["default"].object,
-    TextEditorWrapperProps: _propTypes["default"].object,
-    ValidationMessageProps: _propTypes["default"].object
+var propTypes = (_propTypes = {
+  dataId: _propTypes2["default"].string,
+  fieldSize: _propTypes2["default"].oneOf(['small', 'medium']),
+  getRef: _propTypes2["default"].func,
+  id: _propTypes2["default"].string,
+  isFocusOnLabelClick: _propTypes2["default"].bool,
+  labelCustomClass: _propTypes2["default"].string,
+  labelName: _propTypes2["default"].string,
+  labelPalette: _propTypes2["default"].string,
+  needEditor: _propTypes2["default"].bool,
+  onAttachmentUpload: _propTypes2["default"].func,
+  onChange: _propTypes2["default"].func,
+  textBoxSize: _propTypes2["default"].string,
+  textBoxVariant: _propTypes2["default"].string,
+  validationMessage: _propTypes2["default"].string,
+  validationPalette: _propTypes2["default"].string,
+  value: _propTypes2["default"].string,
+  errorType: _propTypes2["default"].string,
+  EDITORURL: _propTypes2["default"].string,
+  editorMode: _propTypes2["default"].string,
+  isCustomScroll: _propTypes2["default"].bool,
+  initCallback: _propTypes2["default"].func,
+  className: _propTypes2["default"].string,
+  loadingComponent: _propTypes2["default"].node,
+  handleAlertMessage: _propTypes2["default"].func,
+  editorCallback: _propTypes2["default"].func,
+  i18nKeys: _propTypes2["default"].object,
+  ImgLazyLoad: _propTypes2["default"].node,
+  editorOptions: _propTypes2["default"].object,
+  editorBlurCallback: _propTypes2["default"].func,
+  onFocus: _propTypes2["default"].func,
+  isEditorDefaultOpen: _propTypes2["default"].bool,
+  changeEditorContent: _propTypes2["default"].bool,
+  shouldEditorUpdateContent: _propTypes2["default"].bool,
+  setInlineAttachmentInProgress: _propTypes2["default"].func,
+  handleEditorDropUpload: _propTypes2["default"].func,
+  children: _propTypes2["default"].node,
+  needInlineAttachment: _propTypes2["default"].bool,
+  customProps: _propTypes2["default"].shape({
+    LabelProps: _propTypes2["default"].object,
+    TextEditorWrapperProps: _propTypes2["default"].object,
+    ValidationMessageProps: _propTypes2["default"].object
+  }),
+  ePhiData: _propTypes2["default"].shape({
+    ePhiTitle: _propTypes2["default"].string,
+    ePhiText: _propTypes2["default"].string,
+    ePhiStatus: _propTypes2["default"].bool
   })
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
-
+}, _defineProperty(_propTypes, "dataId", _propTypes2["default"].string), _defineProperty(_propTypes, "infoText", _propTypes2["default"].string), _defineProperty(_propTypes, "lockedInfoText", _propTypes2["default"].string), _defineProperty(_propTypes, "isLocked", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isMandatory", _propTypes2["default"].bool), _defineProperty(_propTypes, "dataSelectorId", _propTypes2["default"].bool), _propTypes);
 exports.propTypes = propTypes;

package/lib/form/fields/TextEditorWrapper/props/propTypes.js

@@ -45,6 +45,7 @@ var propTypes = {
     Textarea1Props: _propTypes["default"].object,
     TextEditorProps: _propTypes["default"].object,
     Textarea2Props: _propTypes["default"].object
-  })
+  }),
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/form/fields/TextareaField/props/propTypes.js

@@ -31,7 +31,6 @@ var propTypes = _objectSpread({
   maxLength: _propTypes["default"].number,
   onBlur: _propTypes["default"].func,
   onChange: _propTypes["default"].func,
-  onKeyDown: _propTypes["default"].func,
   placeHolder: _propTypes["default"].string,
   textBoxSize: _propTypes["default"].string,
   textBoxVariant: _propTypes["default"].string,
@@ -46,7 +45,8 @@ var propTypes = _objectSpread({
     TextareaProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
-  })
-}, (0, _FieldCommonPropTypes.FieldCommonPropTypes)());
+  }),
+  htmlId: _propTypes["default"].string
+}, _FieldCommonPropTypes.FieldCommonPropTypes);
 
 exports.propTypes = propTypes;

package/lib/form/fields/ValidationMessage/props/propTypes.js

@@ -11,7 +11,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 var propTypes = {
   clipped: _propTypes["default"].bool,
-  id: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
   palette: _propTypes["default"].oneOf(['primary', 'mandatory', 'danger']),
   size: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large']),
@@ -20,6 +19,9 @@ var propTypes = {
   a11y: _propTypes["default"].shape({
     role: _propTypes["default"].string
   }),
-  tooltip: _propTypes["default"].string
+  tooltip: _propTypes["default"].string,
+  htmlFor: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  dataSelectorId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/form/fields/props/FieldCommonPropTypes.js

@@ -9,27 +9,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var FieldCommonPropTypes = function FieldCommonPropTypes() {
-  return {
-    ePhiData: _propTypes["default"].shape({
-      ePhiTitle: _propTypes["default"].string,
-      ePhiText: _propTypes["default"].string,
-      ePhiStatus: _propTypes["default"].bool
-    }),
-    dataId: _propTypes["default"].string,
-    infoText: _propTypes["default"].string,
-    lockedInfoText: _propTypes["default"].string,
-    isLocked: _propTypes["default"].bool,
-    isDisabled: _propTypes["default"].bool,
-    isReadOnly: _propTypes["default"].bool,
-    isMandatory: _propTypes["default"].bool,
-    renderLabelProps: _propTypes["default"].shape({
-      start: _propTypes["default"].func,
-      middle: _propTypes["default"].func,
-      end: _propTypes["default"].func
-    }),
-    dataSelectorId: _propTypes["default"].bool
-  };
+var FieldCommonPropTypes = {
+  dataId: _propTypes["default"].string,
+  infoText: _propTypes["default"].string,
+  lockedInfoText: _propTypes["default"].string,
+  isLocked: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool,
+  isReadOnly: _propTypes["default"].bool,
+  isMandatory: _propTypes["default"].bool,
+  renderLabelProps: _propTypes["default"].shape({
+    start: _propTypes["default"].func,
+    middle: _propTypes["default"].func,
+    end: _propTypes["default"].func
+  }),
+  dataSelectorId: _propTypes["default"].bool
 };
-
-exports.FieldCommonPropTypes = FieldCommonPropTypes;
+exports.FieldCommonPropTypes = FieldCommonPropTypes;
+;

package/lib/form/layout/Section/props/propTypes.js

@@ -15,6 +15,8 @@ var propTypes = {
   containerClass: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
   title: _propTypes["default"].string,
-  titleClass: _propTypes["default"].string
+  titleClass: _propTypes["default"].string,
+  column: _propTypes["default"].string,
+  formName: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/list/Comment/props/propTypes.js

@@ -12,9 +12,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var propTypes = {
   className: _propTypes["default"].string,
   count: _propTypes["default"].string,
-  features: _propTypes["default"].array,
-  iconTitle: _propTypes["default"].string,
-  module: _propTypes["default"].string,
   onClick: _propTypes["default"].func
 };
 exports.propTypes = propTypes;

package/lib/list/GridStencils/props/propTypes.js

@@ -13,6 +13,7 @@ var propTypes = {
   from: _propTypes["default"].string,
   isThreeLayout: _propTypes["default"].bool,
   lineBar: _propTypes["default"].string,
-  styles: _propTypes["default"].object
+  styles: _propTypes["default"].object,
+  order: _propTypes["default"].number
 };
 exports.propTypes = propTypes;

package/lib/list/Icons/AddNewIcon.js

@@ -15,6 +15,8 @@ var _icons = require("@zohodesk/icons");
 
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -57,9 +59,9 @@ var AddNewIcon = /*#__PURE__*/function (_React$Component) {
           dataTitle = _this$props.dataTitle,
           iconClass = _this$props.iconClass,
           className = _this$props.className;
-      return /*#__PURE__*/_react["default"].createElement("span", {
+      return /*#__PURE__*/_react["default"].createElement("button", {
         onClick: onClick,
-        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
         "data-id": dataId,
         "data-test-id": dataId,
         "data-title": dataTitle

package/lib/list/Icons/CompleteIcon.js

@@ -15,6 +15,8 @@ var _icons = require("@zohodesk/icons");
 
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -58,9 +60,9 @@ var CompleteIcon = /*#__PURE__*/function (_React$Component) {
           iconClass = _this$props.iconClass,
           className = _this$props.className,
           iconSize = _this$props.iconSize;
-      return /*#__PURE__*/_react["default"].createElement("span", {
+      return /*#__PURE__*/_react["default"].createElement("button", {
         onClick: onClick,
-        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
         "data-id": dataId,
         "data-test-id": dataId,
         "data-title": dataTitle

package/lib/list/Icons/DeleteIcon.js

@@ -15,6 +15,8 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
 var _icons = require("@zohodesk/icons");
 
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -58,13 +60,13 @@ var DeleteComponent = /*#__PURE__*/function (_React$Component) {
           iconClass = _this$props.iconClass,
           iconSize = _this$props.iconSize,
           className = _this$props.className;
-      return /*#__PURE__*/_react["default"].createElement("span", {
+      return /*#__PURE__*/_react["default"].createElement("button", {
         onClick: onClick,
-        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].redHover, " ").concat(className ? className : ''),
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].redHover, " ").concat(className ? className : '', "  ").concat(_semanticButtonModule["default"].buttonReset),
         "data-id": dataId,
         "data-test-id": dataId,
         "data-title": dataTitle,
-        tabIndex: 0
+        "aria-label": dataTitle
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-GN-delete",
         iconClass: iconClass ? iconClass : '',

package/lib/list/Icons/EditIcon.js

@@ -15,6 +15,8 @@ var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
 var _icons = require("@zohodesk/icons");
 
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -58,12 +60,13 @@ var EditIcon = /*#__PURE__*/function (_React$Component) {
           iconClass = _this$props.iconClass,
           iconSize = _this$props.iconSize,
           className = _this$props.className;
-      return /*#__PURE__*/_react["default"].createElement("span", {
+      return /*#__PURE__*/_react["default"].createElement("button", {
         onClick: onClick,
-        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', "  ").concat(_semanticButtonModule["default"].buttonReset),
         "data-id": dataId,
         "data-test-id": dataId,
-        "data-title": dataTitle
+        "data-title": dataTitle,
+        "aria-label": dataTitle
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-GN-edit",
         iconClass: iconClass ? iconClass : '',

package/lib/list/Icons/ReadUnreadIcon.js

@@ -17,6 +17,8 @@ var _icons = require("@zohodesk/icons");
 
 var _IconsModule = _interopRequireDefault(require("./Icons.module.css"));
 
+var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -62,12 +64,13 @@ var ReadUnreadIcon = /*#__PURE__*/function (_React$Component) {
           className = _this$props.className,
           isRead = _this$props.isRead,
           iconSize = _this$props.iconSize;
-      return /*#__PURE__*/_react["default"].createElement("span", {
+      return /*#__PURE__*/_react["default"].createElement("button", {
         onClick: onClick,
-        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
+        className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : '', " ").concat(_semanticButtonModule["default"].buttonReset),
         "data-id": dataId,
         "data-test-id": dataId,
-        "data-title": dataTitle
+        "data-title": dataTitle,
+        "aria-label": dataTitle
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
         size: iconSize,