intelicoreact 0.0.6 → 0.0.7

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");
 
@@ -44,6 +44,7 @@ var InputDateRange = function InputDateRange(props) {
       id = props.id,
       label = props.label,
       className = props.className,
+      buttonsTypes = props.buttonsTypes,
       value = props.value,
       _props$onChange = props.onChange,
       onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
@@ -61,11 +62,12 @@ var InputDateRange = function InputDateRange(props) {
       hideArrows = _props$hideArrows === void 0 ? false : _props$hideArrows,
       isOptionsRight = props.isOptionsRight,
       limitRange = props.limitRange,
+      isShortWeekNames = props.isShortWeekNames,
       isUseAbs = props.isUseAbs,
       absTooltip = props.absTooltip;
-  var actualValues = (0, _.getActualDateRange)(value);
+  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,10 +83,29 @@ 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;
     var start = actualValues.start,
@@ -115,7 +136,6 @@ 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 endHours = (0, _momentTimezone.default)(end).hours();
     var startHours = (0, _momentTimezone.default)(start).hours();
@@ -130,8 +150,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,
@@ -145,36 +165,34 @@ var InputDateRange = function InputDateRange(props) {
   var handleArrowClick = function handleArrowClick(type) {
     slideInterval(type === 'right' ? 'forward' : 'back');
     toggleOff();
-  };
+  }; // const absData = useMemo(
+  //     () => ({
+  //         body: OpenedPart,
+  //         props: {
+  //             ...props,
+  //             key: `${actualValues.start}-${actualValues.end}-${actualValues.intervalKey}-${current}-${isCompare}`,
+  //             actualValues,
+  //             current,
+  //             setCurrent,
+  //             isCompare,
+  //             setIsCompare,
+  //             toggleOff,
+  //             onChange,
+  //         },
+  //         clickOutsideCallback: () => toggleOff(),
+  //         top: internalContainerRef.current?.getBoundingClientRect()?.bottom || 0,
+  //         left: internalContainerRef.current?.getBoundingClientRect()?.left || 0,
+  //     }),
+  //     [isToggled, value, actualValues, current, isCompare],
+  // );
+  // useEffect(() => {
+  //     if (current && isUseAbs && absTooltip) onChange(current, 'absTooltip/props/current');
+  // }, [current]);
+  // useEffect(() => {
+  //     if (isUseAbs) onChange(isToggled ? absData : null, 'absTooltip');
+  // }, [isToggled]);
+
 
-  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, {
@@ -199,19 +217,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')
@@ -221,14 +232,14 @@ var InputDateRange = function InputDateRange(props) {
     onClick: function onClick() {
       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");
     },
-    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 +248,7 @@ var InputDateRange = function InputDateRange(props) {
     isCompare: isCompare,
     setIsCompare: setIsCompare,
     toggleOff: toggleOff,
-    onChange: onChange
+    onChange: handleChange
   })))), error && /*#__PURE__*/_react.default.createElement("span", {
     className: "date-range-input__error-block"
   }, error));