@zohodesk/dot 1.4.3 → 1.4.5

package/es/Attachment/Attachment.module.css

@@ -6,6 +6,25 @@
   border-radius: 2px;
 }
 
+.disableAttachment {
+  opacity: .6;
+}
+
+.disableLayer {
+  height: 100% ;
+  width: 100% ;
+  position: absolute;
+  top:0 
+}
+
+[dir=ltr] .disableLayer {
+  left:0 
+}
+
+[dir=rtl] .disableLayer {
+  right:0 
+}
+
 .attachmentHover {
   cursor: pointer;
 }

package/es/Attachment/props/defaultProps.js

@@ -3,5 +3,6 @@ export const defaultProps = {
   palette: 'default',
   dataId: 'attachment',
   i18nKeys: {},
-  dataSelectorId: 'attachment'
+  dataSelectorId: 'attachment',
+  isDisabled: false
 };

package/es/Attachment/props/propTypes.js

@@ -13,5 +13,6 @@ export const propTypes = {
   i18nKeys: PropTypes.shape({
     downloadTitle: PropTypes.string
   }),
-  tooltip: PropTypes.string
+  tooltip: PropTypes.string,
+  isDisabled: PropTypes.bool
 };

package/es/lookup/Lookup/Lookup.js

@@ -55,7 +55,7 @@ export default class Lookup extends Component {
       onClose,
       needFocusScope,
       customProps,
-      isFlexWrapper
+      isMinHeight
     } = this.props;
     const {
       role = 'dialog',
@@ -87,12 +87,10 @@ export default class Lookup extends Component {
       className: `${style.box} ${style[`${size}Size`]}`,
       "data-id": dataId,
       "data-test-id": dataId
-    }, isFlexWrapper ? /*#__PURE__*/React.createElement(Container, {
+    }, /*#__PURE__*/React.createElement(Container, {
       "data-drag-container": "true",
       isCover: false,
-      className: `${style.wrapper}`
-    }, children) : /*#__PURE__*/React.createElement("div", {
-      "data-drag-container": "true"
+      className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`
     }, children));
     return /*#__PURE__*/React.createElement(FreezeLayer, {
       align: "horizontal",

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

@@ -3,29 +3,39 @@
   min-height: var(--zd_size440) ;
 }
 
+.coverwrap {
+  max-height: 85vh ;
+}
+
 .container {
   font-size: var(--zd_font_size16) ;
   padding-bottom: var(--zd_size10) ;
 }
+
 .box {
   position: relative;
   height: 100% ;
   width: 100% ;
   margin: auto ;
 }
+
 /* Size */
 .smallSize {
   max-width: var(--zd_size470) ;
 }
+
 .xmediumSize {
   max-width: var(--zd_size620) ;
 }
+
 .mediumSize {
   max-width: var(--zd_size840) ;
 }
+
 .largeSize {
   max-width: 70% ;
 }
+
 .fullSize {
   max-width: 90% ;
-}
+}

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

@@ -5,5 +5,5 @@ export const defaultProps = {
   childAnimationName: 'flyDown',
   needFocusScope: false,
   customProps: {},
-  isFlexWrapper: true
+  isMinHeight: false
 };

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

@@ -19,5 +19,5 @@ export const propTypes = {
   forwardRef: PropTypes.object,
   onClick: PropTypes.func,
   onClose: PropTypes.func,
-  isFlexWrapper: PropTypes.bool
+  isMinHeight: PropTypes.bool
 };

package/es/v1/Attachment/Attachment.js

@@ -22,14 +22,15 @@ const Attachment = props => {
     tooltip,
     fileInfo,
     i18nKeys,
-    dataSelectorId
+    dataSelectorId,
+    isDisabled
   } = props;
   let {
     downloadTitle = 'Download'
   } = i18nKeys;
   return /*#__PURE__*/React.createElement(Container, {
     isInline: true,
-    className: `${style.attachment} ${onClick ? style.attachmentHover : ''} ${style[`palette_${palette}`]} ${style[size]}`,
+    className: `${style.attachment} ${isDisabled ? style.disableAttachment : ""} ${onClick ? style.attachmentHover : ''} ${style[`palette_${palette}`]} ${style[size]}`,
     onClick: onClick,
     dataId: dataId,
     "data-title": tooltip,
@@ -70,7 +71,7 @@ const Attachment = props => {
     adjust: true,
     shrink: true,
     "data-title": fileInfo
-  }, fileInfo)) : null)))), downloadLink ? /*#__PURE__*/React.createElement(Link, {
+  }, fileInfo)) : null)))), downloadLink && !isDisabled ? /*#__PURE__*/React.createElement(Link, {
     target: "_self",
     href: downloadLink,
     className: style.attachDownload,
@@ -79,7 +80,10 @@ const Attachment = props => {
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "ZD-downloadNew",
     iconClass: style.downIcon
-  })) : null);
+  })) : null, isDisabled ? /*#__PURE__*/React.createElement("div", {
+    "data-title": tooltip,
+    className: style.disableLayer
+  }) : null);
 };
 
 Attachment.propTypes = propTypes;

package/es/v1/Attachment/props/defaultProps.js

@@ -3,5 +3,6 @@ export const defaultProps = {
   palette: 'default',
   dataId: 'attachment',
   i18nKeys: {},
-  dataSelectorId: 'attachment'
+  dataSelectorId: 'attachment',
+  isDisabled: false
 };

package/es/v1/Attachment/props/propTypes.js

@@ -13,5 +13,6 @@ export const propTypes = {
   i18nKeys: PropTypes.shape({
     downloadTitle: PropTypes.string
   }),
-  tooltip: PropTypes.string
+  tooltip: PropTypes.string,
+  isDisabled: PropTypes.bool
 };

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

@@ -100,8 +100,7 @@ export default function AlertLookup(props) {
     onClick: onLookupClick,
     customClass: containerClass,
     a11y: a11y,
-    childAnimationName: childAnimationName,
-    isFlexWrapper: false
+    childAnimationName: childAnimationName
   }, LookupProps), /*#__PURE__*/React.createElement(Container, {
     alignBox: "row",
     align: align,

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

@@ -6,6 +6,7 @@ import { defaultProps } from './props/defaultProps';
 import { propTypes } from './props/propTypes';
 /**** Components ****/
 
+import Icon from '@zohodesk/icons/es/Icon';
 import Label from '@zohodesk/components/es/v1/Label/Label';
 import Radio from '@zohodesk/components/es/v1/Radio/Radio';
 import ValidationMessage from '../ValidationMessage/ValidationMessage';
@@ -41,6 +42,7 @@ const RadioField = props => {
   const {
     LabelProps = {},
     RadioProps = {},
+    InfoIconProps = {},
     ValidationMessageProps1 = {},
     ValidationMessageProps2 = {}
   } = customProps;
@@ -65,11 +67,12 @@ const RadioField = props => {
   }, options.map((option, index) => {
     let {
       text,
-      value
+      value,
+      infoTooltip
     } = option;
     return /*#__PURE__*/React.createElement("span", {
       key: index,
-      className: `${style.radio}`
+      className: `${style.radio} ${!!infoTooltip ? style.labelContainer : ''}`
     }, /*#__PURE__*/React.createElement(Radio, _extends({
       id: index,
       value: value,
@@ -85,7 +88,12 @@ const RadioField = props => {
       dataId: dataId,
       isReadOnly: isReadOnly,
       variant: variant
-    }, RadioProps)));
+    }, RadioProps)), !!infoTooltip ? /*#__PURE__*/React.createElement(Icon, _extends({
+      name: "ZD-GN-info",
+      size: "16",
+      title: infoTooltip,
+      iconClass: style.infoIcon
+    }, InfoIconProps)) : null);
   })), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
     text: validationMessage,
     palette: validationPalette,

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

@@ -23,6 +23,7 @@ export const propTypes = {
   customProps: PropTypes.shape({
     LabelProps: PropTypes.object,
     RadioProps: PropTypes.object,
+    InfoIconProps: PropTypes.object,
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),

package/es/v1/lookup/Lookup/Lookup.js

@@ -29,7 +29,7 @@ export default function Lookup(props) {
     needFocusScope,
     customProps,
     onKeyDown,
-    isFlexWrapper
+    isMinHeight
   } = props;
   const {
     role = 'dialog',
@@ -77,12 +77,10 @@ export default function Lookup(props) {
     className: `${style.box} ${style[`${size}Size`]}`,
     "data-id": dataId,
     "data-test-id": dataId
-  }, isFlexWrapper ? /*#__PURE__*/React.createElement(Container, {
+  }, /*#__PURE__*/React.createElement(Container, {
     "data-drag-container": "true",
     isCover: false,
-    className: `${style.wrapper}`
-  }, children) : /*#__PURE__*/React.createElement("div", {
-    "data-drag-container": "true"
+    className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`
   }, children));
   return /*#__PURE__*/React.createElement(FreezeLayer, {
     align: "horizontal",

package/es/v1/lookup/Lookup/props/defaultProps.js

@@ -5,5 +5,5 @@ export const defaultProps = {
   childAnimationName: 'flyDown',
   needFocusScope: false,
   customProps: {},
-  isFlexWrapper: true
+  isMinHeight: false
 };

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

@@ -19,5 +19,5 @@ export const propTypes = {
   forwardRef: PropTypes.object,
   onClick: PropTypes.func,
   onClose: PropTypes.func,
-  isFlexWrapper: PropTypes.bool
+  isMinHeight: PropTypes.bool
 };

package/es/version2/lookup/AlertLookup/AlertLookup.js

@@ -133,8 +133,7 @@ export default class AlertLookup extends Component {
       onClick: onLookupClick,
       customClass: containerClass,
       a11y: a11y,
-      childAnimationName: childAnimationName,
-      isFlexWrapper: false
+      childAnimationName: childAnimationName
     }, LookupProps), /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
       align: align,

package/lib/Attachment/Attachment.js

@@ -69,12 +69,13 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
           tooltip = _this$props.tooltip,
           fileInfo = _this$props.fileInfo,
           i18nKeys = _this$props.i18nKeys,
-          dataSelectorId = _this$props.dataSelectorId;
+          dataSelectorId = _this$props.dataSelectorId,
+          isDisabled = _this$props.isDisabled;
       var _i18nKeys$downloadTit = i18nKeys.downloadTitle,
           downloadTitle = _i18nKeys$downloadTit === void 0 ? 'Download' : _i18nKeys$downloadTit;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         isInline: true,
-        className: "".concat(_AttachmentModule["default"].attachment, " ").concat(onClick ? _AttachmentModule["default"].attachmentHover : '', " ").concat(_AttachmentModule["default"]["palette_".concat(palette)], " ").concat(_AttachmentModule["default"][size]),
+        className: "".concat(_AttachmentModule["default"].attachment, " ").concat(isDisabled ? _AttachmentModule["default"].disableAttachment : "", " ").concat(onClick ? _AttachmentModule["default"].attachmentHover : '', " ").concat(_AttachmentModule["default"]["palette_".concat(palette)], " ").concat(_AttachmentModule["default"][size]),
         onClick: onClick,
         dataId: dataId,
         "data-title": tooltip,
@@ -115,7 +116,7 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
         adjust: true,
         shrink: true,
         "data-title": fileInfo
-      }, fileInfo)) : null)))), downloadLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      }, fileInfo)) : null)))), downloadLink && !isDisabled ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
         target: "_self",
         href: downloadLink,
         className: _AttachmentModule["default"].attachDownload,
@@ -124,7 +125,10 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-downloadNew",
         iconClass: _AttachmentModule["default"].downIcon
-      })) : null);
+      })) : null, isDisabled ? /*#__PURE__*/_react["default"].createElement("div", {
+        "data-title": tooltip,
+        className: _AttachmentModule["default"].disableLayer
+      }) : null);
     }
   }]);
 

package/lib/Attachment/Attachment.module.css

@@ -6,6 +6,25 @@
   border-radius: 2px;
 }
 
+.disableAttachment {
+  opacity: .6;
+}
+
+.disableLayer {
+  height: 100% ;
+  width: 100% ;
+  position: absolute;
+  top:0 
+}
+
+[dir=ltr] .disableLayer {
+  left:0 
+}
+
+[dir=rtl] .disableLayer {
+  right:0 
+}
+
 .attachmentHover {
   cursor: pointer;
 }

package/lib/Attachment/props/defaultProps.js

@@ -9,6 +9,7 @@ var defaultProps = {
   palette: 'default',
   dataId: 'attachment',
   i18nKeys: {},
-  dataSelectorId: 'attachment'
+  dataSelectorId: 'attachment',
+  isDisabled: false
 };
 exports.defaultProps = defaultProps;

package/lib/Attachment/props/propTypes.js

@@ -23,6 +23,7 @@ var propTypes = {
   i18nKeys: _propTypes["default"].shape({
     downloadTitle: _propTypes["default"].string
   }),
-  tooltip: _propTypes["default"].string
+  tooltip: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

package/lib/lookup/Lookup/Lookup.js

@@ -101,7 +101,7 @@ var Lookup = /*#__PURE__*/function (_Component) {
           onClose = _this$props.onClose,
           needFocusScope = _this$props.needFocusScope,
           customProps = _this$props.customProps,
-          isFlexWrapper = _this$props.isFlexWrapper;
+          isMinHeight = _this$props.isMinHeight;
       var _a11y$role = a11y.role,
           role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
           ariaLabelledby = a11y.ariaLabelledby,
@@ -135,12 +135,10 @@ var Lookup = /*#__PURE__*/function (_Component) {
         className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
         "data-id": dataId,
         "data-test-id": dataId
-      }, isFlexWrapper ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         "data-drag-container": "true",
         isCover: false,
-        className: "".concat(_LookupModule["default"].wrapper)
-      }, children) : /*#__PURE__*/_react["default"].createElement("div", {
-        "data-drag-container": "true"
+        className: isMinHeight ? "".concat(_LookupModule["default"].wrapper) : "".concat(_LookupModule["default"].coverwrap)
       }, children));
 
       return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {

package/lib/lookup/Lookup/Lookup.module.css

@@ -3,29 +3,39 @@
   min-height: var(--zd_size440) ;
 }
 
+.coverwrap {
+  max-height: 85vh ;
+}
+
 .container {
   font-size: var(--zd_font_size16) ;
   padding-bottom: var(--zd_size10) ;
 }
+
 .box {
   position: relative;
   height: 100% ;
   width: 100% ;
   margin: auto ;
 }
+
 /* Size */
 .smallSize {
   max-width: var(--zd_size470) ;
 }
+
 .xmediumSize {
   max-width: var(--zd_size620) ;
 }
+
 .mediumSize {
   max-width: var(--zd_size840) ;
 }
+
 .largeSize {
   max-width: 70% ;
 }
+
 .fullSize {
   max-width: 90% ;
-}
+}

package/lib/lookup/Lookup/props/defaultProps.js

@@ -11,6 +11,6 @@ var defaultProps = {
   childAnimationName: 'flyDown',
   needFocusScope: false,
   customProps: {},
-  isFlexWrapper: true
+  isMinHeight: false
 };
 exports.defaultProps = defaultProps;

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

@@ -29,6 +29,6 @@ var propTypes = {
   forwardRef: _propTypes["default"].object,
   onClick: _propTypes["default"].func,
   onClose: _propTypes["default"].func,
-  isFlexWrapper: _propTypes["default"].bool
+  isMinHeight: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

package/lib/v1/Attachment/Attachment.js

@@ -36,12 +36,13 @@ var Attachment = function Attachment(props) {
       tooltip = props.tooltip,
       fileInfo = props.fileInfo,
       i18nKeys = props.i18nKeys,
-      dataSelectorId = props.dataSelectorId;
+      dataSelectorId = props.dataSelectorId,
+      isDisabled = props.isDisabled;
   var _i18nKeys$downloadTit = i18nKeys.downloadTitle,
       downloadTitle = _i18nKeys$downloadTit === void 0 ? 'Download' : _i18nKeys$downloadTit;
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     isInline: true,
-    className: "".concat(_AttachmentModule["default"].attachment, " ").concat(onClick ? _AttachmentModule["default"].attachmentHover : '', " ").concat(_AttachmentModule["default"]["palette_".concat(palette)], " ").concat(_AttachmentModule["default"][size]),
+    className: "".concat(_AttachmentModule["default"].attachment, " ").concat(isDisabled ? _AttachmentModule["default"].disableAttachment : "", " ").concat(onClick ? _AttachmentModule["default"].attachmentHover : '', " ").concat(_AttachmentModule["default"]["palette_".concat(palette)], " ").concat(_AttachmentModule["default"][size]),
     onClick: onClick,
     dataId: dataId,
     "data-title": tooltip,
@@ -82,7 +83,7 @@ var Attachment = function Attachment(props) {
     adjust: true,
     shrink: true,
     "data-title": fileInfo
-  }, fileInfo)) : null)))), downloadLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  }, fileInfo)) : null)))), downloadLink && !isDisabled ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
     target: "_self",
     href: downloadLink,
     className: _AttachmentModule["default"].attachDownload,
@@ -91,7 +92,10 @@ var Attachment = function Attachment(props) {
   }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
     name: "ZD-downloadNew",
     iconClass: _AttachmentModule["default"].downIcon
-  })) : null);
+  })) : null, isDisabled ? /*#__PURE__*/_react["default"].createElement("div", {
+    "data-title": tooltip,
+    className: _AttachmentModule["default"].disableLayer
+  }) : null);
 };
 
 Attachment.propTypes = _propTypes.propTypes;

package/lib/v1/Attachment/props/defaultProps.js

@@ -9,6 +9,7 @@ var defaultProps = {
   palette: 'default',
   dataId: 'attachment',
   i18nKeys: {},
-  dataSelectorId: 'attachment'
+  dataSelectorId: 'attachment',
+  isDisabled: false
 };
 exports.defaultProps = defaultProps;

package/lib/v1/Attachment/props/propTypes.js

@@ -23,6 +23,7 @@ var propTypes = {
   i18nKeys: _propTypes["default"].shape({
     downloadTitle: _propTypes["default"].string
   }),
-  tooltip: _propTypes["default"].string
+  tooltip: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

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

@@ -120,8 +120,7 @@ function AlertLookup(props) {
     onClick: onLookupClick,
     customClass: containerClass,
     a11y: a11y,
-    childAnimationName: childAnimationName,
-    isFlexWrapper: false
+    childAnimationName: childAnimationName
   }, LookupProps), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     alignBox: "row",
     align: align,

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

@@ -13,6 +13,8 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
+var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));
+
 var _Label = _interopRequireDefault(require("@zohodesk/components/es/v1/Label/Label"));
 
 var _Radio = _interopRequireDefault(require("@zohodesk/components/es/v1/Radio/Radio"));
@@ -56,6 +58,8 @@ var RadioField = function RadioField(props) {
       LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro,
       _customProps$RadioPro = customProps.RadioProps,
       RadioProps = _customProps$RadioPro === void 0 ? {} : _customProps$RadioPro,
+      _customProps$InfoIcon = customProps.InfoIconProps,
+      InfoIconProps = _customProps$InfoIcon === void 0 ? {} : _customProps$InfoIcon,
       _customProps$Validati = customProps.ValidationMessageProps1,
       ValidationMessageProps1 = _customProps$Validati === void 0 ? {} : _customProps$Validati,
       _customProps$Validati2 = customProps.ValidationMessageProps2,
@@ -80,10 +84,11 @@ var RadioField = function RadioField(props) {
     className: "".concat(_FieldsModule["default"].fieldContainer, " ").concat(labelName ? _FieldsModule["default"].fieldMargin_medium : '', " ").concat(_FieldsModule["default"].radioContainer)
   }, options.map(function (option, index) {
     var text = option.text,
-        value = option.value;
+        value = option.value,
+        infoTooltip = option.infoTooltip;
     return /*#__PURE__*/_react["default"].createElement("span", {
       key: index,
-      className: "".concat(_FieldsModule["default"].radio)
+      className: "".concat(_FieldsModule["default"].radio, " ").concat(!!infoTooltip ? _FieldsModule["default"].labelContainer : '')
     }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], _extends({
       id: index,
       value: value,
@@ -99,7 +104,12 @@ var RadioField = function RadioField(props) {
       dataId: dataId,
       isReadOnly: isReadOnly,
       variant: variant
-    }, RadioProps)));
+    }, RadioProps)), !!infoTooltip ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], _extends({
+      name: "ZD-GN-info",
+      size: "16",
+      title: infoTooltip,
+      iconClass: _FieldsModule["default"].infoIcon
+    }, InfoIconProps)) : null);
   })), validationMessage && /*#__PURE__*/_react["default"].createElement(_ValidationMessage["default"], _extends({
     text: validationMessage,
     palette: validationPalette,

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

@@ -33,6 +33,7 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     LabelProps: _propTypes["default"].object,
     RadioProps: _propTypes["default"].object,
+    InfoIconProps: _propTypes["default"].object,
     ValidationMessageProps1: _propTypes["default"].object,
     ValidationMessageProps2: _propTypes["default"].object
   }),

package/lib/v1/lookup/Lookup/Lookup.js

@@ -51,7 +51,7 @@ function Lookup(props) {
       needFocusScope = props.needFocusScope,
       customProps = props.customProps,
       onKeyDown = props.onKeyDown,
-      isFlexWrapper = props.isFlexWrapper;
+      isMinHeight = props.isMinHeight;
   var _a11y$role = a11y.role,
       role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
       ariaLabelledby = a11y.ariaLabelledby,
@@ -101,12 +101,10 @@ function Lookup(props) {
     className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
     "data-id": dataId,
     "data-test-id": dataId
-  }, isFlexWrapper ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     "data-drag-container": "true",
     isCover: false,
-    className: "".concat(_LookupModule["default"].wrapper)
-  }, children) : /*#__PURE__*/_react["default"].createElement("div", {
-    "data-drag-container": "true"
+    className: isMinHeight ? "".concat(_LookupModule["default"].wrapper) : "".concat(_LookupModule["default"].coverwrap)
   }, children));
 
   return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {

package/lib/v1/lookup/Lookup/props/defaultProps.js

@@ -11,6 +11,6 @@ var defaultProps = {
   childAnimationName: 'flyDown',
   needFocusScope: false,
   customProps: {},
-  isFlexWrapper: true
+  isMinHeight: false
 };
 exports.defaultProps = defaultProps;

package/lib/v1/lookup/Lookup/props/propTypes.js

@@ -29,6 +29,6 @@ var propTypes = {
   forwardRef: _propTypes["default"].object,
   onClick: _propTypes["default"].func,
   onClose: _propTypes["default"].func,
-  isFlexWrapper: _propTypes["default"].bool
+  isMinHeight: _propTypes["default"].bool
 };
 exports.propTypes = propTypes;

package/lib/version2/lookup/AlertLookup/AlertLookup.js

@@ -192,8 +192,7 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
         onClick: onLookupClick,
         customClass: containerClass,
         a11y: a11y,
-        childAnimationName: childAnimationName,
-        isFlexWrapper: false
+        childAnimationName: childAnimationName
       }, LookupProps), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
         align: align,