@alfalab/core-components-calendar-range 3.2.2 → 4.0.3

package/CHANGELOG.md

@@ -3,6 +3,49 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@4.0.2...@alfalab/core-components-calendar-range@4.0.3) (2021-11-26)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-range
+
+
+
+
+
+## [4.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@4.0.1...@alfalab/core-components-calendar-range@4.0.2) (2021-11-22)
+
+
+### Bug Fixes
+
+* **calendar-range:** fix default month to ([#868](https://github.com/alfa-laboratory/core-components/issues/868)) ([1f9fb97](https://github.com/alfa-laboratory/core-components/commit/1f9fb9709292d28300c3fc4386ffd858b2efd852))
+
+
+
+
+
+## [4.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@4.0.0...@alfalab/core-components-calendar-range@4.0.1) (2021-11-16)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-range
+
+
+
+
+
+# [4.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@3.2.2...@alfalab/core-components-calendar-range@4.0.0) (2021-10-15)
+
+
+### Features
+
+* **calendar-input:** переход к темизации цвета иконки ([adf1dfd](https://github.com/alfa-laboratory/core-components/commit/adf1dfd080c1986976a57fee448183e762892eb0))
+
+
+### BREAKING CHANGES
+
+* **calendar-input:** удалена переменная --calendar-input-calendar-icon
+
+
+
+
+
 ## [3.2.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-range@3.2.1...@alfalab/core-components-calendar-range@3.2.2) (2021-10-15)
 
 **Note:** Version bump only for package @alfalab/core-components-calendar-range

package/dist/Component.js

@@ -43,7 +43,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"calendar-range__component_v17im","divider":"calendar-range__divider_v17im"};
+var styles = {"component":"calendar-range__component_1lgx3","divider":"calendar-range__divider_1lgx3"};
 require('./index.css')
 
 var CalendarRange = function (_a) {

package/dist/cssm/useCalendarMonthes.js

@@ -7,10 +7,18 @@ var dateFns = require('date-fns');
 
 function useCalendarMonthes(_a) {
     var inputValueFrom = _a.inputValueFrom, inputValueTo = _a.inputValueTo, defaultMonth = _a.defaultMonth, isPopover = _a.isPopover;
-    var initialMonthFrom = !inputValueFrom.value || !inputValueFrom.date
-        ? defaultMonth
-        : dateFns.startOfMonth(inputValueFrom.date).getTime();
-    var initialMonthTo = isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
+    var initialMonthFrom = (function () {
+        if (inputValueFrom.value && inputValueFrom.date) {
+            return dateFns.startOfMonth(inputValueFrom.date).getTime();
+        }
+        return defaultMonth;
+    })();
+    var initialMonthTo = (function () {
+        if (inputValueTo.value && inputValueTo.date) {
+            return dateFns.startOfMonth(inputValueTo.date).getTime();
+        }
+        return isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
+    })();
     var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = React.useCallback(function (newMonthFrom) {

package/dist/esm/Component.js

@@ -34,7 +34,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"calendar-range__component_v17im","divider":"calendar-range__divider_v17im"};
+var styles = {"component":"calendar-range__component_1lgx3","divider":"calendar-range__divider_1lgx3"};
 require('./index.css')
 
 var CalendarRange = function (_a) {

package/dist/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: v17im */
+/* hash: 1byhf */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_v17im {
+.calendar-range__component_1lgx3 {
     display: flex
 }
-.calendar-range__component_v17im button[aria-selected='true'] {
+.calendar-range__component_1lgx3 button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_v17im {
+.calendar-range__divider_1lgx3 {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_v17im:after {
+.calendar-range__divider_1lgx3:after {
         content: '';
         display: block;
         width: 100%;

package/dist/esm/useCalendarMonthes.js

@@ -3,10 +3,18 @@ import { startOfMonth, addMonths, subMonths } from 'date-fns';
 
 function useCalendarMonthes(_a) {
     var inputValueFrom = _a.inputValueFrom, inputValueTo = _a.inputValueTo, defaultMonth = _a.defaultMonth, isPopover = _a.isPopover;
-    var initialMonthFrom = !inputValueFrom.value || !inputValueFrom.date
-        ? defaultMonth
-        : startOfMonth(inputValueFrom.date).getTime();
-    var initialMonthTo = isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
+    var initialMonthFrom = (function () {
+        if (inputValueFrom.value && inputValueFrom.date) {
+            return startOfMonth(inputValueFrom.date).getTime();
+        }
+        return defaultMonth;
+    })();
+    var initialMonthTo = (function () {
+        if (inputValueTo.value && inputValueTo.date) {
+            return startOfMonth(inputValueTo.date).getTime();
+        }
+        return isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
+    })();
     var _b = useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = useCallback(function (newMonthFrom) {

package/dist/index.css

@@ -1,4 +1,4 @@
-/* hash: v17im */
+/* hash: 1byhf */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_v17im {
+.calendar-range__component_1lgx3 {
     display: flex
 }
-.calendar-range__component_v17im button[aria-selected='true'] {
+.calendar-range__component_1lgx3 button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_v17im {
+.calendar-range__divider_1lgx3 {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_v17im:after {
+.calendar-range__divider_1lgx3:after {
         content: '';
         display: block;
         width: 100%;

package/dist/modern/Component.js

@@ -7,7 +7,7 @@ import { initialValueState, getCorrectValueState, isDayButton } from './utils.js
 import { useCalendarMonthes } from './useCalendarMonthes.js';
 import { useCalendarMaxMinDates } from './useCalendarMaxMinDates.js';
 
-var styles = {"component":"calendar-range__component_v17im","divider":"calendar-range__divider_v17im"};
+var styles = {"component":"calendar-range__component_1lgx3","divider":"calendar-range__divider_1lgx3"};
 require('./index.css')
 
 /* eslint-disable multiline-comment-style */

package/dist/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: v17im */
+/* hash: 1byhf */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_v17im {
+.calendar-range__component_1lgx3 {
     display: flex
 }
-.calendar-range__component_v17im button[aria-selected='true'] {
+.calendar-range__component_1lgx3 button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_v17im {
+.calendar-range__divider_1lgx3 {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_v17im:after {
+.calendar-range__divider_1lgx3:after {
         content: '';
         display: block;
         width: 100%;

package/dist/modern/useCalendarMonthes.js

@@ -2,10 +2,18 @@ import { useState, useCallback } from 'react';
 import { startOfMonth, addMonths, subMonths } from 'date-fns';
 
 function useCalendarMonthes({ inputValueFrom, inputValueTo, defaultMonth, isPopover, }) {
-    const initialMonthFrom = !inputValueFrom.value || !inputValueFrom.date
-        ? defaultMonth
-        : startOfMonth(inputValueFrom.date).getTime();
-    const initialMonthTo = isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
+    const initialMonthFrom = (() => {
+        if (inputValueFrom.value && inputValueFrom.date) {
+            return startOfMonth(inputValueFrom.date).getTime();
+        }
+        return defaultMonth;
+    })();
+    const initialMonthTo = (() => {
+        if (inputValueTo.value && inputValueTo.date) {
+            return startOfMonth(inputValueTo.date).getTime();
+        }
+        return isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
+    })();
     const [monthFrom, setMonthFrom] = useState(initialMonthFrom);
     const [monthTo, setMonthTo] = useState(initialMonthTo);
     const handleMonthFromChange = useCallback((newMonthFrom) => {

package/dist/useCalendarMonthes.js

@@ -7,10 +7,18 @@ var dateFns = require('date-fns');
 
 function useCalendarMonthes(_a) {
     var inputValueFrom = _a.inputValueFrom, inputValueTo = _a.inputValueTo, defaultMonth = _a.defaultMonth, isPopover = _a.isPopover;
-    var initialMonthFrom = !inputValueFrom.value || !inputValueFrom.date
-        ? defaultMonth
-        : dateFns.startOfMonth(inputValueFrom.date).getTime();
-    var initialMonthTo = isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
+    var initialMonthFrom = (function () {
+        if (inputValueFrom.value && inputValueFrom.date) {
+            return dateFns.startOfMonth(inputValueFrom.date).getTime();
+        }
+        return defaultMonth;
+    })();
+    var initialMonthTo = (function () {
+        if (inputValueTo.value && inputValueTo.date) {
+            return dateFns.startOfMonth(inputValueTo.date).getTime();
+        }
+        return isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
+    })();
     var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = React.useCallback(function (newMonthFrom) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-range",
-    "version": "3.2.2",
+    "version": "4.0.3",
     "description": "Calendar range component",
     "keywords": [],
     "license": "MIT",
@@ -19,11 +19,11 @@
         "react-dom": "^16.9.0 || ^17.0.1"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^3.1.3",
-        "@alfalab/core-components-calendar-input": "^4.2.2",
+        "@alfalab/core-components-calendar": "^3.1.4",
+        "@alfalab/core-components-calendar-input": "^5.0.2",
         "classnames": "^2.2.6",
         "date-fns": "^2.16.1",
         "react-merge-refs": "^1.1.0"
     },
-    "gitHead": "eb24e2c80f108edd3ca0e04e17d255feacb6a8ef"
+    "gitHead": "10c9fd1caacf98a5c15f84529889ddf41e9e1b54"
 }