@zohodesk/dot 1.5.3 → 1.5.5

package/es/v1/lookup/header/ViewDropDown/props/propTypes.js

@@ -19,5 +19,9 @@ export const propTypes = {
   animationStyle: PropTypes.string,
   searchBoxSize: PropTypes.string,
   searchBoxVariant: PropTypes.string,
-  maxLength: PropTypes.string
+  maxLength: PropTypes.string,
+  isAbsolutePositioningNeeded: PropTypes.bool,
+  isRestrictScroll: PropTypes.bool,
+  positionsOffset: PropTypes.string,
+  targetOffset: PropTypes.string
 };

package/lib/ActionButton/ActionButton.js

@@ -113,7 +113,11 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
           getTargetRef = _this$props3.getTargetRef,
           removeChildrenTooltip = _this$props3.removeChildrenTooltip,
           innerClassName = _this$props3.innerClassName,
-          popupGroup = _this$props3.popupGroup;
+          popupGroup = _this$props3.popupGroup,
+          isAbsolutePositioningNeeded = _this$props3.isAbsolutePositioningNeeded,
+          isRestrictScroll = _this$props3.isRestrictScroll,
+          positionsOffset = _this$props3.positionsOffset,
+          targetOffset = _this$props3.targetOffset;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
         isCover: false,
@@ -190,7 +194,11 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
         popupGroup: popupGroup,
         needFocusScope: true,
         onClose: this.handleTogglePopup,
-        dataId: "".concat(dataId, "_dropbox")
+        dataId: "".concat(dataId, "_dropbox"),
+        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+        isRestrictScroll: isRestrictScroll,
+        positionsOffset: positionsOffset,
+        targetOffset: targetOffset
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         shrink: true,

package/lib/ActionButton/props/defaultProps.js

@@ -19,6 +19,8 @@ var defaultProps = {
   isBoxPaddingNeed: true,
   palette: 'primaryFilled',
   removeChildrenTooltip: false,
-  innerClassName: ''
+  innerClassName: '',
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false
 };
 exports.defaultProps = defaultProps;

package/lib/ActionButton/props/propTypes.js

@@ -39,6 +39,10 @@ var propTypes = {
   innerClassName: _propTypes["default"].string,
   popupGroup: _propTypes["default"].string,
   togglePopup: _propTypes["default"].func,
-  openPopupOnly: _propTypes["default"].func
+  openPopupOnly: _propTypes["default"].func,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  isRestrictScroll: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].object,
+  targetOffset: _propTypes["default"].object
 };
 exports.propTypes = propTypes;

package/lib/ExternalLink/__tests__/ExternalLink.spec.js

@@ -9,10 +9,86 @@ var _ExternalLink = _interopRequireDefault(require("../ExternalLink"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('ExternalLink', function () {
-  test('rendering the defult props', function () {
+  var target = ['_blank', '_self'];
+  test('renders with default props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], null)),
         asFragment = _render.asFragment;
 
     expect(asFragment()).toMatchSnapshot();
   });
+  test('render the herf', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
+      href: "www.google.com"
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('render the herf as bool value', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
+      href: true
+    }, "Boolean Href")),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(target)('renders with target is - %s', function (target) {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
+      target: target
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with title prop', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
+      title: "Example Title"
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with custom className', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
+      className: "custom-link"
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with rel attribute', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
+      rel: "noopener noreferrer"
+    })),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with dataId prop', function () {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
+      dataId: "test-id"
+    })),
+        asFragment = _render8.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with customProps', function () {
+    var customProps = {
+      'aria-label': 'Custom Link',
+      'data-custom': 'customValue'
+    };
+
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
+      customProps: customProps
+    })),
+        asFragment = _render9.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with children content', function () {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], null, "Click Here")),
+        asFragment = _render10.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/lib/ExternalLink/__tests__/__snapshots__/ExternalLink.spec.js.snap

@@ -1,9 +1,128 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`ExternalLink rendering the defult props 1`] = `
+exports[`ExternalLink render the herf 1`] = `
 <DocumentFragment>
   <a
     class="link "
+    href="http://www.google.com"
+    rel="noopener noreferrer"
+    target="_blank"
+  />
+</DocumentFragment>
+`;
+
+exports[`ExternalLink render the herf as bool value 1`] = `
+<DocumentFragment>
+  <a
+    class="link "
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  >
+    Boolean Href
+  </a>
+</DocumentFragment>
+`;
+
+exports[`ExternalLink renders with children content 1`] = `
+<DocumentFragment>
+  <a
+    class="link "
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  >
+    Click Here
+  </a>
+</DocumentFragment>
+`;
+
+exports[`ExternalLink renders with custom className 1`] = `
+<DocumentFragment>
+  <a
+    class="link custom-link"
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  />
+</DocumentFragment>
+`;
+
+exports[`ExternalLink renders with customProps 1`] = `
+<DocumentFragment>
+  <a
+    aria-label="Custom Link"
+    class="link "
+    data-custom="customValue"
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  />
+</DocumentFragment>
+`;
+
+exports[`ExternalLink renders with dataId prop 1`] = `
+<DocumentFragment>
+  <a
+    class="link "
+    data-id="test-id"
+    data-test-id="test-id"
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  />
+</DocumentFragment>
+`;
+
+exports[`ExternalLink renders with default props 1`] = `
+<DocumentFragment>
+  <a
+    class="link "
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  />
+</DocumentFragment>
+`;
+
+exports[`ExternalLink renders with rel attribute 1`] = `
+<DocumentFragment>
+  <a
+    class="link "
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  />
+</DocumentFragment>
+`;
+
+exports[`ExternalLink renders with target is - _blank 1`] = `
+<DocumentFragment>
+  <a
+    class="link "
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  />
+</DocumentFragment>
+`;
+
+exports[`ExternalLink renders with target is - _self 1`] = `
+<DocumentFragment>
+  <a
+    class="link "
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_self"
+  />
+</DocumentFragment>
+`;
+
+exports[`ExternalLink renders with title prop 1`] = `
+<DocumentFragment>
+  <a
+    class="link "
+    data-title="Example Title"
     href="javascript:void(0);"
     rel="noopener noreferrer"
     target="_blank"

package/lib/PlusIcon/__tests__/PlusIcon.spec.js

@@ -9,10 +9,67 @@ var _PlusIcon = _interopRequireDefault(require("../PlusIcon"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 describe('PlusIcon', function () {
-  test('rendering the defult props', function () {
+  var size = ['small', 'xsmall', 'xxsmall', 'medium', 'xmedium', 'xlarge'];
+  test('renders with default props', function () {
     var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], null)),
         asFragment = _render.asFragment;
 
     expect(asFragment()).toMatchSnapshot();
   });
+  test('renders with dataId prop', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], {
+      dataId: "test-id"
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with iconName prop', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], {
+      iconName: "ZD-plus"
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with iconClass prop', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], {
+      iconClass: "custom-icon-class"
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with iconSize prop', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], {
+      iconSize: "16"
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(size)('renders with  size is  - %s', function (size) {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], {
+      size: size
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with title prop', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], {
+      title: "Plus Icon"
+    })),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with customClass prop', function () {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_PlusIcon["default"], {
+      customClass: "custom-plus-icon"
+    })),
+        asFragment = _render8.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/lib/PlusIcon/__tests__/__snapshots__/PlusIcon.spec.js.snap

@@ -1,11 +1,324 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`PlusIcon rendering the defult props 1`] = `
+exports[`PlusIcon renders with  size is  - medium 1`] = `
 <DocumentFragment>
   <span
     class="container"
     data-id="addreqNowbutton"
     data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  medium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with  size is  - small 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  small default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with  size is  - xlarge 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xlarge default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with  size is  - xmedium 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with  size is  - xsmall 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xsmall default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with  size is  - xxsmall 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xxsmall default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with customClass prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default custom-plus-icon plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with dataId prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="test-id"
+    data-test-id="test-id"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with default props 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with iconClass prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus   custom-icon-class icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with iconName prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with iconSize prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+  >
+    <div
+      class="container  xmedium default  plusIcon inflex coldir both"
+      data-id="containerComponent"
+      data-selector-id="avatarIcon"
+      data-test-id="containerComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-plus    icon iconColor  undefined   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size16);"
+      />
+    </div>
+  </span>
+</DocumentFragment>
+`;
+
+exports[`PlusIcon renders with title prop 1`] = `
+<DocumentFragment>
+  <span
+    class="container"
+    data-id="addreqNowbutton"
+    data-test-id="addreqNowbutton"
+    data-title="Plus Icon"
   >
     <div
       class="container  xmedium default  plusIcon inflex coldir both"

package/lib/PlusIcon/props/propTypes.js

@@ -15,7 +15,7 @@ var propTypes = {
   iconName: _propTypes["default"].string,
   iconSize: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
-  size: _propTypes["default"].string,
+  size: _propTypes["default"].oneOf(['small', 'xsmall', 'xxsmall', 'medium', 'xmedium', 'xlarge']),
   title: _propTypes["default"].string,
   customClass: _propTypes["default"].string
 };