@zohodesk/dot 1.0.0-temp-226.1 → 1.0.0-temp-227

package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js

@@ -8,11 +8,95 @@ var _ModuleHeader = _interopRequireDefault(require("../ModuleHeader"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-describe('ModuleHeader', function () {
-  test('rendering the defult props', function () {
+var PALETTE_VALUES = ['default', 'white'];
+afterEach(function () {
+  (0, _react2.cleanup)();
+});
+describe('ModuleHeader snapshot - ', function () {
+  test('Render with default props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], null)),
         asFragment = _render.asFragment;
 
     expect(asFragment()).toMatchSnapshot();
   });
+  test.each(PALETTE_VALUES)('Render with palette=%s', function (palette) {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+      palette: palette
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with needSearch=true', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+      needSearch: true
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with isDraggable=false', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+      isDraggable: false
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with onLookupClose', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+      onLookupClose: jest.fn()
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with miniDescription', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+      miniDescription: "A brief description"
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with customClass', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+      onLookupClose: jest.fn(),
+      title: "Header Title",
+      customClass: {
+        container: 'custom-container',
+        title: 'custom-title',
+        close: 'custom-close'
+      }
+    })),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with children', function () {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+      title: "Header Title"
+    }, /*#__PURE__*/_react["default"].createElement("div", null, "Child content"))),
+        asFragment = _render8.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with childNearTitle', function () {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+      title: "Header Title",
+      childNearTitle: /*#__PURE__*/_react["default"].createElement("span", null, "Near title")
+    })),
+        asFragment = _render9.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with dataId', function () {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], {
+      title: "Header Title",
+      dataId: "module-header-dataId"
+    })),
+        asFragment = _render10.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

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

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.defaultProps = void 0;
 var defaultProps = {
   palette: 'default',
+  customClass: {},
+  isDraggable: true,
   dragBoundaryLimit: {
     top: 0,
     left: 50,

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

@@ -26,6 +26,12 @@ var propTypes = {
   palette: _propTypes["default"].oneOf(['default', 'white']),
   children: _propTypes["default"].any,
   childNearTitle: _propTypes["default"].any,
+  customClass: _propTypes["default"].shape({
+    container: _propTypes["default"].string,
+    title: _propTypes["default"].string,
+    close: _propTypes["default"].string
+  }),
+  isDraggable: _propTypes["default"].bool,
   dragBoundaryLimit: _propTypes["default"].object
 };
 exports.propTypes = propTypes;

package/lib/version2/lookup/AlertHeader/AlertHeader.js

@@ -47,9 +47,20 @@ function AlertHeader(props) {
       dataId = props.dataId,
       type = props.type,
       htmlId = props.htmlId,
+      isDraggable = props.isDraggable,
+      customClass = props.customClass,
+      renderCustomIcon = props.renderCustomIcon,
+      renderSecondaryContent = props.renderSecondaryContent,
+      renderRightActions = props.renderRightActions,
       customStyle = props.customStyle,
       dragBoundaryLimit = props.dragBoundaryLimit;
   var finalStyle = (0, _utils.mergeStyle)(_AlertHeaderNewModule["default"], customStyle);
+  var _customClass$title = customClass.title,
+      titleClass = _customClass$title === void 0 ? '' : _customClass$title,
+      _customClass$iconCont = customClass.iconContainer,
+      iconContainerClass = _customClass$iconCont === void 0 ? '' : _customClass$iconCont,
+      _customClass$close = customClass.close,
+      closeClass = _customClass$close === void 0 ? '' : _customClass$close;
 
   var _cssJSLogic = (0, _cssJSLogic2["default"])({
     props: props,
@@ -60,7 +71,7 @@ function AlertHeader(props) {
   var dragRef = (0, _react.useRef)(null); //dragRef
 
   (0, _useDragger["default"])({
-    isActive: true,
+    isActive: isDraggable,
     ChildRef: dragRef,
     boundaryLimit: dragBoundaryLimit
   }); //custom Hook
@@ -71,26 +82,26 @@ function AlertHeader(props) {
     className: "".concat(alertHeaderContainerClass),
     isCover: false,
     wrap: "wrap",
-    "data-drag-hook": "true",
+    "data-drag-hook": isDraggable ? 'true' : 'false',
     eleRef: dragRef
-  }, needIcon && /*#__PURE__*/_react["default"].createElement("div", {
-    className: finalStyle.iconContainer
+  }, needIcon && !(0, _utils.isRenderable)(renderCustomIcon) ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(finalStyle.iconContainer, " ").concat(iconContainerClass)
   }, /*#__PURE__*/_react["default"].createElement(_AlertIcons["default"], {
     type: type
-  })), (title || children) && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+  })) : (0, _utils.renderNode)(renderCustomIcon), (title || children) && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     flexible: true
   }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     alignBox: "row",
     wrap: breakChildren ? 'wrap' : null
   }, title && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: finalStyle.title,
+    className: "".concat(finalStyle.title, " ").concat(titleClass),
     shrink: true,
     id: htmlId
   }, title), children && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     adjust: true,
     flexible: true
-  }, children))), onClose && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    className: _AlertHeaderNewModule["default"].close
+  }, children)), (0, _utils.renderNode)(renderSecondaryContent)), (0, _utils.renderNode)(renderRightActions), onClose && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: "".concat(_AlertHeaderNewModule["default"].close, " ").concat(closeClass)
   }, /*#__PURE__*/_react["default"].createElement(_AlertClose["default"], {
     onClose: onClose,
     dataTitle: closeTitle,

package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js

@@ -8,11 +8,130 @@ var _AlertHeader = _interopRequireDefault(require("../AlertHeader"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-describe('AlertHeader', function () {
-  test('rendering the defult props', function () {
+var TYPE_VALUES = ['success', 'error', 'warning', 'info', 'notification'];
+afterEach(function () {
+  (0, _react2.cleanup)();
+});
+describe('AlertHeader snapshot - ', function () {
+  test('Render with default props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], null)),
         asFragment = _render.asFragment;
 
     expect(asFragment()).toMatchSnapshot();
   });
+  test.each(TYPE_VALUES)('Render with type=%s', function (type) {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title",
+      type: type
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with needIcon=false', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title",
+      needIcon: false
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with breakChildren=true', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title",
+      breakChildren: true
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with onClose', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title",
+      onClose: function onClose() {}
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with title', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title"
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with isDraggable=false', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title",
+      isDraggable: false
+    })),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with children', function () {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title"
+    }, /*#__PURE__*/_react["default"].createElement("span", null, "Child content"))),
+        asFragment = _render8.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with customClass', function () {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title",
+      onClose: function onClose() {},
+      customClass: {
+        title: 'custom-title-class',
+        iconContainer: 'custom-icon-class',
+        close: 'custom-close-class'
+      }
+    })),
+        asFragment = _render9.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with renderCustomIcon', function () {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title",
+      renderCustomIcon: /*#__PURE__*/_react["default"].createElement("span", null, "Custom Icon")
+    })),
+        asFragment = _render10.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with renderSecondaryContent', function () {
+    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title",
+      renderSecondaryContent: /*#__PURE__*/_react["default"].createElement("span", null, "Secondary")
+    })),
+        asFragment = _render11.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with renderRightActions', function () {
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title",
+      renderRightActions: /*#__PURE__*/_react["default"].createElement("button", {
+        type: "button"
+      }, "Action")
+    })),
+        asFragment = _render12.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('Render with dataId and htmlId', function () {
+    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AlertHeader["default"], {
+      title: "Alert Title",
+      htmlId: "alert-header-title",
+      dataId: "alert-header",
+      onClose: function onClose() {}
+    })),
+        asFragment = _render13.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });