intelicoreact 0.1.47 → 0.1.50

package/dist/Atomic/FormElements/Dropdown/Dropdown.scss

@@ -19,13 +19,17 @@
     padding-left: 9px;
     padding-right: 16px;
     font-weight: 400;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
     display: block;
     position: relative;
     text-align: left;
 
+    .text {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: calc(100% - 5px);
+    }
+
     &.error {
       border-color: $color--secondary;
     }

package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js

@@ -129,7 +129,7 @@ DropdownTemplate.args = {
     label: 'Dropdown5',
     value: 'drop5'
   }, {
-    label: 'Dropdown6',
+    label: 'Dropdown6 hidden text lorem ipsum',
     value: 'drop6'
   }, {
     label: 'Some Group',

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/Atomic/FormElements/InputDateRange/dependencies.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getActualDateRange = exports.CUSTOM_INTERVAL_KEY_TEXT = exports.CUSTOM_INTERVAL_KEY = exports.ALL_TIME_KEY = exports.INTERVALS = exports.useToggle = exports.useClickOutside = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -21,6 +23,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 var useClickOutside = function useClickOutside(hideComponent, additionalComponent) {
   var ref = (0, _react.useRef)(null);
 
@@ -199,18 +205,16 @@ var CUSTOM_INTERVAL_KEY_TEXT = 'Custom Date';
 exports.CUSTOM_INTERVAL_KEY_TEXT = CUSTOM_INTERVAL_KEY_TEXT;
 
 var getActualDateRange = function getActualDateRange(inputDateRange) {
-  var _INTERVALS$inputDateR, _INTERVALS$inputDateR2, _INTERVALS$inputDateR3, _INTERVALS$inputDateR4;
-
-  var actualIntervalKey = function () {
+  var getActualIntervalKey = function getActualIntervalKey() {
     if (inputDateRange.intervalKey && Object.keys(INTERVALS).includes(inputDateRange.intervalKey)) {
       return inputDateRange.intervalKey;
     } else if (inputDateRange.start && inputDateRange.end) {
       for (var _i = 0, _Object$entries = Object.entries(INTERVALS); _i < _Object$entries.length; _i++) {
         var _Object$entries$_i = (0, _slicedToArray2.default)(_Object$entries[_i], 2),
             key = _Object$entries$_i[0],
-            interval = _Object$entries$_i[1];
+            _interval = _Object$entries$_i[1];
 
-        if ((0, _momentTimezone.default)(inputDateRange.start).isSame(interval.start()) && (0, _momentTimezone.default)(inputDateRange.end).isSame(interval.end())) {
+        if ((0, _momentTimezone.default)(inputDateRange.start).isSame(_interval.start()) && (0, _momentTimezone.default)(inputDateRange.end).isSame(_interval.end())) {
           return key;
         }
       }
@@ -219,31 +223,39 @@ var getActualDateRange = function getActualDateRange(inputDateRange) {
     }
 
     return ALL_TIME_KEY;
-  }();
-
-  if (actualIntervalKey === ALL_TIME_KEY) return {
-    intervalKey: ALL_TIME_KEY,
-    start: null,
-    end: null,
-    compare: inputDateRange.compare,
-    startPrevDate: null,
-    endPrevDate: null
-  };
-  var actualValues = {
-    // intervalKey: inputDateRange.intervalKey || customIntervalKey,
-    intervalKey: actualIntervalKey || CUSTOM_INTERVAL_KEY,
-    start: inputDateRange.intervalKey === CUSTOM_INTERVAL_KEY ? inputDateRange === null || inputDateRange === void 0 ? void 0 : inputDateRange.start : (_INTERVALS$inputDateR = INTERVALS[inputDateRange.intervalKey]) === null || _INTERVALS$inputDateR === void 0 ? void 0 : (_INTERVALS$inputDateR2 = _INTERVALS$inputDateR.start()) === null || _INTERVALS$inputDateR2 === void 0 ? void 0 : _INTERVALS$inputDateR2.format('YYYY-MM-DDTHH:mm'),
-    end: inputDateRange.intervalKey === CUSTOM_INTERVAL_KEY ? inputDateRange === null || inputDateRange === void 0 ? void 0 : inputDateRange.end : (_INTERVALS$inputDateR3 = INTERVALS[inputDateRange.intervalKey]) === null || _INTERVALS$inputDateR3 === void 0 ? void 0 : (_INTERVALS$inputDateR4 = _INTERVALS$inputDateR3.end()) === null || _INTERVALS$inputDateR4 === void 0 ? void 0 : _INTERVALS$inputDateR4.format('YYYY-MM-DDTHH:mm'),
-    compare: inputDateRange.compare
   };
 
-  if (actualValues.compare) {
-    var intervalHoursCount = (0, _momentTimezone.default)(actualValues.end).diff(actualValues.start, 'hours');
-    actualValues.startPrevDate = (0, _momentTimezone.default)(actualValues.start).subtract(intervalHoursCount, 'hours').toDate();
-    actualValues.endPrevDate = actualValues.start;
-  }
+  var getIntervalDate = function getIntervalDate(intervalKey) {
+    var _INTERVALS$intervalKe, _INTERVALS$intervalKe2, _INTERVALS$intervalKe3, _INTERVALS$intervalKe4;
+
+    if (intervalKey === ALL_TIME_KEY || intervalKey === CUSTOM_INTERVAL_KEY) return {
+      start: null,
+      end: null,
+      compare: inputDateRange.compare,
+      startPrevDate: null,
+      endPrevDate: null
+    };
+    var actualValues = {
+      start: (_INTERVALS$intervalKe = INTERVALS[intervalKey]) === null || _INTERVALS$intervalKe === void 0 ? void 0 : (_INTERVALS$intervalKe2 = _INTERVALS$intervalKe.start()) === null || _INTERVALS$intervalKe2 === void 0 ? void 0 : _INTERVALS$intervalKe2.format('YYYY-MM-DDTHH:mm'),
+      end: (_INTERVALS$intervalKe3 = INTERVALS[intervalKey]) === null || _INTERVALS$intervalKe3 === void 0 ? void 0 : (_INTERVALS$intervalKe4 = _INTERVALS$intervalKe3.end()) === null || _INTERVALS$intervalKe4 === void 0 ? void 0 : _INTERVALS$intervalKe4.format('YYYY-MM-DDTHH:mm'),
+      compare: inputDateRange.compare
+    };
+
+    if (actualValues.compare) {
+      var intervalHoursCount = (0, _momentTimezone.default)(actualValues.end).diff(actualValues.start, 'hours');
+      actualValues.startPrevDate = (0, _momentTimezone.default)(actualValues.start).subtract(intervalHoursCount, 'hours').toDate();
+      actualValues.endPrevDate = actualValues.start;
+    }
+
+    return actualValues;
+  };
 
-  return actualValues;
+  var interval = getActualIntervalKey();
+  return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY ? _objectSpread({
+    intervalKey: interval
+  }, getIntervalDate(interval)) : _objectSpread(_objectSpread({}, inputDateRange), {}, {
+    intervalKey: interval
+  });
 };
 
 exports.getActualDateRange = getActualDateRange;

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.50",
   "description": "fixes",
   "main": "dist/index.js",
   "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],