@zohodesk/dot 1.5.4 → 1.6.0

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/es/v1/utils/editorUtils.js

@@ -1,5 +1,4 @@
-const ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
-
+// editorUtils
 export function editorContentValidate(editorObj) {
   let content = editorObj && editorObj.getContent && editorObj.getContent() || '';
 
@@ -48,12 +47,13 @@ export function encodeForHtml(str) {
   return str;
 } // attachment
 
-export function isFileNameSizeInvalid(fileName) {
-  return fileName.length > ATTACHMENT_FILE_NAME_SIZE_LIMIT;
+export function isFileNameSizeInvalid(fileName, fileNameMaxCharacters) {
+  return fileName.length > fileNameMaxCharacters;
 }
-export function isImageFormat(fileName) {
+export function isImageFormat(fileName, allowedFileExtensions) {
   let extension = getExtensionFromFileName(fileName);
-  return /jpeg|jpg|png|gif|bmp|ico/i.test(extension);
+  const isValidExtension = allowedFileExtensions.includes(extension);
+  return isValidExtension;
 }
 export function getExtensionFromFileName(fileName) {
   if (fileName && fileName.indexOf('.') != -1) {

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/ImportantNotes/__tests__/ImportantNotes.spec.js

@@ -15,4 +15,100 @@ describe('ImportantNotes', function () {
 
     expect(asFragment()).toMatchSnapshot();
   });
+  test('rendering the text prop', function () {
+    var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], {
+      text: "sample text for notes"
+    })),
+        asFragment = _render2.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the iconName prop', function () {
+    var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], {
+      iconName: "ZD-GN-info",
+      text: "sample text for notes"
+    })),
+        asFragment = _render3.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the iconName prop and text and children are empty', function () {
+    var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], {
+      iconName: ""
+    })),
+        asFragment = _render4.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the iconName prop is null and given text value', function () {
+    var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], {
+      iconName: "",
+      text: "sample text for notes"
+    })),
+        asFragment = _render5.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the iconSize', function () {
+    var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], {
+      iconName: "ZD-GN-info",
+      iconSize: "15"
+    })),
+        asFragment = _render6.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the children', function () {
+    var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], null, "children")),
+        asFragment = _render7.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the text and children prop', function () {
+    var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], {
+      text: "sample text for notes"
+    }, "Sample text for children")),
+        asFragment = _render8.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the text and children prop is empty', function () {
+    var _render9 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], {
+      text: ""
+    })),
+        asFragment = _render9.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the iconClass', function () {
+    var _render10 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], {
+      iconName: "ZD-GN-info",
+      iconClass: "customIconClass"
+    })),
+        asFragment = _render10.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isCover prop is true', function () {
+    var _render11 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], null)),
+        asFragment = _render11.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isCover prop is false', function () {
+    var _render12 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], {
+      isCover: false
+    })),
+        asFragment = _render12.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the className prop', function () {
+    var _render13 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ImportantNotes["default"], {
+      className: "customClass"
+    })),
+        asFragment = _render13.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
 });