@pareto-engineering/design-system 4.0.0-alpha.3 → 4.0.0-alpha.4

package/dist/cjs/utils/hooks/useDynamicPosition.js

@@ -8,9 +8,9 @@ var _react = require("react");
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _useWindowSize = _interopRequireDefault(require("./useWindowSize"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var verticalPositions = ['top', 'bottom'];
-var horizontalPositions = ['left', 'right'];
-var findCompatiblePositions = (primary, secondaryArray) => {
+const verticalPositions = ['top', 'bottom'];
+const horizontalPositions = ['left', 'right'];
+const findCompatiblePositions = (primary, secondaryArray) => {
   if (verticalPositions.includes(primary)) {
     return secondaryArray.filter(secondary => horizontalPositions.includes(secondary));
   }
@@ -19,8 +19,8 @@ var findCompatiblePositions = (primary, secondaryArray) => {
   }
   return [];
 };
-var useDynamicPosition = _ref => {
-  var {
+const useDynamicPosition = _ref => {
+  let {
     elementRef,
     parentRef,
     preferredPrimaryOrder,
@@ -29,44 +29,44 @@ var useDynamicPosition = _ref => {
     offsetXPx,
     throttleMs = 200
   } = _ref;
-  var isClient = typeof window === 'object';
-  var {
+  const isClient = typeof window === 'object';
+  const {
     height: currentHeight,
     width: currentWidth
   } = (0, _useWindowSize.default)();
-  var [primaryPosition, setPrimaryPosition] = (0, _react.useState)(preferredPrimaryOrder[0]);
-  var compatibleSecondaryPositions = (0, _react.useMemo)(() => findCompatiblePositions(primaryPosition, preferredSecondaryOrder), [primaryPosition, preferredSecondaryOrder]);
-  var [secondaryPosition, setSecondaryPosition] = (0, _react.useState)(compatibleSecondaryPositions[0]);
-  var handle = (0, _react.useCallback)((0, _throttle.default)(() => {
-    var parentNode = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current;
-    var elementNode = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current;
-    var {
+  const [primaryPosition, setPrimaryPosition] = (0, _react.useState)(preferredPrimaryOrder[0]);
+  const compatibleSecondaryPositions = (0, _react.useMemo)(() => findCompatiblePositions(primaryPosition, preferredSecondaryOrder), [primaryPosition, preferredSecondaryOrder]);
+  const [secondaryPosition, setSecondaryPosition] = (0, _react.useState)(compatibleSecondaryPositions[0]);
+  const handle = (0, _react.useCallback)((0, _throttle.default)(() => {
+    const parentNode = parentRef?.current;
+    const elementNode = elementRef?.current;
+    const {
       top: parentTop,
       bottom: parentBottom,
       right: parentRight,
       left: parentLeft
-    } = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.getBoundingClientRect()) || {};
-    var {
+    } = parentNode?.getBoundingClientRect() || {};
+    const {
       width: elementWidth,
       height: elementHeight
-    } = (elementNode === null || elementNode === void 0 ? void 0 : elementNode.getBoundingClientRect()) || {};
-    var availablePositions = {
+    } = elementNode?.getBoundingClientRect() || {};
+    const availablePositions = {
       top: parentTop >= elementHeight,
       bottom: currentHeight - parentBottom >= elementHeight,
       right: parentRight >= elementWidth,
       left: currentWidth - parentLeft >= elementWidth
     };
-    for (var i = 0; i < preferredPrimaryOrder.length; i += 1) {
-      var position = preferredPrimaryOrder[i];
+    for (let i = 0; i < preferredPrimaryOrder.length; i += 1) {
+      const position = preferredPrimaryOrder[i];
       if (availablePositions[position]) {
         setPrimaryPosition(position);
         break;
       }
     }
-    for (var _i = 0; _i < compatibleSecondaryPositions.length; _i += 1) {
-      var _position = compatibleSecondaryPositions[_i];
-      if (availablePositions[_position]) {
-        setSecondaryPosition(_position);
+    for (let i = 0; i < compatibleSecondaryPositions.length; i += 1) {
+      const position = compatibleSecondaryPositions[i];
+      if (availablePositions[position]) {
+        setSecondaryPosition(position);
         break;
       }
     }

package/dist/cjs/utils/hooks/useWindowSize.js

@@ -7,15 +7,15 @@ exports.default = void 0;
 var _react = require("react");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var useWindowSize = function useWindowSize() {
-  var debounceMs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 700;
-  var isClient = typeof window === 'object';
-  var getSize = () => ({
+const useWindowSize = function () {
+  let debounceMs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 700;
+  const isClient = typeof window === 'object';
+  const getSize = () => ({
     width: isClient ? window.innerWidth : undefined,
     height: isClient ? window.innerHeight : undefined
   });
-  var [windowSize, setWindowSize] = (0, _react.useState)(getSize);
-  var handle = (0, _react.useCallback)((0, _debounce.default)(() => {
+  const [windowSize, setWindowSize] = (0, _react.useState)(getSize);
+  const handle = (0, _react.useCallback)((0, _debounce.default)(() => {
     setWindowSize(getSize());
   }, debounceMs));
   (0, _react.useEffect)(() => {

package/dist/cjs/utils/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useDynamicPosition", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useDynamicPosition;
   }
 });
 Object.defineProperty(exports, "useWindowSize", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hooks.useWindowSize;
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pareto-engineering/design-system",
-  "version": "4.0.0-alpha.3",
+  "version": "4.0.0-alpha.4",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -67,5 +67,5 @@
     "relay-test-utils": "^15.0.0"
   },
   "browserslist": "> 2%",
-  "gitHead": "e05a71fc6d317cee44e352d38ed62b3c66440858"
+  "gitHead": "df54c3dc5048159fe8a037a3dc8feb2d91a07417"
 }