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

package/lib/setup/header/Search/Search.module.css

@@ -7,12 +7,15 @@
 }[dir=rtl] .container {
   margin-left: var(--zd_size15) ;
 }
+
 .active {
   width: var(--zd_size180) ;
 }
+
 .active .input, .input:hover {
   border-bottom-color: var(--zdt_search_input_border);
 }
+
 /* css:lineheight-validation:ignore */
 .icon {
   position: absolute;
@@ -28,9 +31,11 @@
 [dir=rtl] .icon {
   left: 0 ;
 }
+
 .icon:hover {
   color: var(--zdt_search_hover_icon);
 }
+
 .input {
   height: var(--zd_size26) ;
   font-size: var(--zd_font_size13) ;
@@ -44,26 +49,33 @@
   appearance: none;
   border: 0;
   border-bottom: 1px solid transparent;
-  background: var(--zdt_search_input_bg);
+  background: var(--zdt_base_bg);
 }
+
 [dir=ltr] .input {
   padding-right: var(--zd_size20) ;
 }
+
 [dir=rtl] .input {
   padding-left: var(--zd_size20) ;
 }
+
 .input::placeholder {
   color: var(--zdt_search_placeholder_text);
 }
+
 .input::-webkit-placeholder {
   color: var(--zdt_search_placeholder_text);
 }
+
 .input::-moz-placeholder {
   color: var(--zdt_search_placeholder_text);
 }
+
 .input::-ms-placeholder {
   color: var(--zdt_search_placeholder_text);
 }
+
 .input:focus, .active .input:focus {
   border-bottom-color: var(--zdt_search_input_focus_border);
-}
+}

package/lib/setup/table/Text/TableText.module.css

@@ -1,37 +1,46 @@
 .bold {
   composes: bold from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .semiBold {
   composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .primaryColor {
   color: var(--zdt_tabletext_primary_text);
 }
+
 .defaultColor {
-  color: var(--zdt_tabletext_default_text);
+  color: var(--zdt_base_color);
 }
+
 .greenColor {
   color: var(--zdt_tabletext_green_text);
 }
+
 .dangerColor {
   color: var(--zdt_tabletext_danger_text);
 }
+
 .small {
   font-size: var(--zd_font_size13) ;
   max-width: 100% ;
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .medium {
   font-size: var(--zd_font_size14) ;
   max-width: 100% ;
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
 }
+
 .heading {
   text-transform: uppercase;
   color: var(--zdt_tabletext_heading_text);
   vertical-align: middle;
   composes: small;
 }
+
 .isClickable {
   cursor: pointer;
-}
+}

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/Lookup/Lookup.js

@@ -53,7 +53,8 @@ function Lookup(props) {
       needFocusScope = props.needFocusScope,
       customProps = props.customProps,
       onKeyDown = props.onKeyDown,
-      isMinHeight = props.isMinHeight;
+      isMinHeight = props.isMinHeight,
+      lookupClass = props.lookupClass;
 
   var _a11y$role = a11y.role,
       role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
@@ -103,7 +104,7 @@ function Lookup(props) {
     "aria-label": ariaLabel,
     "aria-modal": ariaModal,
     id: htmlId,
-    className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
+    className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")], " ").concat(lookupClass ? lookupClass : ''),
     "data-id": dataId,
     "data-test-id": dataId
   }, a11yAttributes), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {

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

@@ -14,7 +14,7 @@ var propTypes = {
   customClass: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
   isActive: _propTypes["default"].bool,
-  size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium', 'large', 'full']),
+  size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium', 'large', 'xlarge', 'full']),
   htmlId: _propTypes["default"].string,
   a11y: _propTypes["default"].shape({
     role: _propTypes["default"].string,
@@ -29,6 +29,7 @@ var propTypes = {
   forwardRef: _propTypes["default"].object,
   onClick: _propTypes["default"].func,
   onClose: _propTypes["default"].func,
-  isMinHeight: _propTypes["default"].bool
+  isMinHeight: _propTypes["default"].bool,
+  lookupClass: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

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

@@ -1,11 +1,13 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = TicketHeader;
+exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _defaultProps = require("./props/defaultProps");
 
@@ -21,6 +23,8 @@ var _ViewDropDown = _interopRequireDefault(require("../../../../lookup/header/Vi
 
 var _Layout = require("@zohodesk/components/es/v1/Layout");
 
+var _useDragger = _interopRequireDefault(require("../../../../Hooks/Dragger/useDragger"));
+
 var _lookupHeaderCommonModule = _interopRequireDefault(require("../../../../lookup/header/lookupHeaderCommon.module.css"));
 
 var _lookupHeaderCommonResponsiveModule = _interopRequireDefault(require("../../../../lookup/header/lookupHeaderCommonResponsive.module.css"));
@@ -29,6 +33,10 @@ var _TicketHeaderModule = _interopRequireDefault(require("../../../../lookup/hea
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+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; }
+
 /*** Libraries ***/
 
 /*** Components ***/
@@ -51,21 +59,27 @@ function TicketHeader(props) {
       getSearchBoxRef = props.getSearchBoxRef,
       needViewsList = props.needViewsList,
       i18nKeys = props.i18nKeys,
-      palette = props.palette;
+      palette = props.palette,
+      dragBoundaryLimit = props.dragBoundaryLimit;
   var _i18nKeys$menuEmptyMe = i18nKeys.menuEmptyMessage,
       menuEmptyMessage = _i18nKeys$menuEmptyMe === void 0 ? 'No matches found' : _i18nKeys$menuEmptyMe;
+  var dragRef = (0, _react.useRef)(null); //dragRef
+
+  (0, _useDragger["default"])({
+    isActive: true,
+    ChildRef: dragRef,
+    boundaryLimit: dragBoundaryLimit
+  }); //custom Hook
+
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     align: "vertical",
     alignBox: "row",
     className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
     isCover: false,
-    wrap: "wrap"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _lookupHeaderCommonModule["default"].closeContainer
-  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
-    onClose: onLookupClose,
-    dataId: "close"
-  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    wrap: "wrap",
+    ref: dragRef,
+    "data-drag-hook": "true"
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true
   }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     alignBox: "column",
@@ -101,8 +115,19 @@ function TicketHeader(props) {
     dataId: "search",
     needOnTypeSearch: needOnTypeSearch,
     getRef: getSearchBoxRef
-  })) : null);
+  })) : null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _lookupHeaderCommonModule["default"].closeContainer
+  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
+    onClose: onLookupClose,
+    dataId: "close"
+  })));
 }
 
 TicketHeader.propTypes = _propTypes.propTypes;
-TicketHeader.defaultProps = _defaultProps.defaultProps;
+TicketHeader.defaultProps = _defaultProps.defaultProps;
+var MemoizedTicketHeader = /*#__PURE__*/(0, _react.memo)(TicketHeader);
+MemoizedTicketHeader.propTypes = _propTypes.propTypes;
+MemoizedTicketHeader.defaultProps = _defaultProps.defaultProps;
+MemoizedTicketHeader.displayName = 'TicketHeader';
+var _default = MemoizedTicketHeader;
+exports["default"] = _default;

package/lib/v1/lookup/header/TicketHeader/props/defaultProps.js

@@ -6,6 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.defaultProps = void 0;
 var defaultProps = {
   i18nKeys: {},
-  palette: 'default'
+  palette: 'default',
+  dragBoundaryLimit: {
+    top: 0,
+    left: 50,
+    right: 50,
+    bottom: 50
+  }
 };
 exports.defaultProps = defaultProps;

package/lib/v1/lookup/header/TicketHeader/props/propTypes.js

@@ -26,6 +26,7 @@ var propTypes = {
   i18nKeys: _propTypes["default"].shape({
     menuEmptyMessage: _propTypes["default"].string
   }),
-  palette: _propTypes["default"].oneOf(['default', 'white'])
+  palette: _propTypes["default"].oneOf(['default', 'white']),
+  dragBoundaryLimit: _propTypes["default"].object
 };
 exports.propTypes = propTypes;

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,