@zohodesk/components 1.0.0-test-252 → 1.0.0

package/lib/Popup/__tests__/Popup.spec.js

@@ -1,47 +1,74 @@
 "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); }
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _Popup = _interopRequireDefault(require("../Popup"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
 var SamplePopup = /*#__PURE__*/function (_React$Component) {
   _inherits(SamplePopup, _React$Component);
+
   var _super = _createSuper(SamplePopup);
+
   function SamplePopup(props) {
     _classCallCheck(this, SamplePopup);
+
     return _super.call(this, props);
   }
+
   _createClass(SamplePopup, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react["default"].createElement("div", null, "Sample Popup");
     }
   }]);
+
   return SamplePopup;
 }(_react["default"].Component);
+
 var SamplePopupCopy = /*#__PURE__*/function (_React$Component2) {
   _inherits(SamplePopupCopy, _React$Component2);
+
   var _super2 = _createSuper(SamplePopupCopy);
+
   function SamplePopupCopy(props) {
     _classCallCheck(this, SamplePopupCopy);
+
     return _super2.call(this, props);
   }
+
   _createClass(SamplePopupCopy, [{
     key: "render",
     value: function render() {
       var _this = this;
+
       return /*#__PURE__*/_react["default"].createElement("div", {
         "data-id": "samplePopup",
         onClick: function onClick(ev) {
@@ -50,18 +77,25 @@ var SamplePopupCopy = /*#__PURE__*/function (_React$Component2) {
       }, "Sample Popup");
     }
   }]);
+
   return SamplePopupCopy;
 }(_react["default"].Component);
+
 SamplePopupCopy.propTypes = {
   removeClose: _propTypes["default"].func
 };
+
 var SamplePopupCopy1 = /*#__PURE__*/function (_React$Component3) {
   _inherits(SamplePopupCopy1, _React$Component3);
+
   var _super3 = _createSuper(SamplePopupCopy1);
+
   function SamplePopupCopy1(props) {
     _classCallCheck(this, SamplePopupCopy1);
+
     return _super3.call(this, props);
   }
+
   _createClass(SamplePopupCopy1, [{
     key: "render",
     value: function render() {
@@ -70,17 +104,21 @@ var SamplePopupCopy1 = /*#__PURE__*/function (_React$Component3) {
       }, "Sample Popup");
     }
   }]);
+
   return SamplePopupCopy1;
 }(_react["default"].Component);
+
 describe('Popup component conditions', function () {
   it('should click same popup with removeClose', function () {
     var PopupWrapperComponent = (0, _Popup["default"])(SamplePopupCopy);
     var div = document.createElement('div');
     document.body.append(div);
     /*eslint-disable */
+
     var popupDom = _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null), div);
     /*eslint-enable */
 
+
     popupDom.togglePopup();
     expect(popupDom.state.isPopupOpen).toBeTruthy();
     var popupEle = TestUtils.findRenderedComponentsWithTestid(popupDom, 'samplePopup');
@@ -120,9 +158,11 @@ describe('Popup component conditions', function () {
     var div = document.createElement('div');
     document.body.append(div);
     /*eslint-disable */
+
     var popupDom = _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null), div);
     /*eslint-enable */
 
+
     popupDom.togglePopup();
     expect(popupDom.state.isPopupOpen).toBeTruthy();
     var popupEle = TestUtils.findRenderedComponentsWithTestid(popupDom, 'samplePopup');
@@ -141,15 +181,12 @@ describe('Popup component conditions', function () {
     var PopupWrapperComponent = (0, _Popup["default"])(SamplePopupCopy1);
     var popupDom = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(PopupWrapperComponent, null));
     popupDom.togglePopup();
-    expect(popupDom.state.isPopupOpen).toBeTruthy();
+    expect(popupDom.state.isPopupOpen).toBeTruthy(); //TestUtils.Simulate.keyUp(document, {keyCode:27});
 
-    //TestUtils.Simulate.keyUp(document, {keyCode:27});
     var e = document.createEvent('HTMLEvents');
     e.initEvent('keyup', false, true);
     e.keyCode = 27;
     document.dispatchEvent(e);
     expect(popupDom.state.isPopupOpen).toBeFalsy();
   });
-});
-
-//Group Popup Handling Open and close
+}); //Group Popup Handling Open and close

package/lib/Popup/viewPort.js

@@ -10,6 +10,7 @@ var viewPort = {
     if (!el) {
       return;
     }
+
     var rectTemp = el.getBoundingClientRect();
     var rect = {
       height: rectTemp.height || el.clientHeight,
@@ -32,9 +33,11 @@ var viewPort = {
       x: 0,
       y: 0
     };
+
     if (customFrame) {
       customFrameRect = customFrame.getBoundingClientRect();
     }
+
     var newRect = {
       top: rect.top - customFrameRect.top,
       left: rect.left - customFrameRect.left,
@@ -67,6 +70,7 @@ var viewPort = {
     if (!el) {
       return;
     }
+
     var elRects = viewPort.frameRelativeRects(el, customFrame);
     var rect = elRects.rect;
     var frameRect = elRects.frameRect;
@@ -77,26 +81,27 @@ var viewPort = {
   },
   possibilities: function possibilities(el, relativeBox, customFrame) {
     var _ref = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
-      needArrow = _ref.needArrow,
-      isAbsolute = _ref.isAbsolute;
+        needArrow = _ref.needArrow,
+        isAbsolute = _ref.isAbsolute;
+
     if (!el) {
       return;
     }
+
     var elViewPortEle = viewPort.getViewPortEle(el);
     var elRects = viewPort.frameRelativeRects(el, customFrame, elViewPortEle);
     var rect = elRects.rect;
     var relativeBoxViewPortEle = viewPort.getViewPortEle(relativeBox);
     var relativeBoxRects = viewPort.frameRelativeRects(relativeBox, customFrame, relativeBoxViewPortEle);
     var relativeBoxGap = relativeBoxRects.rectGap,
-      relativeBoxRect = relativeBoxRects.rect;
+        relativeBoxRect = relativeBoxRects.rect;
     var relativeBoxDocumentRects = viewPort.frameRelativeRects(relativeBox, customFrame);
-    var documentGap = relativeBoxDocumentRects.rectGap;
-
-    //rect => PopOverContainer, relativeBoxGap => PopOverTarget
-
+    var documentGap = relativeBoxDocumentRects.rectGap; //rect => PopOverContainer, relativeBoxGap => PopOverTarget
     //Horizontal ~ ----- X axis
     //Vertical ~ ||||||| Y axis
+
     var paddingSpace = 5; // space between target and relative element
+
     var arrowSize = needArrow ? 10 : 0;
     rect.height = rect.height + (needArrow ? arrowSize : paddingSpace);
     rect.width = rect.width + (needArrow ? arrowSize : paddingSpace);
@@ -279,6 +284,7 @@ var viewPort = {
     if (!el) {
       return;
     }
+
     var elRects = viewPort.frameRelativeRects(el, customFrame);
     var rectGap = elRects.rectGap;
     var relativeBoxRects = viewPort.frameRelativeRects(relativeBox, customFrame);
@@ -293,29 +299,35 @@ var viewPort = {
   betterView: function betterView(popup, relativeBox) {
     var defaultView = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
     var customFrame = arguments.length > 3 ? arguments[3] : undefined;
+
     var _ref2 = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {},
-      needArrow = _ref2.needArrow,
-      isAbsolute = _ref2.isAbsolute,
-      _ref2$customOrder = _ref2.customOrder,
-      customOrder = _ref2$customOrder === void 0 ? [] : _ref2$customOrder;
+        needArrow = _ref2.needArrow,
+        isAbsolute = _ref2.isAbsolute,
+        _ref2$customOrder = _ref2.customOrder,
+        customOrder = _ref2$customOrder === void 0 ? [] : _ref2$customOrder;
+
     var customScrollFrame = isAbsolute ? customFrame : '';
     var viewPortPossibilities = viewPort.possibilities(popup, relativeBox, customScrollFrame, {
       needArrow: needArrow,
       isAbsolute: isAbsolute
     });
+
     if (!viewPortPossibilities) {
       return;
     }
+
     var views = viewPortPossibilities.views,
-      viewsOffset = viewPortPossibilities.viewsOffset,
-      targetOffset = viewPortPossibilities.targetOffset,
-      popupOffset = viewPortPossibilities.popupOffset;
+        viewsOffset = viewPortPossibilities.viewsOffset,
+        targetOffset = viewPortPossibilities.targetOffset,
+        popupOffset = viewPortPossibilities.popupOffset;
     var view = null;
     var isViewFound = false;
+
     if (!isViewFound && defaultView && views[defaultView]) {
       view = defaultView;
       isViewFound = true;
     }
+
     if (!isViewFound) {
       if (customOrder.length > 0) {
         isViewFound = customOrder.some(function (position) {
@@ -333,9 +345,11 @@ var viewPort = {
         });
       }
     }
+
     if (!isViewFound) {
       view = defaultView;
     }
+
     return {
       view: view,
       views: views,

package/lib/Provider/AvatarSize.js

@@ -4,16 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = CssProvider;
+
 var _avatarsizesModule = _interopRequireDefault(require("../common/avatarsizes.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var styleList = {
   small: _avatarsizesModule["default"].small,
   xsmall: _avatarsizesModule["default"].xsmall,
+  xxsmall: _avatarsizesModule["default"].xxsmall,
   medium: _avatarsizesModule["default"].medium,
   xmedium: _avatarsizesModule["default"].xmedium,
   large: _avatarsizesModule["default"].large,
   xlarge: _avatarsizesModule["default"].xlarge
 };
+
 function CssProvider(name) {
   return styleList[name] || '';
 }

package/lib/Provider/Config.js

@@ -17,9 +17,11 @@ var id = {
   getTooltipContainer: function getTooltipContainer() {},
   autoComplete: false
 };
+
 function getLibraryConfig(key) {
   return id[key];
 }
+
 function setLibraryConfig(configObj) {
   id = Object.assign({}, id, configObj);
 }

package/lib/Provider/CssProvider.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = CssProvider;
+
 var _commonModule = _interopRequireDefault(require("../common/common.module.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var styleList = {
   hide: _commonModule["default"].hide,
   isDisabled: _commonModule["default"].disabled,
@@ -18,6 +21,7 @@ var styleList = {
   smooth: _commonModule["default"].ftsmooth,
   clamp: _commonModule["default"].clamp
 };
+
 function CssProvider(name) {
   return styleList[name] || '';
 }

package/lib/Provider/IdProvider.js

@@ -3,43 +3,54 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Provider = void 0;
 exports.getUniqueId = getUniqueId;
 exports.removeGlobalIdPrefix = removeGlobalIdPrefix;
 exports.setGlobalIdPrefix = setGlobalIdPrefix;
 exports.useUniqueId = useUniqueId;
+
 var _NumberGenerator = require("./NumberGenerator/NumberGenerator");
+
 var _Config = require("./Config");
+
 var globalId = (0, _Config.getLibraryConfig)('idCounter'),
-  deletedIndexes = [],
-  globalPrefix;
+    deletedIndexes = [],
+    globalPrefix;
+
 function setGlobalIdPrefix(value) {
   globalPrefix = value;
 }
+
 function removeGlobalIdPrefix() {
   globalPrefix = undefined;
 }
+
 function getGlobalIdPrefix() {
   return globalPrefix;
 }
+
 function setGlobalId(id) {
   globalId = id;
 }
+
 function getGlobalId() {
   return globalId;
 }
+
 function setDeletedIndexes(array) {
   deletedIndexes = array;
 }
+
 function getDeletedIndexes() {
   return deletedIndexes;
 }
+
 function callback(_ref) {
   var globalId = _ref.globalId,
-    deletedIndexes = _ref.deletedIndexes;
+      deletedIndexes = _ref.deletedIndexes;
   setGlobalId(globalId);
   setDeletedIndexes(deletedIndexes);
 }
+
 function useUniqueId(prefix) {
   return (0, _NumberGenerator.useNumberGenerator)({
     getGlobalId: getGlobalId,
@@ -49,6 +60,7 @@ function useUniqueId(prefix) {
     callback: callback
   });
 }
+
 function getUniqueId(Component, prefix) {
   return (0, _NumberGenerator.getNumberGenerators)({
     Component: Component,
@@ -58,11 +70,10 @@ function getUniqueId(Component, prefix) {
     getDeletedIndexes: getDeletedIndexes,
     callback: callback
   });
-}
-var Provider = {
-  docs: {
-    componentGroup: 'Provider',
-    folderName: 'Functions'
-  }
-};
-exports.Provider = Provider;
+} // let Provider = {
+//   docs: {
+//     componentGroup: 'Provider',
+//     folderName: 'Functions'
+//   }
+// };
+// export { Provider };

package/lib/Provider/LibraryContext.js

@@ -1,50 +1,72 @@
 "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"] = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _LibraryContextInit = _interopRequireDefault(require("./LibraryContextInit"));
+
 var _Config = require("./Config");
+
 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; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 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; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var LibraryContextProvider = function LibraryContextProvider(_ref) {
   var _ref$isReducedMotion = _ref.isReducedMotion,
-    isReducedMotion = _ref$isReducedMotion === void 0 ? (0, _Config.getLibraryConfig)('isReducedMotion') : _ref$isReducedMotion,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? (0, _Config.getLibraryConfig)('direction') : _ref$direction,
-    children = _ref.children;
+      isReducedMotion = _ref$isReducedMotion === void 0 ? (0, _Config.getLibraryConfig)('isReducedMotion') : _ref$isReducedMotion,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? (0, _Config.getLibraryConfig)('direction') : _ref$direction,
+      children = _ref.children;
+
   var _useState = (0, _react.useState)({
-      isReducedMotion: isReducedMotion,
-      direction: direction
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
+    isReducedMotion: isReducedMotion,
+    direction: direction
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
   function setGlobalContext(key, data) {
     if (value[key] != data) {
       setValue(_objectSpread(_objectSpread({}, value), {}, _defineProperty({}, key, data)));
     }
   }
+
   return /*#__PURE__*/_react["default"].createElement(_LibraryContextInit["default"].Provider, {
     value: _objectSpread(_objectSpread({}, value), {}, {
       setGlobalContext: setGlobalContext
     })
   }, children);
 };
+
 LibraryContextProvider.propTypes = {
   children: _propTypes["default"].node.isRequired,
   isReducedMotion: _propTypes["default"].bool,

package/lib/Provider/LibraryContextInit.js

@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var LibraryContext = /*#__PURE__*/_react["default"].createContext();
+
 var _default = LibraryContext;
 exports["default"] = _default;