@alfalab/core-components-calendar-with-skeleton 3.1.3 → 4.0.0

package/CHANGELOG.md

@@ -3,6 +3,89 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.2.0...@alfalab/core-components-calendar-with-skeleton@4.0.0) (2022-02-17)
+
+
+* refactor/calendar-range (#984) ([714f615](https://github.com/alfa-laboratory/core-components/commit/714f61590586bafe1060e652943e95c133ed002a)), closes [#984](https://github.com/alfa-laboratory/core-components/issues/984)
+
+
+### BREAKING CHANGES
+
+* Большое обновление CalendarRange
+
+* feat(date-input): add some improvements
+
+* feat(date-input): some updates
+
+* feat(date-input): validation
+
+* feat(calendar): change period selection logic
+
+* fix(calendar): range styles
+
+* fix(calendar): fix styles, add rangeComplete flag
+
+* refactor(calendar-range): temporary
+
+* fix(calendar-range): fix hook
+
+* fix(calendar-range): fix period
+
+* fix(calendar-range): fix tests, fix max date
+
+* fix: update exports
+
+* feat(calendar): allow empty values for PeriodSlider, update today
+
+* fix(calendar-range): hide error icon
+
+* chore(calendar-range): demo
+
+* feat(calendar): use IconButton
+
+* feat(calendar-range): add onChange, update demo
+
+* fix(calendar-range): update width
+
+* test(calendar-range): update snapshot
+
+* fix: import date-fns separately
+
+* fix(calendar-range): fix rest props
+
+Co-authored-by: dmitrsavk <dmitrsavk@yandex.ru>
+
+
+
+
+
+# [3.2.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.1.5...@alfalab/core-components-calendar-with-skeleton@3.2.0) (2022-02-17)
+
+
+### Features
+
+* **calendar:** design & logic updates ([#991](https://github.com/alfa-laboratory/core-components/issues/991)) ([358142c](https://github.com/alfa-laboratory/core-components/commit/358142c6d259e1463954139cc648787cdf461f76)), closes [#993](https://github.com/alfa-laboratory/core-components/issues/993) [#990](https://github.com/alfa-laboratory/core-components/issues/990)
+
+
+
+
+
+## [3.1.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.1.4...@alfalab/core-components-calendar-with-skeleton@3.1.5) (2022-02-15)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [3.1.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.1.3...@alfalab/core-components-calendar-with-skeleton@3.1.4) (2022-02-09)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
 ## [3.1.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.1.2...@alfalab/core-components-calendar-with-skeleton@3.1.3) (2022-02-03)
 
 **Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton

package/dist/Component.js

@@ -52,14 +52,14 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-with-skeleton__component_1icqk","calendarVisible":"calendar-with-skeleton__calendarVisible_1icqk","skeleton":"calendar-with-skeleton__skeleton_1icqk","header":"calendar-with-skeleton__header_1icqk","weekDays":"calendar-with-skeleton__weekDays_1icqk","row":"calendar-with-skeleton__row_1icqk","enter":"calendar-with-skeleton__enter_1icqk","enterActive":"calendar-with-skeleton__enterActive_1icqk","exit":"calendar-with-skeleton__exit_1icqk","exitActive":"calendar-with-skeleton__exitActive_1icqk"};
+var styles = {"component":"calendar-with-skeleton__component_1i8o5","calendarVisible":"calendar-with-skeleton__calendarVisible_1i8o5","skeleton":"calendar-with-skeleton__skeleton_1i8o5","header":"calendar-with-skeleton__header_1i8o5","weekDays":"calendar-with-skeleton__weekDays_1i8o5","row":"calendar-with-skeleton__row_1i8o5","enter":"calendar-with-skeleton__enter_1i8o5","enterActive":"calendar-with-skeleton__enterActive_1i8o5","exit":"calendar-with-skeleton__exit_1i8o5","exitActive":"calendar-with-skeleton__exitActive_1i8o5"};
 require('./index.css')
 
 var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, restProps = __rest(_a, ["calendarVisible", "animate"]);
+    var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = __rest(_a, ["calendarVisible", "animate", "className"]);
     var skeletonProps = { visible: true, animate: animate };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, (_b = {},
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
             _b[styles.calendarVisible] = calendarVisible,
             _b)) },
         calendarVisible && React__default['default'].createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),

package/dist/cssm/Component.js

@@ -56,9 +56,9 @@ function __rest(s, e) {
 
 var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, restProps = __rest(_a, ["calendarVisible", "animate"]);
+    var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = __rest(_a, ["calendarVisible", "animate", "className"]);
     var skeletonProps = { visible: true, animate: animate };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, (_b = {},
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
             _b[styles__default['default'].calendarVisible] = calendarVisible,
             _b)) },
         calendarVisible && React__default['default'].createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),

package/dist/esm/Component.js

@@ -43,14 +43,14 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-with-skeleton__component_1icqk","calendarVisible":"calendar-with-skeleton__calendarVisible_1icqk","skeleton":"calendar-with-skeleton__skeleton_1icqk","header":"calendar-with-skeleton__header_1icqk","weekDays":"calendar-with-skeleton__weekDays_1icqk","row":"calendar-with-skeleton__row_1icqk","enter":"calendar-with-skeleton__enter_1icqk","enterActive":"calendar-with-skeleton__enterActive_1icqk","exit":"calendar-with-skeleton__exit_1icqk","exitActive":"calendar-with-skeleton__exitActive_1icqk"};
+var styles = {"component":"calendar-with-skeleton__component_1i8o5","calendarVisible":"calendar-with-skeleton__calendarVisible_1i8o5","skeleton":"calendar-with-skeleton__skeleton_1i8o5","header":"calendar-with-skeleton__header_1i8o5","weekDays":"calendar-with-skeleton__weekDays_1i8o5","row":"calendar-with-skeleton__row_1i8o5","enter":"calendar-with-skeleton__enter_1i8o5","enterActive":"calendar-with-skeleton__enterActive_1i8o5","exit":"calendar-with-skeleton__exit_1i8o5","exitActive":"calendar-with-skeleton__exitActive_1i8o5"};
 require('./index.css')
 
 var CalendarWithSkeleton = forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, restProps = __rest(_a, ["calendarVisible", "animate"]);
+    var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = __rest(_a, ["calendarVisible", "animate", "className"]);
     var skeletonProps = { visible: true, animate: animate };
-    return (React.createElement("div", { className: cn(styles.component, (_b = {},
+    return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
             _b[styles.calendarVisible] = calendarVisible,
             _b)) },
         calendarVisible && React.createElement(Calendar, __assign({ ref: ref }, restProps)),

package/dist/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 9x38g */
+/* hash: 1gexr */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -14,15 +14,15 @@
     --gap-m: 16px;
     --gap-l: 20px;
 }
-.calendar-with-skeleton__component_1icqk {
+.calendar-with-skeleton__component_1i8o5 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_1icqk {
+.calendar-with-skeleton__calendarVisible_1i8o5 {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_1icqk {
+.calendar-with-skeleton__skeleton_1i8o5 {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -37,25 +37,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_1icqk {
+.calendar-with-skeleton__header_1i8o5 {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_1icqk {
+.calendar-with-skeleton__weekDays_1i8o5 {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_1icqk {
+.calendar-with-skeleton__row_1i8o5 {
     height: 32px
 }
-.calendar-with-skeleton__row_1icqk + .calendar-with-skeleton__row_1icqk {
+.calendar-with-skeleton__row_1i8o5 + .calendar-with-skeleton__row_1i8o5 {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_1icqk,
-.calendar-with-skeleton__enterActive_1icqk,
-.calendar-with-skeleton__exit_1icqk {
+.calendar-with-skeleton__enter_1i8o5,
+.calendar-with-skeleton__enterActive_1i8o5,
+.calendar-with-skeleton__exit_1i8o5 {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_1icqk {
+.calendar-with-skeleton__exitActive_1i8o5 {
     opacity: 0;
 }

package/dist/index.css

@@ -1,4 +1,4 @@
-/* hash: 9x38g */
+/* hash: 1gexr */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -14,15 +14,15 @@
     --gap-m: 16px;
     --gap-l: 20px;
 }
-.calendar-with-skeleton__component_1icqk {
+.calendar-with-skeleton__component_1i8o5 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_1icqk {
+.calendar-with-skeleton__calendarVisible_1i8o5 {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_1icqk {
+.calendar-with-skeleton__skeleton_1i8o5 {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -37,25 +37,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_1icqk {
+.calendar-with-skeleton__header_1i8o5 {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_1icqk {
+.calendar-with-skeleton__weekDays_1i8o5 {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_1icqk {
+.calendar-with-skeleton__row_1i8o5 {
     height: 32px
 }
-.calendar-with-skeleton__row_1icqk + .calendar-with-skeleton__row_1icqk {
+.calendar-with-skeleton__row_1i8o5 + .calendar-with-skeleton__row_1i8o5 {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_1icqk,
-.calendar-with-skeleton__enterActive_1icqk,
-.calendar-with-skeleton__exit_1icqk {
+.calendar-with-skeleton__enter_1i8o5,
+.calendar-with-skeleton__enterActive_1i8o5,
+.calendar-with-skeleton__exit_1i8o5 {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_1icqk {
+.calendar-with-skeleton__exitActive_1i8o5 {
     opacity: 0;
 }

package/dist/modern/Component.js

@@ -4,12 +4,12 @@ import { CSSTransition } from 'react-transition-group';
 import { Skeleton } from '@alfalab/core-components-skeleton/dist/modern';
 import { Calendar } from '@alfalab/core-components-calendar/dist/modern';
 
-var styles = {"component":"calendar-with-skeleton__component_1icqk","calendarVisible":"calendar-with-skeleton__calendarVisible_1icqk","skeleton":"calendar-with-skeleton__skeleton_1icqk","header":"calendar-with-skeleton__header_1icqk","weekDays":"calendar-with-skeleton__weekDays_1icqk","row":"calendar-with-skeleton__row_1icqk","enter":"calendar-with-skeleton__enter_1icqk","enterActive":"calendar-with-skeleton__enterActive_1icqk","exit":"calendar-with-skeleton__exit_1icqk","exitActive":"calendar-with-skeleton__exitActive_1icqk"};
+var styles = {"component":"calendar-with-skeleton__component_1i8o5","calendarVisible":"calendar-with-skeleton__calendarVisible_1i8o5","skeleton":"calendar-with-skeleton__skeleton_1i8o5","header":"calendar-with-skeleton__header_1i8o5","weekDays":"calendar-with-skeleton__weekDays_1i8o5","row":"calendar-with-skeleton__row_1i8o5","enter":"calendar-with-skeleton__enter_1i8o5","enterActive":"calendar-with-skeleton__enterActive_1i8o5","exit":"calendar-with-skeleton__exit_1i8o5","exitActive":"calendar-with-skeleton__exitActive_1i8o5"};
 require('./index.css')
 
-const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, ...restProps }, ref) => {
+const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {
     const skeletonProps = { visible: true, animate };
-    return (React.createElement("div", { className: cn(styles.component, {
+    return (React.createElement("div", { className: cn(styles.component, className, {
             [styles.calendarVisible]: calendarVisible,
         }) },
         calendarVisible && React.createElement(Calendar, Object.assign({ ref: ref }, restProps)),

package/dist/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 9x38g */
+/* hash: 1gexr */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -14,15 +14,15 @@
     --gap-m: 16px;
     --gap-l: 20px;
 }
-.calendar-with-skeleton__component_1icqk {
+.calendar-with-skeleton__component_1i8o5 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_1icqk {
+.calendar-with-skeleton__calendarVisible_1i8o5 {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_1icqk {
+.calendar-with-skeleton__skeleton_1i8o5 {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -37,25 +37,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_1icqk {
+.calendar-with-skeleton__header_1i8o5 {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_1icqk {
+.calendar-with-skeleton__weekDays_1i8o5 {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_1icqk {
+.calendar-with-skeleton__row_1i8o5 {
     height: 32px
 }
-.calendar-with-skeleton__row_1icqk + .calendar-with-skeleton__row_1icqk {
+.calendar-with-skeleton__row_1i8o5 + .calendar-with-skeleton__row_1i8o5 {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_1icqk,
-.calendar-with-skeleton__enterActive_1icqk,
-.calendar-with-skeleton__exit_1icqk {
+.calendar-with-skeleton__enter_1i8o5,
+.calendar-with-skeleton__enterActive_1i8o5,
+.calendar-with-skeleton__exit_1i8o5 {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_1icqk {
+.calendar-with-skeleton__exitActive_1i8o5 {
     opacity: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-with-skeleton",
-    "version": "3.1.3",
+    "version": "4.0.0",
     "description": "CalendarWithSkeleton component",
     "keywords": [],
     "license": "MIT",
@@ -20,10 +20,10 @@
         "react-dom": "^16.9.0 || ^17.0.1"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^4.2.2",
+        "@alfalab/core-components-calendar": "^5.0.0",
         "@alfalab/core-components-skeleton": "^3.0.2",
         "classnames": "^2.2.6",
         "react-transition-group": "^4.3.0"
     },
-    "gitHead": "48cb31b47c9ac5d7ff92314684699edb9d6d68f0"
+    "gitHead": "c807c08f187316e93147175be6feffc3492989c8"
 }