@zohodesk/dot 1.4.2 → 1.4.3

package/lib/v1/list/Subject/Subject.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../../list/Subject/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../list/Subject/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Link = _interopRequireDefault(require("../../Link/Link"));
 

package/lib/v1/list/Subject/props/defaultProps.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  isLink: false,
+  fontWeight: 'regular',
+  className: '',
+  isDotted: true,
+  customProps: {}
+};
+exports.defaultProps = defaultProps;

package/lib/v1/list/Subject/props/propTypes.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  fontWeight: _propTypes["default"].oneOf(['regular', 'semibold', 'bold']),
+  href: _propTypes["default"].string,
+  isLink: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  target: _propTypes["default"].oneOf(['_blank', '_self']),
+  text: _propTypes["default"].string,
+  urlData: _propTypes["default"].object,
+  urlName: _propTypes["default"].string,
+  isDotted: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  customProps: _propTypes["default"].shape({
+    LinkProps: _propTypes["default"].object,
+    TextProps: _propTypes["default"].object
+  })
+};
+exports.propTypes = propTypes;

package/lib/v1/list/TagNew/TagNew.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../../list/TagNew/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../list/TagNew/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _TagNewModule = _interopRequireDefault(require("../../../list/TagNew/TagNew.module.css"));
 

package/lib/v1/list/TagNew/props/defaultProps.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  animate: false,
+  dataId: 'TagNew'
+};
+exports.defaultProps = defaultProps;

package/lib/v1/list/TagNew/props/propTypes.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  animate: _propTypes["default"].bool,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  text: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

package/lib/v1/list/Thread/Thread.js

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../../list/Thread/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../list/Thread/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 

package/lib/v1/list/Thread/props/defaultProps.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  align: 'left',
+  className: ''
+};
+exports.defaultProps = defaultProps;

package/lib/v1/list/Thread/props/propTypes.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  align: _propTypes["default"].oneOf(['left', 'right']),
+  className: _propTypes["default"].string,
+  count: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  iconTitle: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

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

@@ -11,9 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _hooks = require("@zohodesk/hooks");
 
-var _defaultProps = require("../../../../list/status/StatusDropdown/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../../list/status/StatusDropdown/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _icons = require("@zohodesk/icons");
 

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  keyName: 'name',
+  idName: 'key',
+  isArrow: false,
+  searchBoxSize: 'small',
+  isDisabled: false,
+  showIconOnHover: false,
+  isReadOnly: false,
+  isEditable: true,
+  isDataLoaded: true,
+  needTick: true,
+  targetAlign: 'vertical',
+  needResponsive: true,
+  arrowIconPosition: 'default',
+  boxSize: 'medium',
+  needExternalPopupState: false,
+  statusColor: 'statusColor',
+  needMultiLineText: false
+};
+exports.defaultProps = defaultProps;

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes2 = _interopRequireDefault(require("prop-types"));
+
+var _propTypes;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var propTypes = (_propTypes = {
+  activeStyle: _propTypes2["default"].string,
+  arrowIconPosition: _propTypes2["default"].oneOf(['default', 'overlay']),
+  bottom: _propTypes2["default"].number,
+  boxPosition: _propTypes2["default"].oneOf(['bottomRight', 'bottomLeft', 'bottomCenter', 'topRight', 'topLeft', 'topCenter', 'rightTop', 'rightBottom', 'rightCenter', 'leftTop', 'leftBottom', 'leftCenter']),
+  boxSize: _propTypes2["default"].oneOf(['small', 'medium', 'mlarge', 'large']),
+  children: _propTypes2["default"].node,
+  className: _propTypes2["default"].string,
+  dataId: _propTypes2["default"].string,
+  dataTitle: _propTypes2["default"].string,
+  getContainerRef: _propTypes2["default"].func,
+  getNextOptions: _propTypes2["default"].func,
+  getTargetRef: _propTypes2["default"].func,
+  hoverStyle: _propTypes2["default"].string,
+  idName: _propTypes2["default"].string,
+  isArrow: _propTypes2["default"].bool,
+  isDataLoaded: _propTypes2["default"].bool
+}, _defineProperty(_propTypes, "isDataLoaded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isEditable", _propTypes2["default"].bool), _defineProperty(_propTypes, "isNextOptions", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupActive", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupOpen", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupReady", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isSearch", _propTypes2["default"].bool), _defineProperty(_propTypes, "keyName", _propTypes2["default"].string), _defineProperty(_propTypes, "left", _propTypes2["default"].number), _defineProperty(_propTypes, "needExternalPopupState", _propTypes2["default"].bool), _defineProperty(_propTypes, "needResponsive", _propTypes2["default"].bool), _defineProperty(_propTypes, "needTick", _propTypes2["default"].bool), _defineProperty(_propTypes, "onClick", _propTypes2["default"].func), _defineProperty(_propTypes, "onTogglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "options", _propTypes2["default"].array.isRequired), _defineProperty(_propTypes, "placeHolderText", _propTypes2["default"].string), _defineProperty(_propTypes, "position", _propTypes2["default"].string), _defineProperty(_propTypes, "removeClose", _propTypes2["default"].func), _defineProperty(_propTypes, "right", _propTypes2["default"].number), _defineProperty(_propTypes, "searchBoxSize", _propTypes2["default"].oneOf(['small', 'medium', 'xmedium'])), _defineProperty(_propTypes, "searchEmptyHint", _propTypes2["default"].string), _defineProperty(_propTypes, "searchErrorText", _propTypes2["default"].string), _defineProperty(_propTypes, "showIconOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "showOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusColor", _propTypes2["default"].string), _defineProperty(_propTypes, "targetAlign", _propTypes2["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "togglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "value", _propTypes2["default"].node), _defineProperty(_propTypes, "needMultiLineText", _propTypes2["default"].bool), _defineProperty(_propTypes, "onSelectLabel", _propTypes2["default"].func), _defineProperty(_propTypes, "top", _propTypes2["default"].number), _defineProperty(_propTypes, "a11y", _propTypes2["default"].object), _propTypes);
+exports.propTypes = propTypes;

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

@@ -9,9 +9,9 @@ exports["default"] = StatusListItem;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../../../list/status/StatusListItem/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../../list/status/StatusListItem/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Layout = require("@zohodesk/components/es/v1/Layout");
 

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  active: false,
+  autoHover: false,
+  highlight: false,
+  id: '',
+  needTick: false,
+  palette: 'default',
+  size: 'medium',
+  isLink: false,
+  target: 'blank',
+  needBorder: true,
+  bulletColor: 'black',
+  a11y: {},
+  needMultiLineText: false
+};
+exports.defaultProps = defaultProps;

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  active: _propTypes["default"].bool,
+  autoHover: _propTypes["default"].bool,
+  bulletColor: _propTypes["default"].oneOf(['black', 'orange', 'green']),
+  disableTitle: _propTypes["default"].string,
+  getRef: _propTypes["default"].func,
+  highlight: _propTypes["default"].bool,
+  href: _propTypes["default"].string,
+  id: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  index: _propTypes["default"].number,
+  isDisabled: _propTypes["default"].bool,
+  isLink: _propTypes["default"].bool,
+  needBorder: _propTypes["default"].bool,
+  needTick: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func,
+  onMouseEnter: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary']),
+  size: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  target: _propTypes["default"].oneOf(['blank', 'self']),
+  title: _propTypes["default"].string,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+  needMultiLineText: _propTypes["default"].bool,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaSelected: _propTypes["default"].bool,
+    ariaHidden: _propTypes["default"].bool
+  })
+};
+exports.propTypes = propTypes;

package/lib/v1/lookup/EmptyPage/EmptyPage.js

@@ -7,9 +7,9 @@ exports["default"] = EmptyPage;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _defaultProps = require("../../../lookup/EmptyPage/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../lookup/EmptyPage/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptySearch"));
 

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  title: 'No Results Found',
+  type: 'search'
+};
+exports.defaultProps = defaultProps;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  title: _propTypes["default"].string,
+  type: _propTypes["default"].oneOf(['search', 'account', 'contact', 'product'])
+};
+exports.propTypes = propTypes;

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

@@ -11,9 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _hooks = require("@zohodesk/hooks");
 
-var _defaultProps = require("../../../lookup/Lookup/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../lookup/Lookup/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _FreezeLayer = _interopRequireDefault(require("../../../FreezeLayer/FreezeLayer"));
 
@@ -50,7 +50,8 @@ function Lookup(props) {
       onClose = props.onClose,
       needFocusScope = props.needFocusScope,
       customProps = props.customProps,
-      onKeyDown = props.onKeyDown;
+      onKeyDown = props.onKeyDown,
+      isFlexWrapper = props.isFlexWrapper;
   var _a11y$role = a11y.role,
       role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
       ariaLabelledby = a11y.ariaLabelledby,
@@ -100,7 +101,13 @@ function Lookup(props) {
     className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
     "data-id": dataId,
     "data-test-id": dataId
-  }, children);
+  }, isFlexWrapper ? /*#__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"
+  }, children));
 
   return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
     align: "horizontal",

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  size: 'medium',
+  customClass: '',
+  a11y: {},
+  childAnimationName: 'flyDown',
+  needFocusScope: false,
+  customProps: {},
+  isFlexWrapper: true
+};
+exports.defaultProps = defaultProps;

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  children: _propTypes["default"].node,
+  customClass: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  isActive: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium', 'large', 'full']),
+  htmlId: _propTypes["default"].string,
+  a11y: _propTypes["default"].shape({
+    role: _propTypes["default"].string,
+    ariaLabelledby: _propTypes["default"].string,
+    ariaDescribedby: _propTypes["default"].string,
+    ariaModal: _propTypes["default"].bool
+  }),
+  onKeyDown: _propTypes["default"].func,
+  childAnimationName: _propTypes["default"].oneOf(['expand', 'flyDown']),
+  needFocusScope: _propTypes["default"].bool,
+  customProps: _propTypes["default"].object,
+  forwardRef: _propTypes["default"].object,
+  onClick: _propTypes["default"].func,
+  onClose: _propTypes["default"].func,
+  isFlexWrapper: _propTypes["default"].bool
+};
+exports.propTypes = propTypes;

package/lib/v1/lookup/Section/Section.js

@@ -7,7 +7,7 @@ exports["default"] = Section;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../../lookup/Section/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Layout = require("@zohodesk/components/es/v1/Layout");
 
@@ -20,7 +20,6 @@ function Section(props) {
       className = props.className,
       children = props.children;
   return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
-    "data-drag-container": "true",
     alignBox: alignBox,
     className: "".concat(_LookupSectionModule["default"].section, " ").concat(className ? className : '')
   }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  alignBox: _propTypes["default"].string,
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

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

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../../../lookup/header/Close/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../../lookup/header/Close/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _IconButton = _interopRequireDefault(require("./../../../IconButton/IconButton"));
 

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  dataId: 'closeButton'
+};
+exports.defaultProps = defaultProps;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  dataId: _propTypes["default"].string,
+  onClose: _propTypes["default"].func,
+  title: _propTypes["default"].string
+};
+exports.propTypes = propTypes;

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

@@ -9,9 +9,9 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("../../../../lookup/header/ModuleHeader/props/defaultProps");
+var _defaultProps = require("./props/defaultProps");
 
-var _propTypes = require("../../../../lookup/header/ModuleHeader/props/propTypes");
+var _propTypes = require("./props/propTypes");
 
 var _Title = _interopRequireDefault(require("../Title/Title"));
 
@@ -25,6 +25,8 @@ var _lookupHeaderCommonModule = _interopRequireDefault(require("../../../../look
 
 var _lookupHeaderCommonResponsiveModule = _interopRequireDefault(require("../../../../lookup/header/lookupHeaderCommonResponsive.module.css"));
 
+var _useDragger = _interopRequireDefault(require("../../../../Hooks/Dragger/useDragger"));
+
 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); }
@@ -55,21 +57,28 @@ function ModuleHeader(props) {
       dataId = props.dataId,
       closeTitle = props.closeTitle,
       onSearchKeyDown = props.onSearchKeyDown,
-      palette = props.palette;
+      palette = props.palette,
+      dragBoundaryLimit = props.dragBoundaryLimit,
+      children = props.children,
+      childNearTitle = props.childNearTitle;
+  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)]),
     isCover: false,
     wrap: "wrap",
-    dataId: dataId
-  }, onLookupClose ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: _lookupHeaderCommonModule["default"].closeContainer
-  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
-    dataId: "close",
-    onClose: onLookupClose,
-    title: closeTitle
-  })) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    dataId: dataId,
+    "data-drag-hook": "true",
+    eleRef: dragRef
+  }, childNearTitle ? childNearTitle : '', /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: _lookupHeaderCommonModule["default"].title
@@ -88,7 +97,13 @@ function ModuleHeader(props) {
     needOnTypeSearch: needOnTypeSearch,
     getRef: getSearchBoxRef,
     onKeyDown: onSearchKeyDown
-  })));
+  })), children ? children : '', onLookupClose ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: _lookupHeaderCommonModule["default"].closeContainer
+  }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
+    dataId: "close",
+    onClose: onLookupClose,
+    title: closeTitle
+  })) : null);
 }
 
 ModuleHeader.propTypes = _propTypes.propTypes;
@@ -96,6 +111,6 @@ ModuleHeader.defaultProps = _defaultProps.defaultProps;
 var MemoizedModuleHeader = /*#__PURE__*/(0, _react.memo)(ModuleHeader);
 MemoizedModuleHeader.propTypes = _propTypes.propTypes;
 MemoizedModuleHeader.defaultProps = _defaultProps.defaultProps;
-MemoizedModuleHeader.displayName = 'Close';
+MemoizedModuleHeader.displayName = 'ModuleHeader';
 var _default = MemoizedModuleHeader;
 exports["default"] = _default;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  palette: 'default',
+  dragBoundaryLimit: {
+    top: 0,
+    left: 50,
+    right: 50,
+    bottom: 50
+  }
+};
+exports.defaultProps = defaultProps;

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  getSearchBoxRef: _propTypes["default"].func,
+  miniDescription: _propTypes["default"].string,
+  needOnTypeSearch: _propTypes["default"].bool,
+  needSearch: _propTypes["default"].bool,
+  onLookupClose: _propTypes["default"].func,
+  onSearch: _propTypes["default"].func,
+  onSearchChange: _propTypes["default"].func,
+  searchPlaceHolder: _propTypes["default"].string,
+  searchStr: _propTypes["default"].string,
+  title: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  closeTitle: _propTypes["default"].string,
+  onSearchKeyDown: _propTypes["default"].func,
+  palette: _propTypes["default"].oneOf(['default', 'white']),
+  children: _propTypes["default"].any,
+  childNearTitle: _propTypes["default"].any,
+  dragBoundaryLimit: _propTypes["default"].object
+};
+exports.propTypes = propTypes;