intelicoreact 0.0.86 → 0.0.87

package/dist/Atomic/FormElements/Input/Input.js

@@ -195,6 +195,7 @@ var Input = function Input(_ref) {
   }, [isAttemptToChange]);
   (0, _react.useEffect)(function () {
     if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
+    setEditing(isFocusDefault);
   }, [inputRef, isFocusDefault]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap_disabled", disabled))

package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js

@@ -75,7 +75,7 @@ var InputCalendar = function InputCalendar(_ref) {
     onFocus: function onFocus() {
       return setIsOpened(!isOpened);
     }
-  }), console.log(value, getCalendarValue(value)), isOpened ? /*#__PURE__*/_react.default.createElement(_Calendar.default, {
+  }), isOpened ? /*#__PURE__*/_react.default.createElement(_Calendar.default, {
     date: getCalendarValue(value),
     setDate: function setDate(newDate) {
       return changeCalendarDay(newDate);

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

@@ -55,7 +55,11 @@ var InputDateRange = function InputDateRange(props) {
       _props$hideArrows = props.hideArrows,
       hideArrows = _props$hideArrows === void 0 ? false : _props$hideArrows,
       isOptionsRight = props.isOptionsRight,
-      isUseAbs = props.isUseAbs;
+      isUseAbs = props.isUseAbs,
+      _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, _dependencies.useToggle)(false),
@@ -223,7 +227,9 @@ var InputDateRange = function InputDateRange(props) {
     isCompare: isCompare,
     setIsCompare: setIsCompare,
     toggleOff: toggleOff,
-    onChange: handleChange
+    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));

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

@@ -77,6 +77,8 @@ InputDateRangeTemplate.args = {
   error: false,
   disabled: false,
   isHoverable: false,
+  minDate: "",
+  maxDate: "",
   // short: true,
   isCompact: false,
   // isFocused: true,

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

@@ -67,7 +67,11 @@ var Datepicker = function Datepicker(props) {
       limitRange = props.limitRange,
       handleItemClick = props.handleItemClick,
       setActiveInterval = props.setActiveInterval,
-      isShortWeekNames = props.isShortWeekNames;
+      isShortWeekNames = props.isShortWeekNames,
+      _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 _values$start = values.start,
       start = _values$start === void 0 ? null : _values$start,
       _values$end = values.end,
@@ -275,20 +279,20 @@ var Datepicker = function Datepicker(props) {
 
   var handleChangeStartHour = function handleChangeStartHour(val) {
     setStartHour(+val);
-    setStartDate((0, _momentTimezone.default)(startDate).set('hour', +val).toDate());
+    setStartDate((0, _momentTimezone.default)(startDate || (0, _momentTimezone.default)()).set('hour', +val).toDate());
   };
 
   var handleChangeEndHour = function handleChangeEndHour(val) {
     var newHour = +val;
     setEndHour(newHour);
-    var newEndDate;
+    var newEndDate = (0, _momentTimezone.default)();
 
-    if (prevEndHour.current === 0 && newHour !== 0) {
-      newEndDate = (0, _momentTimezone.default)(endDate).subtract(1, 'days');
-    } else if (prevEndHour.current !== 0 && newHour === 0) {
-      newEndDate = (0, _momentTimezone.default)(endDate).add(1, 'days');
-    } else {
-      newEndDate = endDate;
+    if (endDate) {
+      if (prevEndHour.current === 0 && newHour !== 0) {
+        newEndDate = (0, _momentTimezone.default)(endDate).subtract(1, 'days');
+      } else if (prevEndHour.current !== 0 && newHour === 0) {
+        newEndDate = (0, _momentTimezone.default)(endDate).add(1, 'days');
+      }
     }
 
     prevEndHour.current = newHour;
@@ -343,14 +347,20 @@ var Datepicker = function Datepicker(props) {
   var handleStartDateBlur = function handleStartDateBlur(e) {
     var newDate;
 
-    if ((0, _momentTimezone.default)(startDateInput).isValid()) {
-      newDate = (0, _momentTimezone.default)(startDateInput).set('hour', parseInt(startHour, 10)).toDate();
-      setStartDate(newDate);
-    } else {
+    if (!(0, _momentTimezone.default)(startDateInput).isValid()) {
       newDate = startDate;
-      setStartDateInput(newDate);
+    } else {
+      if (minDate && !(0, _momentTimezone.default)(startDateInput).isSameOrAfter(minDate)) {
+        newDate = minDate;
+      } else if (maxDate && !(0, _momentTimezone.default)(startDateInput).isSameOrBefore(maxDate)) {
+        newDate = maxDate;
+      } else {
+        newDate = (0, _momentTimezone.default)(startDateInput);
+      }
     }
 
+    setStartDateInput(newDate);
+    setStartDate(newDate.set('hour', parseInt(startHour, 10)).toDate());
     doBlur('start', e);
     setDate1((0, _momentTimezone.default)(newDate).isSameOrAfter((0, _momentTimezone.default)(date2), 'month') ? (0, _momentTimezone.default)(date2).subtract(1, 'month') : (0, _momentTimezone.default)(newDate));
   };
@@ -366,17 +376,22 @@ var Datepicker = function Datepicker(props) {
   var handleEndDateBlur = function handleEndDateBlur(e) {
     var newDate;
 
-    if ((0, _momentTimezone.default)(endDateInput).isValid()) {
-      newDate = (0, _momentTimezone.default)(endDateInput).set('hour', parseInt(endHour, 10)).toDate();
-      setEndDate(addDay(newDate));
-    } else {
+    if (!(0, _momentTimezone.default)(endDateInput).isValid()) {
       newDate = endDate;
-      setEndDateInput(newDate);
+    } else {
+      if (minDate && !(0, _momentTimezone.default)(endDateInput).isSameOrAfter(minDate)) {
+        newDate = minDate;
+      } else if (maxDate && !(0, _momentTimezone.default)(endDateInput).isSameOrBefore(maxDate)) {
+        newDate = maxDate;
+      } else {
+        newDate = (0, _momentTimezone.default)(endDateInput);
+      }
     }
 
+    setEndDate(addDay(newDate.set('hour', parseInt(endHour, 10)).toDate()));
+    setEndDateInput(newDate);
     doBlur('end', e);
     setDate2(newDate);
-    setEndDateInput();
   };
 
   var handleKeyPressed = function handleKeyPressed(code, e, type) {

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

@@ -56,7 +56,11 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       isCompare = props.isCompare,
       setIsCompare = props.setIsCompare,
       toggleOff = props.toggleOff,
-      isShortWeekNames = props.isShortWeekNames;
+      isShortWeekNames = props.isShortWeekNames,
+      _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 items = isCompact ? (0, _toConsumableArray2.default)(Object.keys(_dependencies.INTERVALS)) : [].concat((0, _toConsumableArray2.default)(Object.keys(_dependencies.INTERVALS)), [_dependencies.CUSTOM_INTERVAL_KEY]);
 
@@ -148,7 +152,9 @@ var OpenedPart = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     isCompareHidden: isCompareHidden,
     limitRange: limitRange,
     setActiveInterval: setActiveInterval,
-    isShortWeekNames: isShortWeekNames
+    isShortWeekNames: isShortWeekNames,
+    minDate: minDate,
+    maxDate: maxDate
   })));
 });
 

package/dist/Atomic/FormElements/InputDateRange/dependencies.js

@@ -154,7 +154,7 @@ var INTERVALS = {
     }
   },
   last6Months: {
-    label: 'Last 6 Months',
+    label: '6 Months',
     start: function start() {
       return (0, _momentTimezone.default)().subtract(6, 'month').startOf('month');
     },

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -225,6 +225,7 @@ var NumericInput = function NumericInput(_ref) {
   }, [isFocused]);
   (0, _react.useEffect)(function () {
     if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
+    setEditing(isFocusDefault);
   }, [inputRef, isFocusDefault]);
 
   function renderInput() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.0.86",
+  "version": "0.0.87",
   "description": "fix input-calendar",
   "main": "dist/index.js",
   "scripts": {

package/src/Atomic/FormElements/Input/Input.js

@@ -147,6 +147,7 @@ const Input = ({
   useEffect(() => {
     if (inputRef?.current && typeof isFocusDefault === 'boolean')
       setIsFocused(isFocusDefault);
+      setEditing(isFocusDefault);
   }, [inputRef, isFocusDefault]);
 
   return (

package/src/Atomic/FormElements/InputCalendar/InputCalendar.js

@@ -36,7 +36,6 @@ const InputCalendar = ({ value, minDate, maxDate, onChange, className = '', plac
         className="calendar-dropdown"
         onFocus={() => setIsOpened(!isOpened)}
       />
-      {console.log(value, getCalendarValue(value))}
       {isOpened ? <Calendar date={getCalendarValue(value)} setDate={newDate => changeCalendarDay(newDate)} params={{ minDate, maxDate }} /> : null}
     </div>
   );

package/src/Atomic/FormElements/InputDateRange/InputDateRange.js

@@ -24,6 +24,8 @@ const InputDateRange = props => {
     hideArrows = false,
     isOptionsRight,
     isUseAbs,
+    minDate = null,
+    maxDate = null,
   } = props;
 
   const actualValues = getActualDateRange(value);
@@ -35,6 +37,7 @@ const InputDateRange = props => {
   const internalContainerRef = useRef(null);
 
   const handleChange = input => {
+
     const newValue = getActualDateRange(input);
     const formatedValue = {
       intervalKey: newValue.intervalKey,
@@ -202,6 +205,8 @@ const InputDateRange = props => {
               setIsCompare={setIsCompare}
               toggleOff={toggleOff}
               onChange={handleChange}
+              minDate={minDate ? moment(minDate) : null}
+              maxDate={maxDate ? moment(maxDate) : null}
             />
           )}
         </div>

package/src/Atomic/FormElements/InputDateRange/InputDateRange.stories.js

@@ -47,6 +47,8 @@ InputDateRangeTemplate.args = {
   error: false,
   disabled: false,
   isHoverable: false,
+  minDate: "",
+  maxDate: "",
   // short: true,
   isCompact: false,
   // isFocused: true,

package/src/Atomic/FormElements/InputDateRange/components/Datepicker.js

@@ -41,7 +41,9 @@ const Datepicker = props => {
         limitRange,
         handleItemClick,
         setActiveInterval,
-        isShortWeekNames
+        isShortWeekNames,
+        minDate = null,
+        maxDate = null
     } = props;
     const { start = null, end = null, compare = false } = values;
     const startDateInputRef = useRef(null);
@@ -191,7 +193,7 @@ const Datepicker = props => {
     const handleChangeStartHour = val => {
         setStartHour(+val);
         setStartDate(
-            moment(startDate)
+            moment(startDate || moment())
                 .set('hour', +val)
                 .toDate(),
         );
@@ -200,14 +202,16 @@ const Datepicker = props => {
     const handleChangeEndHour = val => {
         const newHour = +val;
         setEndHour(newHour);
-        let newEndDate;
-        if (prevEndHour.current === 0 && newHour !== 0) {
-            newEndDate = moment(endDate).subtract(1, 'days');
-        } else if (prevEndHour.current !== 0 && newHour === 0) {
-            newEndDate = moment(endDate).add(1, 'days');
-        } else {
-            newEndDate = endDate;
+        let newEndDate = moment();
+
+        if(endDate){
+          if (prevEndHour.current === 0 && newHour !== 0) {
+              newEndDate = moment(endDate).subtract(1, 'days');
+          } else if (prevEndHour.current !== 0 && newHour === 0) {
+              newEndDate = moment(endDate).add(1, 'days');
+          }
         }
+
         prevEndHour.current = newHour;
         setEndDate(moment(newEndDate).set('hour', newHour).toDate());
     };
@@ -256,13 +260,22 @@ const Datepicker = props => {
 
     const handleStartDateBlur = e => {
         let newDate;
-        if (moment(startDateInput).isValid()) {
-            newDate = moment(startDateInput).set('hour', parseInt(startHour, 10)).toDate();
-            setStartDate(newDate);
+
+        if(!moment(startDateInput).isValid()){
+          newDate = startDate;
         } else {
-            newDate = startDate;
-            setStartDateInput(newDate);
+          if(minDate && !moment(startDateInput).isSameOrAfter(minDate)){
+            newDate = minDate;
+          } else if(maxDate && !moment(startDateInput).isSameOrBefore(maxDate)){
+            newDate = maxDate;
+          } else {
+            newDate = moment(startDateInput);
+          }
         }
+
+        setStartDateInput(newDate);
+        setStartDate(newDate.set('hour', parseInt(startHour, 10)).toDate());
+
         doBlur('start', e);
         setDate1(
             moment(newDate).isSameOrAfter(moment(date2), 'month') ? moment(date2).subtract(1, 'month') : moment(newDate),
@@ -277,16 +290,24 @@ const Datepicker = props => {
 
     const handleEndDateBlur = e => {
         let newDate;
-        if (moment(endDateInput).isValid()) {
-            newDate = moment(endDateInput).set('hour', parseInt(endHour, 10)).toDate();
-            setEndDate(addDay(newDate));
+
+        if(!moment(endDateInput).isValid()){
+          newDate = endDate;
         } else {
-            newDate = endDate;
-            setEndDateInput(newDate);
+          if(minDate && !moment(endDateInput).isSameOrAfter(minDate)){
+            newDate = minDate;
+          } else if(maxDate && !moment(endDateInput).isSameOrBefore(maxDate)){
+            newDate = maxDate;
+          } else {
+            newDate = moment(endDateInput);
+          }
         }
+
+        setEndDate(addDay(newDate.set('hour', parseInt(endHour, 10)).toDate()));
+        setEndDateInput(newDate);
+
         doBlur('end', e);
         setDate2(newDate);
-        setEndDateInput();
     };
 
     const handleKeyPressed = (code, e, type) => {

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

@@ -25,7 +25,9 @@ const OpenedPart = React.forwardRef((props, ref) => {
         isCompare,
         setIsCompare,
         toggleOff,
-        isShortWeekNames
+        isShortWeekNames,
+        minDate = null,
+        maxDate = null
     } = props;
 
     const items = isCompact ? [...Object.keys(intervals)] : [...Object.keys(intervals), customKey];
@@ -105,6 +107,8 @@ const OpenedPart = React.forwardRef((props, ref) => {
                         limitRange={limitRange}
                         setActiveInterval={setActiveInterval}
                         isShortWeekNames={isShortWeekNames}
+                        minDate={minDate}
+                        maxDate={maxDate}
                     />
                 )}
             </div>

package/src/Atomic/FormElements/InputDateRange/dependencies.js

@@ -89,7 +89,7 @@ export const INTERVALS = {
         end: () => moment().startOf('month'),
     },
     last6Months: {
-        label: 'Last 6 Months',
+        label: '6 Months',
         start: () => moment().subtract(6, 'month').startOf('month'),
         end: () => moment().startOf('month'),
     },

package/src/Atomic/FormElements/NumericInput/NumericInput.js

@@ -192,6 +192,7 @@ const NumericInput = ({
   useEffect(() => {
     if (inputRef?.current && typeof isFocusDefault === 'boolean')
       setIsFocused(isFocusDefault);
+      setEditing(isFocusDefault)
   }, [inputRef, isFocusDefault]);
 
   function renderInput() {