intelicoreact 0.0.6 → 0.0.9

package/dist/Atomic/FormElements/InputDateRange/{components/InputDateRange.js → InputDateRange.js}

@@ -21,11 +21,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 
-var _ = require("..");
+var _dependencies = require("./dependencies");
 
-var _OpenedPart = _interopRequireDefault(require("./OpenedPart"));
+var _OpenedPart = _interopRequireDefault(require("./components/OpenedPart"));
 
-var _Arrow = _interopRequireDefault(require("../../../UI/Arrow/Arrow"));
+var _Arrow = _interopRequireDefault(require("../../UI/Arrow/Arrow"));
 
 require("./InputDateRange.scss");
 
@@ -50,22 +50,19 @@ var InputDateRange = function InputDateRange(props) {
       error = props.error,
       disabled = props.disabled,
       isHoverable = props.isHoverable,
-      short = props.short,
       _props$isCompact = props.isCompact,
       isCompact = _props$isCompact === void 0 ? false : _props$isCompact,
-      _props$isIntervalsHid = props.isIntervalsHidden,
-      isIntervalsHidden = _props$isIntervalsHid === void 0 ? false : _props$isIntervalsHid,
-      _props$isCompareHidde = props.isCompareHidden,
-      isCompareHidden = _props$isCompareHidde === void 0 ? false : _props$isCompareHidde,
       _props$hideArrows = props.hideArrows,
       hideArrows = _props$hideArrows === void 0 ? false : _props$hideArrows,
       isOptionsRight = props.isOptionsRight,
-      limitRange = props.limitRange,
       isUseAbs = props.isUseAbs,
-      absTooltip = props.absTooltip;
-  var actualValues = (0, _.getActualDateRange)(value);
+      _props$minDate = props.minDate,
+      minDate = _props$minDate === void 0 ? null : _props$minDate,
+      _props$maxDate = props.maxDate,
+      maxDate = _props$maxDate === void 0 ? null : _props$maxDate;
+  var actualValues = (0, _dependencies.getActualDateRange)(value);
 
-  var _useToggle = (0, _.useToggle)(false),
+  var _useToggle = (0, _dependencies.useToggle)(false),
       isToggled = _useToggle.isToggled,
       toggle = _useToggle.toggle,
       toggleOn = _useToggle.toggleOn,
@@ -81,12 +78,36 @@ var InputDateRange = function InputDateRange(props) {
       isCompare = _useState4[0],
       setIsCompare = _useState4[1];
 
-  var ref = !isUseAbs ? (0, _.useClickOutside)(toggleOff) : (0, _react.useRef)(null);
+  var ref = !isUseAbs ? (0, _dependencies.useClickOutside)(toggleOff) : (0, _react.useRef)(null);
   var internalContainerRef = (0, _react.useRef)(null);
-  var isEndDateNearFuture = (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).isSameOrAfter((0, _momentTimezone.default)());
+
+  var handleChange = function handleChange(input) {
+    var newValue = (0, _dependencies.getActualDateRange)(input);
+
+    var formatedValue = _objectSpread(_objectSpread(_objectSpread({
+      intervalKey: newValue.intervalKey,
+      start: newValue.start ? (0, _momentTimezone.default)(newValue.start).format('YYYY-MM-DDTHH:mm') : newValue.start,
+      end: newValue.end ? (0, _momentTimezone.default)(newValue.end).format('YYYY-MM-DDTHH:mm') : newValue.end
+    }, newValue.compare ? {
+      compare: newValue.compare
+    } : {}), newValue.startPrevDate ? {
+      startPrevDate: (0, _momentTimezone.default)(newValue.startPrevDate).format('YYYY-MM-DDTHH:mm')
+    } : {}), newValue.endPrevDate ? {
+      endPrevDate: (0, _momentTimezone.default)(newValue.endPrevDate).format('YYYY-MM-DDTHH:mm')
+    } : {});
+
+    onChange(formatedValue);
+    return formatedValue;
+  };
 
   var Range = function Range() {
     var SYMBOLS_QUANTITY_IF_TIME_ADDED = 13;
+
+    if (!actualValues.start && value.start) {
+      actualValues.start = value.start;
+      actualValues.end = value.end || '';
+    }
+
     var start = actualValues.start,
         end = actualValues.end;
     if (!start || !end) return null;
@@ -115,8 +136,8 @@ var InputDateRange = function InputDateRange(props) {
     var start = actualValues.start,
         end = actualValues.end;
     var intervalHoursCount = (0, _momentTimezone.default)(end).diff(start, 'hours');
-    console.log(intervalHoursCount);
-    var newEnd, newStart;
+    var newEnd;
+    var newStart;
     var endHours = (0, _momentTimezone.default)(end).hours();
     var startHours = (0, _momentTimezone.default)(start).hours();
 
@@ -130,8 +151,8 @@ var InputDateRange = function InputDateRange(props) {
 
     var startPrevDate = (0, _momentTimezone.default)(newStart).subtract(intervalHoursCount, 'hours').subtract(1, 'seconds');
     var endPrevDate = (0, _momentTimezone.default)(newEnd).subtract(1, 'seconds');
-    onChange(_objectSpread(_objectSpread({}, value), {}, {
-      intervalKey: (_getActualDateRange = (0, _.getActualDateRange)({
+    handleChange(_objectSpread(_objectSpread({}, value), {}, {
+      intervalKey: (_getActualDateRange = (0, _dependencies.getActualDateRange)({
         start: newStart,
         end: newEnd
       })) === null || _getActualDateRange === void 0 ? void 0 : _getActualDateRange.intervalKey,
@@ -147,34 +168,6 @@ var InputDateRange = function InputDateRange(props) {
     toggleOff();
   };
 
-  var absData = (0, _react.useMemo)(function () {
-    var _internalContainerRef, _internalContainerRef2, _internalContainerRef3, _internalContainerRef4;
-
-    return {
-      body: _OpenedPart.default,
-      props: _objectSpread(_objectSpread({}, props), {}, {
-        key: "".concat(actualValues.start, "-").concat(actualValues.end, "-").concat(actualValues.intervalKey, "-").concat(current, "-").concat(isCompare),
-        actualValues: actualValues,
-        current: current,
-        setCurrent: setCurrent,
-        isCompare: isCompare,
-        setIsCompare: setIsCompare,
-        toggleOff: toggleOff,
-        onChange: onChange
-      }),
-      clickOutsideCallback: function clickOutsideCallback() {
-        return toggleOff();
-      },
-      top: ((_internalContainerRef = internalContainerRef.current) === null || _internalContainerRef === void 0 ? void 0 : (_internalContainerRef2 = _internalContainerRef.getBoundingClientRect()) === null || _internalContainerRef2 === void 0 ? void 0 : _internalContainerRef2.bottom) || 0,
-      left: ((_internalContainerRef3 = internalContainerRef.current) === null || _internalContainerRef3 === void 0 ? void 0 : (_internalContainerRef4 = _internalContainerRef3.getBoundingClientRect()) === null || _internalContainerRef4 === void 0 ? void 0 : _internalContainerRef4.left) || 0
-    };
-  }, [isToggled, value, actualValues, current, isCompare]);
-  (0, _react.useEffect)(function () {
-    if (current && isUseAbs && absTooltip) onChange(current, 'absTooltip/props/current');
-  }, [current]);
-  (0, _react.useEffect)(function () {
-    if (isUseAbs) onChange(isToggled ? absData : null, 'absTooltip');
-  }, [isToggled]);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: internalContainerRef,
     className: (0, _classnames.default)('date-range-input', className, {
@@ -189,8 +182,12 @@ var InputDateRange = function InputDateRange(props) {
   }, label), /*#__PURE__*/_react.default.createElement("div", {
     className: "date-range-input__wraper",
     ref: ref,
-    onMouseEnter: isHoverable && toggleOn,
-    onMouseLeave: isHoverable && toggleOff
+    onMouseEnter: isHoverable ? toggleOn : function () {
+      return null;
+    },
+    onMouseLeave: isHoverable ? toggleOff : function () {
+      return null;
+    }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('date-range-input__absolut-wraper', {
       'date-range-input__absolut-wraper_right-position': isOptionsRight
@@ -199,19 +196,12 @@ var InputDateRange = function InputDateRange(props) {
     className: (0, _classnames.default)('date-range-input__static-part')
   }, /*#__PURE__*/_react.default.createElement("button", {
     id: id,
-    className: (0, _classnames.default)('date-range-input__toggle-button') // className={cn(
-    //     'date-range-input__toggle-button',
-    //     { 'form-select__input--disabled': disabled },
-    //     { 'form-select__input--opened': isToggled },
-    //     { 'form-select__input--focused': isToggled },
-    //     className,
-    // )}
-    ,
+    className: (0, _classnames.default)('date-range-input__toggle-button'),
     disabled: disabled,
     onClick: !disabled && !isHoverable ? toggle : undefined
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "date-range-input__interval-key"
-  }, /*#__PURE__*/_react.default.createElement("span", null, (_ref = (txt === null || txt === void 0 ? void 0 : txt.labels) && txt.labels[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) !== null && _ref !== void 0 ? _ref : ((_INTERVALS$actualValu = _.INTERVALS[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) === null || _INTERVALS$actualValu === void 0 ? void 0 : _INTERVALS$actualValu.label) || _.CUSTOM_INTERVAL_KEY_TEXT), current !== _.ALL_TIME_KEY && /*#__PURE__*/_react.default.createElement("span", null, ":")), !isCompact && /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, (_ref = (txt === null || txt === void 0 ? void 0 : txt.labels) && txt.labels[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) !== null && _ref !== void 0 ? _ref : ((_INTERVALS$actualValu = _dependencies.INTERVALS[actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey]) === null || _INTERVALS$actualValu === void 0 ? void 0 : _INTERVALS$actualValu.label) || _dependencies.CUSTOM_INTERVAL_KEY_TEXT), current !== _dependencies.ALL_TIME_KEY && /*#__PURE__*/_react.default.createElement("span", null, ":")), !isCompact && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('date-range-input__range', {})
   }, /*#__PURE__*/_react.default.createElement(Range, null))), !isCompact && !hideArrows && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('date-range-input__arrows-block')
@@ -219,16 +209,16 @@ var InputDateRange = function InputDateRange(props) {
     type: "left",
     className: "date-range-input__arrow",
     onClick: function onClick() {
-      return handleArrowClick("left");
+      return handleArrowClick('left');
     },
-    disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _.ALL_TIME_KEY
+    disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY
   }), /*#__PURE__*/_react.default.createElement(_Arrow.default, {
     type: "right",
     className: "date-range-input__arrow",
     onClick: function onClick() {
-      return handleArrowClick("right");
+      return handleArrowClick('right');
     },
-    disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _.ALL_TIME_KEY || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === 'today' || (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).add((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, 'hours'), 'hours').isSameOrAfter((0, _momentTimezone.default)())
+    disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === 'today' || (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).add((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, 'hours'), 'hours').isAfter((0, _momentTimezone.default)().add(1, 'day').startOf('day'))
   }))), isToggled && !isUseAbs && /*#__PURE__*/_react.default.createElement(_OpenedPart.default, (0, _extends2.default)({}, props, {
     ref: internalContainerRef,
     actualValues: actualValues,
@@ -237,7 +227,9 @@ var InputDateRange = function InputDateRange(props) {
     isCompare: isCompare,
     setIsCompare: setIsCompare,
     toggleOff: toggleOff,
-    onChange: onChange
+    onChange: handleChange,
+    minDate: minDate ? (0, _momentTimezone.default)(minDate) : null,
+    maxDate: maxDate ? (0, _momentTimezone.default)(maxDate) : null
   })))), error && /*#__PURE__*/_react.default.createElement("span", {
     className: "date-range-input__error-block"
   }, error));