intelicoreact 0.1.47 → 0.1.48

package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js

@@ -9,12 +9,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
@@ -27,7 +27,7 @@ var _SelectItem = _interopRequireDefault(require("./SelectItem"));
 
 var _Datepicker = _interopRequireDefault(require("./Datepicker"));
 
-var _utils = require("../../../../Functions/utils");
+var _useResize2 = require("../../../../Functions/useResize");
 
 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); }
 
@@ -71,10 +71,8 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var boxRef = (0, _react.useRef)();
 
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      elemPosition = _useState2[0],
-      setElemPosition = _useState2[1];
+  var _useResize = (0, _useResize2.useResize)(boxRef),
+      elemPosition = _useResize.elemPosition;
 
   var openedPartClass = classNames('date-range-input__opened-part', 'opened-part', (0, _defineProperty2.default)({}, "opened-part--".concat(elemPosition), elemPosition), {
     'opened-part--top': isListTop
@@ -84,10 +82,10 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   });
   var items = isCompact ? (0, _toConsumableArray2.default)(Object.keys(_dependencies.INTERVALS)) : [].concat((0, _toConsumableArray2.default)(Object.keys(_dependencies.INTERVALS)), [_dependencies.CUSTOM_INTERVAL_KEY]);
 
-  var _useState3 = (0, _react.useState)(actualValues.intervalKey),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      activeInterval = _useState4[0],
-      setActiveInterval = _useState4[1];
+  var _useState = (0, _react.useState)(actualValues.intervalKey),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      activeInterval = _useState2[0],
+      setActiveInterval = _useState2[1];
 
   var handleItemClick = function handleItemClick(item) {
     if (item !== _dependencies.CUSTOM_INTERVAL_KEY) {
@@ -125,9 +123,6 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     return _dependencies.CUSTOM_INTERVAL_KEY;
   };
 
-  (0, _react.useLayoutEffect)(function () {
-    setElemPosition((0, _utils.defineBoxPositionByScreen)(boxRef));
-  }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: openedPartClass,
     ref: boxRef

package/dist/Functions/useResize.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResize = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var useResize = function useResize() {
+  var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      elemPosition = _useState2[0],
+      setElemPosition = _useState2[1];
+
+  var onResize = function onResize(elemRightPosition) {
+    if (elemRightPosition > document.documentElement.clientWidth) {
+      return setElemPosition('left');
+    } else setElemPosition('');
+  };
+
+  (0, _react.useEffect)(function () {
+    var _element$current;
+
+    var elemRightPosition = (element === null || element === void 0 ? void 0 : (_element$current = element.current) === null || _element$current === void 0 ? void 0 : _element$current.getBoundingClientRect().right) + 20;
+    window.addEventListener('resize', function () {
+      return onResize(elemRightPosition);
+    });
+    return function () {
+      window.removeEventListener('resize', function () {
+        return setElemPosition('');
+      });
+    };
+  }, []);
+  (0, _react.useLayoutEffect)(function () {
+    var _element$current2;
+
+    var elemRightPosition = (element === null || element === void 0 ? void 0 : (_element$current2 = element.current) === null || _element$current2 === void 0 ? void 0 : _element$current2.getBoundingClientRect().right) + 20;
+
+    if (elemRightPosition > document.documentElement.clientWidth) {
+      return setElemPosition('left');
+    }
+  }, []);
+  return {
+    elemPosition: elemPosition
+  };
+};
+
+exports.useResize = useResize;

package/dist/Functions/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defineBoxPositionByScreen = exports.getStyles = exports.logout = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.getStyles = exports.logout = exports.useOutsideToggle = exports.handleObjectChange = void 0;
 
 var _react = require("react");
 
@@ -63,15 +63,4 @@ var getStyles = function getStyles(el, prop) {
   return window.getComputedStyle(el).getPropertyValue(prop);
 };
 
-exports.getStyles = getStyles;
-
-var defineBoxPositionByScreen = function defineBoxPositionByScreen(ref) {
-  var elemRightPosition = ref.current.getBoundingClientRect().right;
-  var screenWidth = document.documentElement.clientWidth;
-
-  if (elemRightPosition > screenWidth) {
-    return 'left';
-  }
-};
-
-exports.defineBoxPositionByScreen = defineBoxPositionByScreen;
+exports.getStyles = getStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.1.47",
+  "version": "0.1.48",
   "description": "fixes",
   "main": "dist/index.js",
   "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],