@zohodesk/dot 1.4.12 → 1.4.13

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

@@ -9,7 +9,7 @@ import { propTypes } from './props/propTypes';
 import Label from '@zohodesk/components/es/v1/Label/Label';
 import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';
 import ValidationMessage from '../ValidationMessage/ValidationMessage';
-import { useUniqueId } from '@zohodesk/components/es/v1/Provider/IdProvider';
+import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import FieldContainer from '../FieldContainer/FieldContainer';
 /**** CSS ****/
 

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

@@ -9,7 +9,7 @@ import { propTypes } from './props/propTypes';
 import Label from '@zohodesk/components/es/v1/Label/Label';
 import Textarea from '@zohodesk/components/es/v1/Textarea/Textarea';
 import ValidationMessage from '../ValidationMessage/ValidationMessage';
-import { useUniqueId } from '@zohodesk/components/es/v1/Provider/IdProvider';
+import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import FieldContainer from '../FieldContainer/FieldContainer';
 /**** CSS ****/
 
@@ -37,6 +37,7 @@ const TextareaField = props => {
     validationRuleMessage,
     validationRulePalette,
     // onKeyDown,
+    onFocus,
     infoText,
     borderColor,
     fieldSize,
@@ -103,6 +104,7 @@ const TextareaField = props => {
     text: value,
     placeHolder: placeHolder,
     dataId: `property(${dataId})`,
+    onFocus: onFocus,
     onBlur: handleBlur,
     borderColor: borderColor,
     needEffect: isReadOnly || isDisabled ? false : true,

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

@@ -12,6 +12,7 @@ export const propTypes = {
   labelName: PropTypes.string,
   labelPalette: PropTypes.string,
   maxLength: PropTypes.number,
+  onFocus: PropTypes.func,
   onBlur: PropTypes.func,
   onChange: PropTypes.func,
   placeHolder: PropTypes.string,

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

@@ -15,8 +15,8 @@ import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptySt
 import StatusListItem from '../StatusListItem/StatusListItem';
 import commonStyle from '@zohodesk/components/es/common/common.module.css';
 import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
-import { ResponsiveReceiver } from '@zohodesk/components/es/v1/Responsive/CustomResponsive';
-import { useUniqueId } from '@zohodesk/components/es/v1/Provider/IdProvider';
+import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
+import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import style from '../../../../list/status/StatusDropdown/StatusDropdown.module.css';
 

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

@@ -8,7 +8,7 @@ import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /**** Components ****/
 
 import { Icon } from '@zohodesk/icons';
-import CssProvider from '@zohodesk/components/es/v1/Provider/CssProvider';
+import CssProvider from '@zohodesk/components/es/Provider/CssProvider';
 /**** CSS ****/
 
 import style from '../../../../list/status/StatusListItem/StatusListItem.module.css';

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

@@ -10,7 +10,7 @@ import ListItem from '@zohodesk/components/es/v1/ListItem/ListItem';
 import DropDownSearch from '@zohodesk/components/es/v1/DropDown/DropDownSearch';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
 import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
-import { ResponsiveReceiver } from '@zohodesk/components/es/v1/Responsive/CustomResponsive';
+import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
 /**** Icons ****/
 
 import { Icon } from '@zohodesk/icons';

package/es/v1/notification/DesktopNotification/DesktopNotification.js

@@ -4,7 +4,7 @@ import React from 'react';
 import defaultProps from './props/defaultProps';
 import { propTypes, DesktopNotificationUI_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import { useZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
+import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
 import AutoClose from '../../../actions/AutoClose';
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import FormAction from '../../../FormAction/FormAction';

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

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from '../../../Provider/Config';
+import { getDotLibraryConfig } from '../../../../Provider/Config';
 export default {
   isMore: false,
   isAnimate: true,

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

@@ -1,4 +1,4 @@
-import { getDotLibraryConfig } from '../../../Provider/Config';
+import { getDotLibraryConfig } from '../../../../Provider/Config';
 export default {
   needIcon: true,
   variant: 'primary',

package/lib/FreezeLayer/FreezeLayer.js

@@ -21,7 +21,7 @@ var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider"
 
 var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
 
-var _useFreezeLayer2 = _interopRequireDefault(require("./useFreezeLayer"));
+var _useFreezeLayer2 = _interopRequireDefault(require("../Hooks/useFreezeLayer"));
 
 var _FreezeLayerModule = _interopRequireDefault(require("./css/FreezeLayer.module.css"));
 

package/lib/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -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/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/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/form/fields/RadioField/RadioField.js

@@ -129,6 +129,7 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
             value = option.value,
             _option$disabled = option.disabled,
             disabled = _option$disabled === void 0 ? false : _option$disabled,
+            tooltip = option.tooltip,
             infoTooltip = option.infoTooltip;
         return /*#__PURE__*/_react["default"].createElement("span", {
           key: index,
@@ -142,6 +143,8 @@ var RadioField = /*#__PURE__*/function (_PureComponent) {
           labelSize: labelSize,
           active: isActive,
           disabled: disabled || isDisabled,
+          disabledTitle: tooltip,
+          title: tooltip,
           onChange: _this2.handleChange,
           size: size,
           checked: selectedValue == value,

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

@@ -126,6 +126,7 @@ var TextareaField = /*#__PURE__*/function (_PureComponent) {
           dataSelectorId = _this$props4.dataSelectorId,
           validationRuleMessage = _this$props4.validationRuleMessage,
           validationRulePalette = _this$props4.validationRulePalette,
+          onFocus = _this$props4.onFocus,
           infoText = _this$props4.infoText,
           borderColor = _this$props4.borderColor,
           fieldSize = _this$props4.fieldSize,
@@ -176,6 +177,7 @@ var TextareaField = /*#__PURE__*/function (_PureComponent) {
         text: value,
         placeHolder: placeHolder,
         dataId: "property(".concat(dataId, ")"),
+        onFocus: onFocus,
         onBlur: this.handleBlur,
         borderColor: borderColor,
         needEffect: isReadOnly || isDisabled ? false : true,

package/lib/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/ActionButton/ActionButton.js

@@ -21,7 +21,7 @@ var _Layout = require("@zohodesk/components/es/v1/Layout");
 
 var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
 
-var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/CssProvider"));
+var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/Provider/CssProvider"));
 
 var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 

package/lib/v1/AttachmentViewer/AttachmentViewer.js

@@ -19,9 +19,9 @@ var _icons = require("@zohodesk/icons");
 
 var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/v1/Avatar/Avatar"));
 
-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 _AttachmentImage = _interopRequireDefault(require("./AttachmentImage"));
 

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/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

@@ -103,6 +103,7 @@ var RadioField = function RadioField(props) {
         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", {
@@ -117,6 +118,8 @@ var RadioField = function RadioField(props) {
       labelSize: labelSize,
       active: isActive || isBoxStyle && isChecked,
       disabled: disabled || isDisabled,
+      disabledTitle: tooltip,
+      title: tooltip,
       onChange: handleChange,
       getRef: handleGetRef,
       size: size,

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.12",
+  "version": "1.4.13",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -58,10 +58,10 @@
     "@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.28",
+    "@zohodesk/components": "1.2.29",
     "@zohodesk/hooks": "2.0.3",
     "@zohodesk/icons": "1.0.35",
     "@zohodesk/svg": "1.1.11",
@@ -74,7 +74,7 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.28",
+    "@zohodesk/components": "1.2.29",
     "@zohodesk/icons": "1.0.35",
     "@zohodesk/svg": "1.1.11",
     "@zohodesk/virtualizer": "1.0.3",