@zohodesk/dot 1.0.0-temp-181.7 → 1.0.0-temp-183

package/es/list/ListLayout/ListLayout.module.css

@@ -45,12 +45,6 @@
   border-bottom: 1px dotted var(--listBorder);
 }
 
-.compact,
-.classic,
-.superCompact {
-  /* css:theme-validation:ignore */
-}
-
 [dir=ltr] .compact, [dir=ltr] .classic, [dir=ltr] .superCompact {
   border-left: var(--zd_size2) solid transparent;
 }

package/es/list/Subject/Subject.module.css

@@ -1,28 +1,35 @@
 .varClass {
   --subject_text: var(--zdt_subject_text);
 }
+
 .subject {
   composes: varClass;
   /* css:theme-validation:ignore */
   color: var(--subject_text);
   display: block;
 }
+
 .dotted {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .font_regular {
   font-family: var(--zd_regular);
 }
+
 .font_semibold {
   font-family: var(--zd_semibold);
 }
+
 .font_bold {
   font-family: var(--zd_bold);
 }
+
 .font_semibold,
 .font_bold {
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .cursorPointer {
   cursor: pointer;
-}
+}

package/es/list/Thread/Thread.module.css

@@ -4,7 +4,6 @@
 .container {
   composes: varClass;
   position: relative;
-  /* css:theme-validation:ignore */
   color: var(--icon_color);
   cursor: pointer;
 }

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -6,43 +6,58 @@
   min-height: var(--zd_size35) ;
   cursor: pointer;
 }
+
 [dir=ltr] .withBorder {
   border-left: 1px solid var(--zdt_statuslistitem_default_border);
 }
+
 [dir=rtl] .withBorder {
   border-right: 1px solid var(--zdt_statuslistitem_default_border);
 }
+
 [dir=ltr] .small {
   padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5) ;
 }
+
 [dir=rtl] .small {
   padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3) ;
 }
+
 .medium {
   padding: var(--zd_size7) var(--zd_size20) ;
 }
+
 .large {
   height: var(--zd_size48) ;
 }
+
 [dir=ltr] .large {
   padding: var(--zd_size10) var(--zd_size3) var(--zd_size10) var(--zd_size25) ;
 }
+
 [dir=rtl] .large {
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
 }
-.value,.multiLineValue {
+
+.value,
+.multiLineValue {
   line-height: 1.5385;
 }
+
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
-.multiLineValue{
+
+.multiLineValue {
   word-break: break-word;
+  -webkit-line-clamp: 5;
   composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
 }
+
 [dir=rtl] .withBorder.active {
   border-right-color: var(--zdt_statuslistitem_default_active_border);
 }
@@ -50,44 +65,56 @@
 .default.hover, .default.effect:hover {
   background-color: var(--zdt_statuslistitem_default_effect_bg);
 }
+
 .primary.hover, .primary.effect:hover, .selected {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
+
 .secondary.hover, .secondary.effect:hover {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
+
 .list.active.default, .list.active.primary {
   background-color: var(--zdt_statuslistitem_primary_efffect_bg);
 }
+
 .list.active.secondary {
   background-color: var(--zdt_statuslistitem_secondary_effect_bg);
 }
+
 .secondary.hover,
 .secondary.effect:hover,
 .list.active.secondary {
   color: var(--zdt_statuslistitem_secondary_effect_text);
 }
+
 .tickIcon {
   color: var(--zdt_statuslistitem_tickicon);
   position: absolute;
-  top:50% ;
+  top: 50% ;
   transform: translateY(-50%);
 }
+
 [dir=ltr] .tickIcon {
   right: var(--zd_size20) ;
 }
+
 [dir=rtl] .tickIcon {
   left: var(--zd_size20) ;
 }
-.tickIcon > i {
+
+.tickIcon>i {
   display: block;
 }
+
 [dir=ltr] .active.withTick {
   padding-right: var(--zd_size39) ;
 }
+
 [dir=rtl] .active.withTick {
   padding-left: var(--zd_size39) ;
 }
+
 /* Status Type */
 .statusType {
   width: var(--zd_size8) ;
@@ -100,12 +127,15 @@
 [dir=rtl] .statusType {
   margin-left: var(--zd_size13) ;
 }
+
 .black {
   background-color: var(--zdt_statuslistitem_black_bg);
 }
+
 .orange {
   background-color: var(--zdt_statuslistitem_orange_bg);
 }
+
 .green {
   background-color: var(--zdt_statuslistitem_green_bg);
-}
+}

package/es/lookup/Lookup/Lookup.js

@@ -57,7 +57,8 @@ export default class Lookup extends Component {
       onClose,
       needFocusScope,
       customProps,
-      isMinHeight
+      isMinHeight,
+      lookupClass
     } = this.props;
     const {
       role = 'dialog',
@@ -87,7 +88,7 @@ export default class Lookup extends Component {
       "aria-label": ariaLabel,
       "aria-modal": ariaModal,
       id: htmlId,
-      className: `${style.box} ${style[`${size}Size`]}`,
+      className: `${style.box} ${style[`${size}Size`]} ${lookupClass ? lookupClass : ''}`,
       "data-id": dataId,
       "data-test-id": dataId
     }, a11yAttributes), /*#__PURE__*/React.createElement(Container, {

package/es/lookup/Lookup/Lookup.module.css

@@ -35,7 +35,10 @@
 .largeSize {
   max-width: 70% ;
 }
+.xlargeSize {
+  max-width: 80% ;
+}
 
 .fullSize {
   max-width: 90% ;
-}
+}

package/es/lookup/Lookup/props/propTypes.js

@@ -4,7 +4,7 @@ export const propTypes = {
   customClass: PropTypes.string,
   dataId: PropTypes.string,
   isActive: PropTypes.bool,
-  size: PropTypes.oneOf(['small', 'xmedium', 'medium', 'large', 'full']),
+  size: PropTypes.oneOf(['small', 'xmedium', 'medium', 'large', 'xlarge', 'full']),
   htmlId: PropTypes.string,
   a11y: PropTypes.shape({
     role: PropTypes.string,
@@ -19,5 +19,6 @@ export const propTypes = {
   forwardRef: PropTypes.object,
   onClick: PropTypes.func,
   onClose: PropTypes.func,
-  isMinHeight: PropTypes.bool
+  isMinHeight: PropTypes.bool,
+  lookupClass: PropTypes.string
 };

package/es/lookup/header/TicketHeader/TicketHeader.js

@@ -1,5 +1,5 @@
 /*** Libraries ***/
-import React, { Component } from 'react';
+import React, { memo, useRef } from 'react';
 import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 /*** Components ***/
@@ -9,6 +9,7 @@ import Close from '../Close/Close';
 import Search from '../Search/Search';
 import ViewDropDown from '../ViewDropDown/ViewDropDown';
 import { Container, Box } from '@zohodesk/components/lib/Layout';
+import useDragger from '../../../Hooks/Dragger/useDragger';
 /*** CSS ***/
 
 import commonStyle from '../lookupHeaderCommon.module.css';
@@ -16,81 +17,95 @@ import commonResponsive from '../lookupHeaderCommonResponsive.module.css';
 import style from './TicketHeader.module.css';
 /* eslint-disable react/forbid-component-props */
 
-export default class TicketHeader extends Component {
-  render() {
-    let {
-      needSearch,
-      onLookupClose,
-      searchStr,
-      onSearchChange,
-      searchPlaceHolder,
-      title,
-      selectedViewId,
-      onSelectView,
-      allViews,
-      onSearch,
-      needOnTypeSearch,
-      getSearchBoxRef,
-      needViewsList,
-      i18nKeys,
-      palette
-    } = this.props;
-    let {
-      menuEmptyMessage = 'No matches found'
-    } = i18nKeys;
-    return /*#__PURE__*/React.createElement(Container, {
-      align: "vertical",
-      alignBox: "row",
-      className: `${commonStyle.container} ${commonStyle[`${palette}`]} ${commonResponsive.container} ${style.container}`,
-      isCover: false,
-      wrap: "wrap"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: commonStyle.closeContainer
-    }, /*#__PURE__*/React.createElement(Close, {
-      onClose: onLookupClose,
-      dataId: "close"
-    })), /*#__PURE__*/React.createElement(Box, {
-      flexible: true
-    }, /*#__PURE__*/React.createElement(Container, {
-      alignBox: "column",
-      className: `${style.innerContainer}`,
-      isCover: false,
-      wrap: "wrap",
-      dataId: "lookupView"
-    }, /*#__PURE__*/React.createElement(Box, {
-      className: commonStyle.title
-    }, /*#__PURE__*/React.createElement(Title, {
-      text: title
-    })), needViewsList ? /*#__PURE__*/React.createElement(Box, {
-      className: `${style.dropdown}`,
-      dataId: "filterIdselected"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: style.menuWrapper
-    }, /*#__PURE__*/React.createElement(ViewDropDown, {
-      dropBoxSize: "small",
-      emptyMessage: menuEmptyMessage,
-      needSearch: true,
-      onChange: onSelectView,
-      options: allViews,
-      textField: "displayLabel",
-      selectedValue: selectedViewId,
-      needCloseOnSelect: true
-    }))) : null)), needSearch ? /*#__PURE__*/React.createElement(Box, {
-      className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer} ${style.searchContainer}`
-    }, /*#__PURE__*/React.createElement(Search, {
-      onSearch: onSearch,
-      searchStr: searchStr,
-      onChange: onSearchChange,
-      placeHolder: searchPlaceHolder,
-      dataId: "search",
-      needOnTypeSearch: needOnTypeSearch,
-      getRef: getSearchBoxRef
-    })) : null);
-  }
+function TicketHeader(props) {
+  let {
+    needSearch,
+    onLookupClose,
+    searchStr,
+    onSearchChange,
+    searchPlaceHolder,
+    title,
+    selectedViewId,
+    onSelectView,
+    allViews,
+    onSearch,
+    needOnTypeSearch,
+    getSearchBoxRef,
+    needViewsList,
+    i18nKeys,
+    palette,
+    dragBoundaryLimit
+  } = props;
+  let {
+    menuEmptyMessage = 'No matches found'
+  } = i18nKeys;
+  const dragRef = useRef(null); //dragRef
 
+  useDragger({
+    isActive: true,
+    ChildRef: dragRef,
+    boundaryLimit: dragBoundaryLimit
+  }); //custom Hook
+
+  return /*#__PURE__*/React.createElement(Container, {
+    align: "vertical",
+    alignBox: "row",
+    className: `${commonStyle.container} ${commonStyle[`${palette}`]} ${commonResponsive.container} ${style.container}`,
+    isCover: false,
+    wrap: "wrap",
+    eleRef: dragRef,
+    "data-drag-hook": "true"
+  }, /*#__PURE__*/React.createElement(Box, {
+    flexible: true
+  }, /*#__PURE__*/React.createElement(Container, {
+    alignBox: "column",
+    className: `${style.innerContainer}`,
+    isCover: false,
+    wrap: "wrap",
+    dataId: "lookupView"
+  }, /*#__PURE__*/React.createElement(Box, {
+    className: commonStyle.title
+  }, /*#__PURE__*/React.createElement(Title, {
+    text: title
+  })), needViewsList ? /*#__PURE__*/React.createElement(Box, {
+    className: `${style.dropdown}`,
+    dataId: "filterIdselected"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.menuWrapper
+  }, /*#__PURE__*/React.createElement(ViewDropDown, {
+    dropBoxSize: "small",
+    emptyMessage: menuEmptyMessage,
+    needSearch: true,
+    onChange: onSelectView,
+    options: allViews,
+    textField: "displayLabel",
+    selectedValue: selectedViewId,
+    needCloseOnSelect: true
+  }))) : null)), needSearch ? /*#__PURE__*/React.createElement(Box, {
+    className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer} ${style.searchContainer}`
+  }, /*#__PURE__*/React.createElement(Search, {
+    onSearch: onSearch,
+    searchStr: searchStr,
+    onChange: onSearchChange,
+    placeHolder: searchPlaceHolder,
+    dataId: "search",
+    needOnTypeSearch: needOnTypeSearch,
+    getRef: getSearchBoxRef
+  })) : null, /*#__PURE__*/React.createElement("div", {
+    className: commonStyle.closeContainer
+  }, /*#__PURE__*/React.createElement(Close, {
+    onClose: onLookupClose,
+    dataId: "close"
+  })));
 }
+
 TicketHeader.propTypes = propTypes;
-TicketHeader.defaultProps = defaultProps; // if (__DOCS__) {
+TicketHeader.defaultProps = defaultProps;
+const MemoizedTicketHeader = /*#__PURE__*/memo(TicketHeader);
+MemoizedTicketHeader.propTypes = propTypes;
+MemoizedTicketHeader.defaultProps = defaultProps;
+MemoizedTicketHeader.displayName = 'TicketHeader';
+export default MemoizedTicketHeader; // if (__DOCS__) {
 //   TicketHeader.docs = {
 //     componentGroup: 'Lookup'
 //   };

package/es/lookup/header/TicketHeader/props/defaultProps.js

@@ -1,4 +1,10 @@
 export const defaultProps = {
   i18nKeys: {},
-  palette: 'default'
+  palette: 'default',
+  dragBoundaryLimit: {
+    top: 0,
+    left: 50,
+    right: 50,
+    bottom: 50
+  }
 };

package/es/lookup/header/TicketHeader/props/propTypes.js

@@ -16,5 +16,6 @@ export const propTypes = {
   i18nKeys: PropTypes.shape({
     menuEmptyMessage: PropTypes.string
   }),
-  palette: PropTypes.oneOf(['default', 'white'])
+  palette: PropTypes.oneOf(['default', 'white']),
+  dragBoundaryLimit: PropTypes.object
 };

package/es/v1/ActionButton/ActionButton.js

@@ -6,7 +6,7 @@ import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import ResponsiveDropBox from '@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox';
-import CssProvider from '@zohodesk/components/es/v1/Provider/CssProvider';
+import CssProvider from '@zohodesk/components/es/Provider/CssProvider';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import style from '../../ActionButton/ActionButton.module.css';
 

package/es/v1/AttachmentViewer/AttachmentViewer.js

@@ -4,8 +4,8 @@ import { AttachmentViewer_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
-import { ResponsiveReceiver } from '@zohodesk/components/es/v1/Responsive/CustomResponsive';
-import { getUniqueId } from '@zohodesk/components/es/v1/Provider/IdProvider';
+import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
+import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import AttachmentImage from './AttachmentImage';
 import Link from '../Link/Link';
 import IconButton from '../IconButton/IconButton';

package/es/v1/Drawer/Drawer.js

@@ -6,9 +6,9 @@ import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
 import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import { ResponsiveSender, ResponsiveReceiver } from '@zohodesk/components/es/v1/Responsive/CustomResponsive';
+import { ResponsiveSender, ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
 import { Icon } from '@zohodesk/icons';
-import { useZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
+import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
 import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
 import Heading from '@zohodesk/components/es/v1/Heading/Heading';
 import FreezeLayer from '../FreezeLayer/FreezeLayer';

package/es/v1/FlipCard/FlipCard.js

@@ -5,7 +5,7 @@ import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 import CheckBox from '@zohodesk/components/es/v1/CheckBox/CheckBox';
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import AvatarSize from '@zohodesk/components/es/v1/Provider/AvatarSize';
+import AvatarSize from '@zohodesk/components/es/Provider/AvatarSize';
 import ChannelIcon from '../ChannelIcon/ChannelIcon';
 import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
 import AvatarUser from '../avatar/AvatarUser/AvatarUser';

package/es/v1/FreezeLayer/FreezeLayer.js

@@ -4,9 +4,9 @@ import { propTypes } from './props/propTypes';
 import { Container } from '@zohodesk/components/es/v1/Layout';
 import { mergeStyle } from '@zohodesk/utils';
 import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
-import { useZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
+import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
 import cssJSLogic from '../../FreezeLayer/css/cssJSLogic';
-import useFreezeLayer from '../../FreezeLayer/useFreezeLayer';
+import useFreezeLayer from '../../Hooks/useFreezeLayer';
 import style from '../../FreezeLayer/css/FreezeLayer.module.css';
 export default function FreezeLayer(props) {
   let {

package/es/v1/Loader/Loader.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
+import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
 import style from '../../Loader/Loader.module.css';
 export default function Loader() {
   let getNextId = useZIndex();

package/es/v1/ToastMessage/ToastMessage.js

@@ -7,8 +7,8 @@ import { propTypes } from './props/propTypes'; //components
 import { cancelBubblingEffect } from '@zohodesk/components/es/utils/Common';
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
-import { useZIndex } from '@zohodesk/components/es/v1/Provider/ZindexProvider';
-import { useUniqueId } from '@zohodesk/components/es/v1/Provider/IdProvider';
+import { useZIndex } from '@zohodesk/components/es/Provider/ZindexProvider';
+import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import AutoClose from '../actions/AutoClose';
 import a11yStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css'; //style
 

package/es/v1/alert/AlertLookup/AlertLookup.js

@@ -6,7 +6,7 @@ import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 /**** Components ****/
 
-import { useUniqueId } from '@zohodesk/components/es/v1/Provider/IdProvider';
+import { useUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import Button from '@zohodesk/components/es/v1/Button/Button';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Lookup from '../../lookup/Lookup/Lookup';

package/es/v1/avatar/AvatarIcon/AvatarIcon.js

@@ -5,7 +5,7 @@ import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { Container } from '@zohodesk/components/es/v1/Layout';
-import AvatarSize from '@zohodesk/components/es/v1/Provider/AvatarSize';
+import AvatarSize from '@zohodesk/components/es/Provider/AvatarSize';
 import style from '../../../avatar/AvatarIcon/AvatarIcon.module.css';
 export default function AvatarIcon(props) {
   let {

package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -13,13 +13,13 @@ import TextBoxIcon from '@zohodesk/components/es/v1/TextBoxIcon/TextBoxIcon';
 import Loader from '@zohodesk/svg/lib/Loader/Loader';
 import CommonEmptyState from '../../emptystate/CommonEmptyState/CommonEmptyState';
 import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
-import CssProvider from '@zohodesk/components/es/v1/Provider/CssProvider';
+import CssProvider from '@zohodesk/components/es/Provider/CssProvider';
 import { scrollTo, findScrollEnd } from '@zohodesk/components/es/utils/Common';
-import { getUniqueId } from '@zohodesk/components/es/v1/Provider/IdProvider';
+import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import RippleEffect from '@zohodesk/components/es/v1/RippleEffect/RippleEffect';
 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';
 import style from '../../../dropdown/ToggleDropDown/ToggleDropDown.module.css';
 export class ToggleDropDown extends Component {
   constructor(props) {
@@ -522,6 +522,10 @@ export class ToggleDropDown extends Component {
       getFooter,
       customProps,
       needMultiLineText,
+      isAbsolutePositioningNeeded,
+      positionsOffset,
+      targetOffset,
+      isRestrictScroll,
       customClass
     } = this.props;
     let {
@@ -624,6 +628,10 @@ export class ToggleDropDown extends Component {
         palette: palette,
         isResponsivePadding: true,
         needFocusScope: true,
+        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+        positionsOffset: positionsOffset,
+        targetOffset: targetOffset,
+        isRestrictScroll: isRestrictScroll,
         customProps: {
           focusScopeProps: {
             loadNextOptions: this.handleGetNextOptions,

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

@@ -23,5 +23,7 @@ export const defaultProps = {
   preventPopupClose: false,
   dataSelectorId: 'toggleDropdown',
   needMultiLineText: false,
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false,
   customClass: {}
 };

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

@@ -74,6 +74,10 @@ export const propTypes = {
     customListBox: PropTypes.string
   }),
   onSelectLabel: PropTypes.func,
+  isAbsolutePositioningNeeded: PropTypes.bool,
+  isRestrictScroll: PropTypes.bool,
+  positionsOffset: PropTypes.object,
+  targetOffset: PropTypes.object,
   from: PropTypes.string,
   top: PropTypes.number
 };

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

@@ -9,7 +9,7 @@ import { propTypes } from './props/propTypes';
 import Label from '@zohodesk/components/es/v1/Label/Label';
 import TextBox from '@zohodesk/components/es/v1/TextBox/TextBox';
 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/DateField/DateField.js

@@ -9,7 +9,7 @@ import { propTypes } from './props/propTypes';
 import Label from '@zohodesk/components/es/v1/Label/Label';
 import DateWidget from '@zohodesk/components/es/v1/DateTime/DateWidget';
 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/MultiSelectField/MultiSelectField.js

@@ -9,7 +9,7 @@ import { propTypes } from './props/propTypes';
 import Label from '@zohodesk/components/es/v1/Label/Label';
 import MultiSelect from '@zohodesk/components/es/v1/MultiSelect/MultiSelect';
 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/RadioField/RadioField.js

@@ -79,6 +79,7 @@ const RadioField = props => {
       text,
       value,
       disabled = false,
+      tooltip,
       infoTooltip
     } = option;
     let isChecked = selectedValue == value;
@@ -94,6 +95,8 @@ const RadioField = props => {
       labelSize: labelSize,
       active: isActive || isBoxStyle && isChecked,
       disabled: disabled || isDisabled,
+      disabledTitle: tooltip,
+      title: tooltip,
       onChange: handleChange,
       getRef: handleGetRef,
       size: size,