@alfalab/core-components-calendar-with-skeleton 3.2.0 → 4.1.1

package/CHANGELOG.md

@@ -3,6 +3,81 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.1.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@4.1.0...@alfalab/core-components-calendar-with-skeleton@4.1.1) (2022-03-04)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+# [4.1.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@4.0.0...@alfalab/core-components-calendar-with-skeleton@4.1.0) (2022-03-04)
+
+
+### Features
+
+* Исправить импорты в сторях. ([#998](https://github.com/alfa-laboratory/core-components/issues/998)) ([e6a654a](https://github.com/alfa-laboratory/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
+
+
+
+
+
+# [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)
 
 

package/dist/Component.js

@@ -52,14 +52,14 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-with-skeleton__component_15ai5","calendarVisible":"calendar-with-skeleton__calendarVisible_15ai5","skeleton":"calendar-with-skeleton__skeleton_15ai5","header":"calendar-with-skeleton__header_15ai5","weekDays":"calendar-with-skeleton__weekDays_15ai5","row":"calendar-with-skeleton__row_15ai5","enter":"calendar-with-skeleton__enter_15ai5","enterActive":"calendar-with-skeleton__enterActive_15ai5","exit":"calendar-with-skeleton__exit_15ai5","exitActive":"calendar-with-skeleton__exitActive_15ai5"};
+var styles = {"component":"calendar-with-skeleton__component_q6bix","calendarVisible":"calendar-with-skeleton__calendarVisible_q6bix","skeleton":"calendar-with-skeleton__skeleton_q6bix","header":"calendar-with-skeleton__header_q6bix","weekDays":"calendar-with-skeleton__weekDays_q6bix","row":"calendar-with-skeleton__row_q6bix","enter":"calendar-with-skeleton__enter_q6bix","enterActive":"calendar-with-skeleton__enterActive_q6bix","exit":"calendar-with-skeleton__exit_q6bix","exitActive":"calendar-with-skeleton__exitActive_q6bix"};
 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_15ai5","calendarVisible":"calendar-with-skeleton__calendarVisible_15ai5","skeleton":"calendar-with-skeleton__skeleton_15ai5","header":"calendar-with-skeleton__header_15ai5","weekDays":"calendar-with-skeleton__weekDays_15ai5","row":"calendar-with-skeleton__row_15ai5","enter":"calendar-with-skeleton__enter_15ai5","enterActive":"calendar-with-skeleton__enterActive_15ai5","exit":"calendar-with-skeleton__exit_15ai5","exitActive":"calendar-with-skeleton__exitActive_15ai5"};
+var styles = {"component":"calendar-with-skeleton__component_q6bix","calendarVisible":"calendar-with-skeleton__calendarVisible_q6bix","skeleton":"calendar-with-skeleton__skeleton_q6bix","header":"calendar-with-skeleton__header_q6bix","weekDays":"calendar-with-skeleton__weekDays_q6bix","row":"calendar-with-skeleton__row_q6bix","enter":"calendar-with-skeleton__enter_q6bix","enterActive":"calendar-with-skeleton__enterActive_q6bix","exit":"calendar-with-skeleton__exit_q6bix","exitActive":"calendar-with-skeleton__exitActive_q6bix"};
 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: 18ksl */
+/* hash: 1vzz1 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -14,15 +14,15 @@
     --gap-m: 16px;
     --gap-l: 20px;
 }
-.calendar-with-skeleton__component_15ai5 {
+.calendar-with-skeleton__component_q6bix {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_15ai5 {
+.calendar-with-skeleton__calendarVisible_q6bix {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_15ai5 {
+.calendar-with-skeleton__skeleton_q6bix {
     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_15ai5 {
+.calendar-with-skeleton__header_q6bix {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_15ai5 {
+.calendar-with-skeleton__weekDays_q6bix {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_15ai5 {
+.calendar-with-skeleton__row_q6bix {
     height: 32px
 }
-.calendar-with-skeleton__row_15ai5 + .calendar-with-skeleton__row_15ai5 {
+.calendar-with-skeleton__row_q6bix + .calendar-with-skeleton__row_q6bix {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_15ai5,
-.calendar-with-skeleton__enterActive_15ai5,
-.calendar-with-skeleton__exit_15ai5 {
+.calendar-with-skeleton__enter_q6bix,
+.calendar-with-skeleton__enterActive_q6bix,
+.calendar-with-skeleton__exit_q6bix {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_15ai5 {
+.calendar-with-skeleton__exitActive_q6bix {
     opacity: 0;
 }

package/dist/index.css

@@ -1,4 +1,4 @@
-/* hash: 18ksl */
+/* hash: 1vzz1 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -14,15 +14,15 @@
     --gap-m: 16px;
     --gap-l: 20px;
 }
-.calendar-with-skeleton__component_15ai5 {
+.calendar-with-skeleton__component_q6bix {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_15ai5 {
+.calendar-with-skeleton__calendarVisible_q6bix {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_15ai5 {
+.calendar-with-skeleton__skeleton_q6bix {
     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_15ai5 {
+.calendar-with-skeleton__header_q6bix {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_15ai5 {
+.calendar-with-skeleton__weekDays_q6bix {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_15ai5 {
+.calendar-with-skeleton__row_q6bix {
     height: 32px
 }
-.calendar-with-skeleton__row_15ai5 + .calendar-with-skeleton__row_15ai5 {
+.calendar-with-skeleton__row_q6bix + .calendar-with-skeleton__row_q6bix {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_15ai5,
-.calendar-with-skeleton__enterActive_15ai5,
-.calendar-with-skeleton__exit_15ai5 {
+.calendar-with-skeleton__enter_q6bix,
+.calendar-with-skeleton__enterActive_q6bix,
+.calendar-with-skeleton__exit_q6bix {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_15ai5 {
+.calendar-with-skeleton__exitActive_q6bix {
     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_15ai5","calendarVisible":"calendar-with-skeleton__calendarVisible_15ai5","skeleton":"calendar-with-skeleton__skeleton_15ai5","header":"calendar-with-skeleton__header_15ai5","weekDays":"calendar-with-skeleton__weekDays_15ai5","row":"calendar-with-skeleton__row_15ai5","enter":"calendar-with-skeleton__enter_15ai5","enterActive":"calendar-with-skeleton__enterActive_15ai5","exit":"calendar-with-skeleton__exit_15ai5","exitActive":"calendar-with-skeleton__exitActive_15ai5"};
+var styles = {"component":"calendar-with-skeleton__component_q6bix","calendarVisible":"calendar-with-skeleton__calendarVisible_q6bix","skeleton":"calendar-with-skeleton__skeleton_q6bix","header":"calendar-with-skeleton__header_q6bix","weekDays":"calendar-with-skeleton__weekDays_q6bix","row":"calendar-with-skeleton__row_q6bix","enter":"calendar-with-skeleton__enter_q6bix","enterActive":"calendar-with-skeleton__enterActive_q6bix","exit":"calendar-with-skeleton__exit_q6bix","exitActive":"calendar-with-skeleton__exitActive_q6bix"};
 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: 18ksl */
+/* hash: 1vzz1 */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -14,15 +14,15 @@
     --gap-m: 16px;
     --gap-l: 20px;
 }
-.calendar-with-skeleton__component_15ai5 {
+.calendar-with-skeleton__component_q6bix {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_15ai5 {
+.calendar-with-skeleton__calendarVisible_q6bix {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_15ai5 {
+.calendar-with-skeleton__skeleton_q6bix {
     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_15ai5 {
+.calendar-with-skeleton__header_q6bix {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_15ai5 {
+.calendar-with-skeleton__weekDays_q6bix {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_15ai5 {
+.calendar-with-skeleton__row_q6bix {
     height: 32px
 }
-.calendar-with-skeleton__row_15ai5 + .calendar-with-skeleton__row_15ai5 {
+.calendar-with-skeleton__row_q6bix + .calendar-with-skeleton__row_q6bix {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_15ai5,
-.calendar-with-skeleton__enterActive_15ai5,
-.calendar-with-skeleton__exit_15ai5 {
+.calendar-with-skeleton__enter_q6bix,
+.calendar-with-skeleton__enterActive_q6bix,
+.calendar-with-skeleton__exit_q6bix {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_15ai5 {
+.calendar-with-skeleton__exitActive_q6bix {
     opacity: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-with-skeleton",
-    "version": "3.2.0",
+    "version": "4.1.1",
     "description": "CalendarWithSkeleton component",
     "keywords": [],
     "license": "MIT",
@@ -20,10 +20,10 @@
         "react-dom": "^16.9.0 || ^17.0.1"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^4.3.0",
-        "@alfalab/core-components-skeleton": "^3.0.2",
+        "@alfalab/core-components-calendar": "^5.1.0",
+        "@alfalab/core-components-skeleton": "^3.1.0",
         "classnames": "^2.2.6",
         "react-transition-group": "^4.3.0"
     },
-    "gitHead": "45ff10d1efc81a4a1afb82c6b6eca1b428c7c459"
+    "gitHead": "fb24ec97b3b95a51c188198788a73928d22b9b5f"
 }