@zohodesk/dot 1.4.11 → 1.4.13

package/lib/v1/Drawer/Drawer.js

@@ -22,11 +22,11 @@ var _Card = require("@zohodesk/components/es/v1/Card");
 
 var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
 
-var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 
 var _icons = require("@zohodesk/icons");
 
-var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
 var _FocusScope = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/FocusScope"));
 

package/lib/v1/FlipCard/FlipCard.js

@@ -15,7 +15,7 @@ var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/v1/Check
 
 var _Layout = require("@zohodesk/components/es/v1/Layout");
 
-var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/AvatarSize"));
+var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));
 
 var _ChannelIcon = _interopRequireDefault(require("../ChannelIcon/ChannelIcon"));
 

package/lib/v1/FreezeLayer/FreezeLayer.js

@@ -17,11 +17,11 @@ var _utils = require("@zohodesk/utils");
 
 var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
 
-var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
 var _cssJSLogic2 = _interopRequireDefault(require("../../FreezeLayer/css/cssJSLogic"));
 
-var _useFreezeLayer2 = _interopRequireDefault(require("../../FreezeLayer/useFreezeLayer"));
+var _useFreezeLayer2 = _interopRequireDefault(require("../../Hooks/useFreezeLayer"));
 
 var _FreezeLayerModule = _interopRequireDefault(require("../../FreezeLayer/css/FreezeLayer.module.css"));
 

package/lib/v1/Loader/Loader.js

@@ -7,7 +7,7 @@ exports["default"] = Loader;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
 var _LoaderModule = _interopRequireDefault(require("../../Loader/Loader.module.css"));
 

package/lib/v1/ToastMessage/ToastMessage.js

@@ -19,9 +19,9 @@ var _icons = require("@zohodesk/icons");
 
 var _Layout = require("@zohodesk/components/es/v1/Layout");
 
-var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
-var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _AutoClose = _interopRequireDefault(require("../actions/AutoClose"));
 

package/lib/v1/alert/AlertLookup/AlertLookup.js

@@ -11,7 +11,7 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
 

package/lib/v1/avatar/AvatarIcon/AvatarIcon.js

@@ -15,7 +15,7 @@ var _icons = require("@zohodesk/icons");
 
 var _Layout = require("@zohodesk/components/es/v1/Layout");
 
-var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/AvatarSize"));
+var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));
 
 var _AvatarIconModule = _interopRequireDefault(require("../../../avatar/AvatarIcon/AvatarIcon.module.css"));
 

package/lib/v1/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -33,11 +33,11 @@ var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonE
 
 var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptySearch"));
 
-var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/CssProvider"));
+var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/Provider/CssProvider"));
 
 var _Common = require("@zohodesk/components/es/utils/Common");
 
-var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 
@@ -45,7 +45,7 @@ var _RippleEffect = _interopRequireDefault(require("@zohodesk/components/es/v1/R
 
 var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 
 var _ToggleDropDownModule = _interopRequireDefault(require("../../../dropdown/ToggleDropDown/ToggleDropDown.module.css"));
 
@@ -590,6 +590,10 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
           getFooter = _this$props9.getFooter,
           customProps = _this$props9.customProps,
           needMultiLineText = _this$props9.needMultiLineText,
+          isAbsolutePositioningNeeded = _this$props9.isAbsolutePositioningNeeded,
+          positionsOffset = _this$props9.positionsOffset,
+          targetOffset = _this$props9.targetOffset,
+          isRestrictScroll = _this$props9.isRestrictScroll,
           customClass = _this$props9.customClass;
       var _customProps$ToggleDr = customProps.ToggleDropDownProps,
           ToggleDropDownProps = _customProps$ToggleDr === void 0 ? {} : _customProps$ToggleDr,
@@ -691,6 +695,10 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
           palette: palette,
           isResponsivePadding: true,
           needFocusScope: true,
+          isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+          positionsOffset: positionsOffset,
+          targetOffset: targetOffset,
+          isRestrictScroll: isRestrictScroll,
           customProps: {
             focusScopeProps: {
               loadNextOptions: _this5.handleGetNextOptions,

package/lib/v1/dropdown/ToggleDropDown/props/defaultProps.js

@@ -29,6 +29,8 @@ var defaultProps = {
   preventPopupClose: false,
   dataSelectorId: 'toggleDropdown',
   needMultiLineText: false,
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false,
   customClass: {}
 };
 exports.defaultProps = defaultProps;

package/lib/v1/dropdown/ToggleDropDown/props/propTypes.js

@@ -84,6 +84,10 @@ var propTypes = {
     customListBox: _propTypes["default"].string
   }),
   onSelectLabel: _propTypes["default"].func,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  isRestrictScroll: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].object,
+  targetOffset: _propTypes["default"].object,
   from: _propTypes["default"].string,
   top: _propTypes["default"].number
 };

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

@@ -59,6 +59,7 @@ function CheckBoxField(props) {
       customProps = props.customProps,
       renderLabelProps = props.renderLabelProps,
       getRef = props.getRef,
+      getContainerRef = props.getContainerRef,
       onChange = props.onChange;
   var _customProps$LabelPro = customProps.LabelProps,
       LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
@@ -119,7 +120,8 @@ function CheckBoxField(props) {
     disabled: removeEvent,
     checked: checked,
     getRef: handleGetRef,
-    dataId: dataId
+    dataId: dataId,
+    getContainerRef: getContainerRef
   }, CheckBoxProps))), !isDirectCol && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true
   }, labelElement)), validationMessage && /*#__PURE__*/_react["default"].createElement(_ValidationMessage["default"], _extends({

package/lib/v1/form/fields/CheckBoxField/props/propTypes.js

@@ -23,6 +23,7 @@ var propTypes = _objectSpread({
   errorType: _propTypes["default"].oneOf(['primary', 'secondary']),
   fieldSize: _propTypes["default"].oneOf(['small', 'medium']),
   getRef: _propTypes["default"].func,
+  getContainerRef: _propTypes["default"].func,
   id: _propTypes["default"].string.isRequired,
   labelCustomClass: _propTypes["default"].string,
   labelName: _propTypes["default"].string,

package/lib/v1/form/fields/CurrencyField/CurrencyField.js

@@ -19,7 +19,7 @@ var _TextBox = _interopRequireDefault(require("@zohodesk/components/es/v1/TextBo
 
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
 
-var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
 

package/lib/v1/form/fields/DateField/DateField.js

@@ -19,7 +19,7 @@ var _DateWidget = _interopRequireDefault(require("@zohodesk/components/es/v1/Dat
 
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
 
-var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
 

package/lib/v1/form/fields/MultiSelectField/MultiSelectField.js

@@ -19,7 +19,7 @@ var _MultiSelect = _interopRequireDefault(require("@zohodesk/components/es/v1/Mu
 
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
 
-var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
 

package/lib/v1/form/fields/RadioField/RadioField.js

@@ -21,6 +21,8 @@ var _Radio = _interopRequireDefault(require("@zohodesk/components/es/v1/Radio/Ra
 
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
 
+var _useRadio2 = _interopRequireDefault(require("./useRadio"));
+
 var _FieldsModule = _interopRequireDefault(require("../../../../form/fields/Fields.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -29,6 +31,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 ? Object.assign.bind() : 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); }
 
 var RadioField = function RadioField(props) {
@@ -46,11 +54,13 @@ var RadioField = function RadioField(props) {
       size = props.size,
       selectedValue = props.selectedValue,
       isActive = props.isActive,
+      getRef = props.getRef,
       dataId = props.dataId,
       dataSelectorId = props.dataSelectorId,
       validationRuleMessage = props.validationRuleMessage,
       validationRulePalette = props.validationRulePalette,
       isReadOnly = props.isReadOnly,
+      isBoxStyle = props.isBoxStyle,
       variant = props.variant,
       customProps = props.customProps,
       onChange = props.onChange;
@@ -65,9 +75,15 @@ var RadioField = function RadioField(props) {
       _customProps$Validati2 = customProps.ValidationMessageProps2,
       ValidationMessageProps2 = _customProps$Validati2 === void 0 ? {} : _customProps$Validati2;
 
-  var handleChange = function handleChange(value) {
-    onChange && onChange(id, value);
-  };
+  var _useRadio = (0, _useRadio2["default"])({
+    id: id,
+    onChange: onChange,
+    getRef: getRef,
+    options: options,
+    selectedValue: selectedValue
+  }),
+      handleGetRef = _useRadio.handleGetRef,
+      handleChange = _useRadio.handleChange;
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(_FieldsModule["default"].container, " ").concat(isDisabled ? _FieldsModule["default"].disabled : isReadOnly ? _FieldsModule["default"].readonly : ''),
@@ -81,14 +97,18 @@ var RadioField = function RadioField(props) {
     customClass: "".concat(_FieldsModule["default"].fieldLabel, " ").concat(isMandatory ? _FieldsModule["default"].labelMandatory : ''),
     dataId: isDisabled ? "".concat(dataId, "_label_disabled") : isMandatory ? "".concat(dataId, "_label_mandatory") : "".concat(dataId, "_label")
   }, LabelProps)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"].fieldMargin_medium : '', " ").concat(_FieldsModule["default"].radioContainer)
+    className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(isBoxStyle ? _FieldsModule["default"].radiosWrapper : '', " ").concat(labelName ? _FieldsModule["default"].fieldMargin_medium : '', " ").concat(_FieldsModule["default"].radioContainer)
   }, options.map(function (option, index) {
     var text = option.text,
         value = option.value,
+        _option$disabled = option.disabled,
+        disabled = _option$disabled === void 0 ? false : _option$disabled,
+        tooltip = option.tooltip,
         infoTooltip = option.infoTooltip;
+    var isChecked = selectedValue == value;
     return /*#__PURE__*/_react["default"].createElement("span", {
       key: index,
-      className: "".concat(_FieldsModule["default"].radio, " ").concat(!!infoTooltip ? _FieldsModule["default"].labelContainer : '')
+      className: "".concat(!isBoxStyle ? _FieldsModule["default"].radio : '', " ").concat(_FieldsModule["default"].radioWrap)
     }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], _extends({
       id: index,
       value: value,
@@ -96,20 +116,30 @@ var RadioField = function RadioField(props) {
       text: text,
       labelPalette: labelPalette,
       labelSize: labelSize,
-      active: isActive,
-      disabled: isDisabled,
+      active: isActive || isBoxStyle && isChecked,
+      disabled: disabled || isDisabled,
+      disabledTitle: tooltip,
+      title: tooltip,
       onChange: handleChange,
+      getRef: handleGetRef,
       size: size,
-      checked: selectedValue == value,
+      checked: isChecked,
       dataId: dataId,
       isReadOnly: isReadOnly,
       variant: variant
-    }, RadioProps)), !!infoTooltip ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], _extends({
+    }, RadioProps, {
+      a11y: _objectSpread({
+        tabIndex: !!selectedValue ? isChecked ? '0' : '-1' : index === 0 ? '0' : '-1'
+      }, RadioProps.a11y),
+      customClass: _objectSpread({
+        customRadioWrap: "".concat(isBoxStyle ? _FieldsModule["default"].radioBox : '', " ").concat(isBoxStyle && isChecked ? _FieldsModule["default"].radioBoxActive : '')
+      }, RadioProps.customClass)
+    }), !!infoTooltip ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], _extends({
       name: "ZD-GN-info",
       size: "16",
       title: infoTooltip,
       iconClass: _FieldsModule["default"].infoIcon
-    }, InfoIconProps)) : null);
+    }, InfoIconProps)) : null));
   })), validationMessage && /*#__PURE__*/_react["default"].createElement(_ValidationMessage["default"], _extends({
     text: validationMessage,
     palette: validationPalette,

package/lib/v1/form/fields/RadioField/props/defaultProps.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.defaultProps = void 0;
 var defaultProps = {
   errorType: 'primary',
+  isBoxStyle: false,
   isMandatory: false,
   isDisabled: false,
   isReadOnly: false,

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

@@ -12,8 +12,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var propTypes = {
   dataId: _propTypes["default"].string,
   errorType: _propTypes["default"].oneOf(['primary', 'secondary']),
+  getRef: _propTypes["default"].func,
   id: _propTypes["default"].string,
   isActive: _propTypes["default"].bool,
+  isBoxStyle: _propTypes["default"].bool,
   isDisabled: _propTypes["default"].bool,
   isMandatory: _propTypes["default"].bool,
   isReadOnly: _propTypes["default"].bool,

package/lib/v1/form/fields/RadioField/useRadio.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useRadio;
+
+var _react = require("react");
+
+function useRadio(_ref) {
+  var id = _ref.id,
+      onChange = _ref.onChange,
+      getRef = _ref.getRef,
+      options = _ref.options,
+      selectedValue = _ref.selectedValue;
+
+  var handleChange = function handleChange(value) {
+    onChange && onChange(id, value);
+  };
+
+  var radioRef = (0, _react.useRef)({
+    radios: {},
+    focus: function focus() {}
+  }).current;
+  var firstRadioValue = options[0].value;
+
+  function handleGetRef(ele, val) {
+    radioRef.radios[val] = ele;
+  }
+
+  function handleFocus() {
+    if (!!selectedValue) {
+      radioRef.radios[selectedValue].focus();
+    } else {
+      radioRef.radios[firstRadioValue].focus();
+    }
+  }
+
+  (0, _react.useEffect)(function () {
+    radioRef.focus = handleFocus;
+    getRef && getRef(radioRef, id);
+    return function () {
+      getRef && getRef(null, id);
+    };
+  }, [getRef]);
+  return {
+    handleGetRef: handleGetRef,
+    handleChange: handleChange
+  };
+}

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

@@ -19,7 +19,7 @@ var _Select = _interopRequireDefault(require("@zohodesk/components/es/v1/Select/
 
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
 
-var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
 

package/lib/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -31,7 +31,7 @@ var _CommonEmptyState = _interopRequireDefault(require("../../../emptystate/Comm
 
 var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 
 var _MultiSelectHeader = _interopRequireDefault(require("@zohodesk/components/es/v1/MultiSelect/MultiSelectHeader"));
 

package/lib/v1/form/fields/TextBoxField/TextBoxField.js

@@ -19,7 +19,7 @@ var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/es/v1/Te
 
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
 
-var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
 

package/lib/v1/form/fields/TextareaField/TextareaField.js

@@ -19,7 +19,7 @@ var _Textarea = _interopRequireDefault(require("@zohodesk/components/es/v1/Texta
 
 var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
 
-var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
 
@@ -53,6 +53,7 @@ var TextareaField = function TextareaField(props) {
       dataSelectorId = props.dataSelectorId,
       validationRuleMessage = props.validationRuleMessage,
       validationRulePalette = props.validationRulePalette,
+      onFocus = props.onFocus,
       infoText = props.infoText,
       borderColor = props.borderColor,
       fieldSize = props.fieldSize,
@@ -120,6 +121,7 @@ var TextareaField = function TextareaField(props) {
     text: value,
     placeHolder: placeHolder,
     dataId: "property(".concat(dataId, ")"),
+    onFocus: onFocus,
     onBlur: handleBlur,
     borderColor: borderColor,
     needEffect: isReadOnly || isDisabled ? false : true,

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

@@ -29,6 +29,7 @@ var propTypes = _objectSpread({
   labelName: _propTypes["default"].string,
   labelPalette: _propTypes["default"].string,
   maxLength: _propTypes["default"].number,
+  onFocus: _propTypes["default"].func,
   onBlur: _propTypes["default"].func,
   onChange: _propTypes["default"].func,
   placeHolder: _propTypes["default"].string,

package/lib/v1/list/status/StatusDropdown/StatusDropdown.js

@@ -41,9 +41,9 @@ var _commonModule = _interopRequireDefault(require("@zohodesk/components/es/comm
 
 var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 
-var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
 
 var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 

package/lib/v1/list/status/StatusListItem/StatusListItem.js

@@ -17,7 +17,7 @@ var _Layout = require("@zohodesk/components/es/v1/Layout");
 
 var _icons = require("@zohodesk/icons");
 
-var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/CssProvider"));
+var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/Provider/CssProvider"));
 
 var _StatusListItemModule = _interopRequireDefault(require("../../../../list/status/StatusListItem/StatusListItem.module.css"));
 

package/lib/v1/lookup/header/ViewDropDown/ViewDropDown.js

@@ -25,7 +25,7 @@ var _Card = require("@zohodesk/components/es/v1/Card");
 
 var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
+var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
 
 var _icons = require("@zohodesk/icons");
 

package/lib/v1/notification/DesktopNotification/DesktopNotification.js

@@ -14,7 +14,7 @@ var _propTypes = require("./props/propTypes");
 
 var _Layout = require("@zohodesk/components/es/v1/Layout");
 
-var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
+var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
 
 var _AutoClose = _interopRequireDefault(require("../../../actions/AutoClose"));
 

package/lib/v1/notification/DesktopNotification/props/defaultProps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _Config = require("../../../Provider/Config");
+var _Config = require("../../../../Provider/Config");
 
 var _default = {
   isMore: false,

package/lib/v1/notification/DesktopNotificationHeader/props/defaultProps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _Config = require("../../../Provider/Config");
+var _Config = require("../../../../Provider/Config");
 
 var _default = {
   needIcon: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.4.11",
+  "version": "1.4.13",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -58,12 +58,12 @@
     "@testing-library/user-event": "^13.0.10",
     "@zohodesk-private/color-variable-preprocessor": "1.2.0",
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk-private/node-plugins": "1.1.6",
+    "@zohodesk-private/node-plugins": "1.1.7",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.2.0",
-    "@zohodesk/components": "1.2.27",
+    "@zohodesk/components": "1.2.29",
     "@zohodesk/hooks": "2.0.3",
-    "@zohodesk/icons": "1.0.33",
+    "@zohodesk/icons": "1.0.35",
     "@zohodesk/svg": "1.1.11",
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/variables": "1.0.0",
@@ -74,8 +74,8 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.27",
-    "@zohodesk/icons": "1.0.33",
+    "@zohodesk/components": "1.2.29",
+    "@zohodesk/icons": "1.0.35",
     "@zohodesk/svg": "1.1.11",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",