@zohodesk/components 1.0.0-temp-243.1 → 1.0.0-temp-242.2

package/lib/utils/Common.js

@@ -38,7 +38,7 @@ exports.stopAllEventPropagation = exports.scrollTo = void 0;
 exports.stopPropagation = stopPropagation;
 exports.throttle = void 0;
 
-var _viewPort = _interopRequireDefault(require("../Popup/viewPort"));
+var _viewPort = _interopRequireDefault(require("@zohodesk/dotkit/es/react/components/Popup/utils/viewPort.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/lib/v1/Popup/Popup.js

@@ -15,7 +15,7 @@ var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-stat
 
 var _Common = require("../../utils/Common.js");
 
-var _viewPort = _interopRequireDefault(require("../../Popup/viewPort"));
+var _viewPort = _interopRequireDefault(require("@zohodesk/dotkit/es/react/components/Popup/utils/viewPort.js"));
 
 var _PositionMapping = require("../../Popup/PositionMapping.js");
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-243.1",
+  "version": "1.0.0-temp-242.2",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -39,7 +39,7 @@
     "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
     "coverage": "react-cli coverage",
     "prepare": "npm run init &&  npm run css:build ",
-    "prepublishOnly": "node prePublish.js && npm run download_only",
+    "prepublishOnly": "node prePublish.js && npm run css:review && npm run review:props ",
     "postpublish": "node postPublish.js",
     "report": "react-cli publish:report",
     "test": "react-cli test",
@@ -74,7 +74,7 @@
     "@testing-library/react": "^11.2.5",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.0.10",
-    "@zohodesk-private/color-variable-preprocessor": "1.0.0-temp-13.2",
+    "@zohodesk-private/color-variable-preprocessor": "1.2.0",
     "@zohodesk-private/css-variable-migrator": "1.0.9",
     "@zohodesk-private/node-plugins": "1.1.13",
     "@zohodesk-private/react-prop-validator": "1.2.3",
@@ -113,4 +113,4 @@
     "@zohodesk/dotkit": "1.0.3",
     "color": "4.2.3"
   }
-}
+}

package/es/DropBox/DropBoxPositionMapping.js

@@ -1,142 +0,0 @@
-export const positionMapping = {
-  "bottomCenter": {
-    "direction": "bottom",
-    "arrowPosition": "mid",
-    "positionStyle": "bottomMid"
-  },
-  "bottomLeftToRight": {
-    "direction": "bottom",
-    "arrowPosition": "start",
-    "positionStyle": "bottomEnd"
-  },
-  "bottomCenterToRight": {
-    "direction": "bottom",
-    "arrowPosition": "start",
-    "positionStyle": "bottomEnd"
-  },
-  "bottomRightToLeft": {
-    "direction": "bottom",
-    "arrowPosition": "end",
-    "positionStyle": "bottomStart"
-  },
-  "bottomCenterToLeft": {
-    "direction": "bottom",
-    "arrowPosition": "end",
-    "positionStyle": "bottomStart"
-  },
-  "topCenter": {
-    "direction": "top",
-    "arrowPosition": "mid",
-    "positionStyle": "topMid"
-  },
-  "topLeftToRight": {
-    "direction": "top",
-    "arrowPosition": "start",
-    "positionStyle": "topEnd"
-  },
-  "topCenterToRight": {
-    "direction": "top",
-    "arrowPosition": "start",
-    "positionStyle": "topEnd"
-  },
-  "topRightToLeft": {
-    "direction": "top",
-    "arrowPosition": "end",
-    "positionStyle": "topStart"
-  },
-  "topCenterToLeft": {
-    "direction": "top",
-    "arrowPosition": "end",
-    "positionStyle": "topStart"
-  },
-  "rightCenter": {
-    "direction": "right",
-    "arrowPosition": "mid",
-    "positionStyle": "rightMid"
-  },
-  "rightTopToBottom": {
-    "direction": "right",
-    "arrowPosition": "start",
-    "positionStyle": "rightEnd"
-  },
-  "rightCenterToBottom": {
-    "direction": "right",
-    "arrowPosition": "start",
-    "positionStyle": "rightEnd"
-  },
-  "rightBottomToTop": {
-    "direction": "right",
-    "arrowPosition": "end",
-    "positionStyle": "rightStart"
-  },
-  "rightCenterToTop": {
-    "direction": "right",
-    "arrowPosition": "end",
-    "positionStyle": "rightStart"
-  },
-  "leftCenter": {
-    "direction": "left",
-    "arrowPosition": "mid",
-    "positionStyle": "leftMid"
-  },
-  "leftTopToBottom": {
-    "direction": "left",
-    "arrowPosition": "start",
-    "positionStyle": "leftEnd"
-  },
-  "leftCenterToBottom": {
-    "direction": "left",
-    "arrowPosition": "start",
-    "positionStyle": "leftEnd"
-  },
-  "leftBottomToTop": {
-    "direction": "left",
-    "arrowPosition": "end",
-    "positionStyle": "leftStart"
-  },
-  "leftCenterToTop": {
-    "direction": "left",
-    "arrowPosition": "end",
-    "positionStyle": "leftStart"
-  },
-  "bottomRight": {
-    "direction": "bottom",
-    "arrowPosition": "start",
-    "positionStyle": "bottomEnd"
-  },
-  "bottomLeft": {
-    "direction": "bottom",
-    "arrowPosition": "end",
-    "positionStyle": "bottomStart"
-  },
-  "topRight": {
-    "direction": "top",
-    "arrowPosition": "start",
-    "positionStyle": "topEnd"
-  },
-  "topLeft": {
-    "direction": "top",
-    "arrowPosition": "end",
-    "positionStyle": "topStart"
-  },
-  "rightBottom": {
-    "direction": "right",
-    "arrowPosition": "start",
-    "positionStyle": "rightEnd"
-  },
-  "rightTop": {
-    "direction": "right",
-    "arrowPosition": "end",
-    "positionStyle": "rightStart"
-  },
-  "leftBottom": {
-    "direction": "left",
-    "arrowPosition": "start",
-    "positionStyle": "leftEnd"
-  },
-  "leftTop": {
-    "direction": "left",
-    "arrowPosition": "end",
-    "positionStyle": "leftStart"
-  }
-};

package/es/Popup/PositionMapping.js

@@ -1,72 +0,0 @@
-export const absolutePositionMapping = {
-  "bottomCenter": "bottomCenter",
-  "bottomRight": "bottomLeftToRight",
-  "bottomLeft": "bottomRightToLeft",
-  "topCenter": "topCenter",
-  "topRight": "topLeftToRight",
-  "topLeft": "topRightToLeft",
-  "rightCenter": "rightCenter",
-  "rightBottom": "rightTopToBottom",
-  "rightTop": "rightBottomToTop",
-  "leftCenter": "leftCenter",
-  "leftBottom": "leftTopToBottom",
-  "leftTop": "leftBottomToTop",
-  "bottomLeftToRight": "bottomLeftToRight",
-  "bottomRightToLeft": "bottomRightToLeft",
-  "topLeftToRight": "topLeftToRight",
-  "topRightToLeft": "topRightToLeft",
-  "rightTopToBottom": "rightTopToBottom",
-  "rightBottomToTop": "rightBottomToTop",
-  "leftTopToBottom": "leftTopToBottom"
-};
-export const rtlAbsolutePositionMapping = {
-  "bottomCenter": "bottomCenter",
-  "bottomRight": "bottomRightToLeft",
-  "bottomLeft": "bottomLeftToRight",
-  "topCenter": "topCenter",
-  "topRight": "topRightToLeft",
-  "topLeft": "topLeftToRight",
-  "rightCenter": "leftCenter",
-  "rightBottom": "leftTopToBottom",
-  "rightTop": "leftBottomToTop",
-  "leftCenter": "rightCenter",
-  "leftBottom": "rightTopToBottom",
-  "leftTop": "rightBottomToTop",
-  "bottomLeftToRight": "bottomLeftToRight",
-  "bottomRightToLeft": "bottomRightToLeft",
-  "topLeftToRight": "topLeftToRight",
-  "topRightToLeft": "topRightToLeft",
-  "rightTopToBottom": "rightTopToBottom",
-  "rightBottomToTop": "rightBottomToTop",
-  "leftTopToBottom": "leftTopToBottom"
-};
-export const rtlFixedPositionMapping = {
-  "bottomCenter": "bottomCenter",
-  "bottomLeftToRight": "bottomRightToLeft",
-  "bottomCenterToRight": "bottomCenterToLeft",
-  "bottomRightToLeft": "bottomLeftToRight",
-  "bottomCenterToLeft": "bottomCenterToRight",
-  "topCenter": "topCenter",
-  "topLeftToRight": "topRightToLeft",
-  "topCenterToRight": "topCenterToLeft",
-  "topRightToLeft": "topLeftToRight",
-  "topCenterToLeft": "topCenterToRight",
-  "rightTopToBottom": "leftTopToBottom",
-  "rightCenterToBottom": "leftCenterToBottom",
-  "rightCenter": "leftCenter",
-  "rightBottomToTop": "leftBottomToTop",
-  "rightCenterToTop": "leftCenterToTop",
-  "leftTopToBottom": "rightTopToBottom",
-  "leftCenterToBottom": "rightCenterToBottom",
-  "leftCenter": "rightCenter",
-  "leftBottomToTop": "rightBottomToTop",
-  "leftCenterToTop": "rightCenterToTop",
-  "bottomRight": "bottomLeft",
-  "bottomLeft": "bottomRight",
-  "topRight": "topLeft",
-  "topLeft": "topRight",
-  "rightBottom": "leftBottom",
-  "rightTop": "leftTop",
-  "leftBottom": "rightBottom",
-  "leftTop": "rightTop"
-};

package/es/Popup/Registry.js

@@ -1,36 +0,0 @@
-import { getLibraryConfig } from "../Provider/Config.js";
-const Registry = {
-  lastOpenedGroup: [],
-  popups: {},
-  listenerPopupRef: undefined,
-  scrollBlockedListenerPopupRef: undefined,
-  scrollableListenerPopupRef: undefined,
-
-  getOpenedPopups() {
-    return Object.values(Registry.popups).flat().filter(popup => popup.state.isPopupOpen);
-  },
-
-  getOpenedScrollBlockedFixedPopups() {
-    return Registry.getOpenedPopups().filter(popup => popup.getIsOutsideScrollBlocked(popup) && !popup.getIsAbsolutePopup(popup));
-  },
-
-  getOpenedScrollableFixedPopups() {
-    return Registry.getOpenedPopups().filter(popup => !popup.getIsOutsideScrollBlocked(popup) && !popup.getIsAbsolutePopup(popup));
-  },
-
-  getRootElement() {
-    const getRootElement = getLibraryConfig('getRootElement');
-
-    if (getRootElement && typeof getRootElement === 'function') {
-      const parent = getRootElement();
-
-      if (parent) {
-        return parent;
-      }
-    }
-
-    return document;
-  }
-
-};
-export default Registry;

package/es/Popup/intersectionObserver.js

@@ -1,49 +0,0 @@
-let observerCallbacks = null;
-let intersectionObserver = null;
-
-function handleObserverCallbacks(entries) {
-  entries.forEach(entry => {
-    let oldCallbacks = observerCallbacks.get(entry.target);
-
-    if (Array.isArray(oldCallbacks) && oldCallbacks.length) {
-      oldCallbacks.forEach(callback => {
-        callback && callback(entry);
-      });
-    }
-  });
-}
-
-export function addIntersectionObserver(element, callback, options) {
-  if (!!element && typeof callback == 'function') {
-    if (intersectionObserver === null && observerCallbacks === null) {
-      intersectionObserver = new IntersectionObserver(entries => {
-        handleObserverCallbacks(entries);
-      }, options);
-      observerCallbacks = new Map();
-    }
-
-    intersectionObserver.observe(element);
-    let oldCallbacks = observerCallbacks.get(element) || [];
-    observerCallbacks.set(element, [...oldCallbacks, callback]);
-  }
-}
-export function removeIntersectionObserver(element, callback) {
-  if (!!element && typeof callback == 'function') {
-    let oldCallbacks = observerCallbacks ? observerCallbacks.get(element) : null;
-
-    if (Array.isArray(oldCallbacks)) {
-      let callbacks = oldCallbacks.filter(handler => handler !== callback);
-
-      if (intersectionObserver && callbacks.length === 0) {
-        observerCallbacks.delete(element);
-        intersectionObserver.unobserve(element);
-      }
-    }
-
-    if (intersectionObserver && observerCallbacks && observerCallbacks.size === 0) {
-      intersectionObserver.disconnect();
-      intersectionObserver = null;
-      observerCallbacks = null;
-    }
-  }
-}