@alfalab/core-components-calendar-with-skeleton 3.0.7

package/CHANGELOG.md

@@ -0,0 +1,165 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [3.0.7](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.0.6...@alfalab/core-components-calendar-with-skeleton@3.0.7) (2021-09-14)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [3.0.6](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.0.5...@alfalab/core-components-calendar-with-skeleton@3.0.6) (2021-08-27)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [3.0.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.0.4...@alfalab/core-components-calendar-with-skeleton@3.0.5) (2021-08-13)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [3.0.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.0.3...@alfalab/core-components-calendar-with-skeleton@3.0.4) (2021-08-04)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [3.0.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.0.2...@alfalab/core-components-calendar-with-skeleton@3.0.3) (2021-07-23)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [3.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.0.1...@alfalab/core-components-calendar-with-skeleton@3.0.2) (2021-07-19)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [3.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@3.0.0...@alfalab/core-components-calendar-with-skeleton@3.0.1) (2021-07-09)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+# [3.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@2.0.5...@alfalab/core-components-calendar-with-skeleton@3.0.0) (2021-07-08)
+
+
+### Features
+
+* upgrade storybook ([#696](https://github.com/alfa-laboratory/core-components/issues/696))
+
+## [2.0.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@2.0.4...@alfalab/core-components-calendar-with-skeleton@2.0.5) (2021-06-28)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [2.0.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@2.0.3...@alfalab/core-components-calendar-with-skeleton@2.0.4) (2021-06-22)
+
+
+### Bug Fixes
+
+* **calendar-with-skeleton:** ref & six weeks height issues ([#705](https://github.com/alfa-laboratory/core-components/issues/705)) ([907ebe1](https://github.com/alfa-laboratory/core-components/commit/907ebe18641ee2e7e91fc4622527404c20867a54))
+
+
+
+
+
+## [2.0.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@2.0.2...@alfalab/core-components-calendar-with-skeleton@2.0.3) (2021-06-09)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [2.0.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@2.0.1...@alfalab/core-components-calendar-with-skeleton@2.0.2) (2021-06-08)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [2.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@2.0.0...@alfalab/core-components-calendar-with-skeleton@2.0.1) (2021-05-31)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+# [2.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@1.1.4...@alfalab/core-components-calendar-with-skeleton@2.0.0) (2021-05-25)
+
+
+### Features
+
+* **button:** add inverted ([#649](https://github.com/alfa-laboratory/core-components/issues/649)) ([be321b0](https://github.com/alfa-laboratory/core-components/commit/be321b07e99d20824138ad65141f3fbed1b6e315)), closes [#658](https://github.com/alfa-laboratory/core-components/issues/658) [#657](https://github.com/alfa-laboratory/core-components/issues/657)
+
+
+### BREAKING CHANGES
+
+* **button:** remove inverted themes
+
+
+
+
+
+## [1.1.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@1.1.3...@alfalab/core-components-calendar-with-skeleton@1.1.4) (2021-05-25)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [1.1.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@1.1.2...@alfalab/core-components-calendar-with-skeleton@1.1.3) (2021-05-18)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [1.1.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@1.1.1...@alfalab/core-components-calendar-with-skeleton@1.1.2) (2021-05-07)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+## [1.1.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-calendar-with-skeleton@1.1.0...@alfalab/core-components-calendar-with-skeleton@1.1.1) (2021-04-26)
+
+**Note:** Version bump only for package @alfalab/core-components-calendar-with-skeleton
+
+
+
+
+
+# 1.1.0 (2021-04-09)
+
+
+### Features
+
+* **calendar-with-skeleton:** add component ([e940c88](https://github.com/alfa-laboratory/core-components/commit/e940c88703a7434e0db4ce0efc27a234455b449c))

package/dist/Component.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import React from 'react';
+import { CalendarProps } from "@alfalab/core-components-calendar";
+type CalendarWithSkeletonProps = CalendarProps & {
+    /**
+     * Флаг включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Флаг управлением видимостью календаря
+     */
+    calendarVisible?: boolean;
+};
+declare const CalendarWithSkeleton: React.ForwardRefExoticComponent<CalendarProps & {
+    /**
+     * Флаг включения анимации скелета
+     */
+    animate?: boolean | undefined;
+    /**
+     * Флаг управлением видимостью календаря
+     */
+    calendarVisible?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { CalendarWithSkeletonProps, CalendarWithSkeleton };

package/dist/Component.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var reactTransitionGroup = require('react-transition-group');
+var coreComponentsSkeleton = require('@alfalab/core-components-skeleton');
+var coreComponentsCalendar = require('@alfalab/core-components-calendar');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var styles = {"component":"calendar-with-skeleton__component_tfm97","calendarVisible":"calendar-with-skeleton__calendarVisible_tfm97","skeleton":"calendar-with-skeleton__skeleton_tfm97","header":"calendar-with-skeleton__header_tfm97","weekDays":"calendar-with-skeleton__weekDays_tfm97","row":"calendar-with-skeleton__row_tfm97","enter":"calendar-with-skeleton__enter_tfm97","enterActive":"calendar-with-skeleton__enterActive_tfm97","exit":"calendar-with-skeleton__exit_tfm97","exitActive":"calendar-with-skeleton__exitActive_tfm97"};
+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 skeletonProps = { visible: true, animate: animate };
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, (_b = {},
+            _b[styles.calendarVisible] = calendarVisible,
+            _b)) },
+        calendarVisible && React__default['default'].createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
+        React__default['default'].createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
+            React__default['default'].createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.header })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
+});
+
+exports.CalendarWithSkeleton = CalendarWithSkeleton;

package/dist/cssm/Component.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import React from 'react';
+import { CalendarProps } from "@alfalab/core-components-calendar";
+type CalendarWithSkeletonProps = CalendarProps & {
+    /**
+     * Флаг включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Флаг управлением видимостью календаря
+     */
+    calendarVisible?: boolean;
+};
+declare const CalendarWithSkeleton: React.ForwardRefExoticComponent<CalendarProps & {
+    /**
+     * Флаг включения анимации скелета
+     */
+    animate?: boolean | undefined;
+    /**
+     * Флаг управлением видимостью календаря
+     */
+    calendarVisible?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { CalendarWithSkeletonProps, CalendarWithSkeleton };

package/dist/cssm/Component.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var reactTransitionGroup = require('react-transition-group');
+var coreComponentsSkeleton = require('@alfalab/core-components-skeleton/dist/cssm');
+var coreComponentsCalendar = require('@alfalab/core-components-calendar/dist/cssm');
+var styles = require('./index.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+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 skeletonProps = { visible: true, animate: animate };
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, (_b = {},
+            _b[styles__default['default'].calendarVisible] = calendarVisible,
+            _b)) },
+        calendarVisible && React__default['default'].createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
+        React__default['default'].createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles__default['default'] },
+            React__default['default'].createElement("div", { className: styles__default['default'].skeleton, ref: calendarVisible ? undefined : ref },
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].header })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].weekDays })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row }))))));
+});
+
+exports.CalendarWithSkeleton = CalendarWithSkeleton;

package/dist/cssm/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/dist/cssm/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+require('react');
+require('classnames');
+require('react-transition-group');
+require('@alfalab/core-components-skeleton/dist/cssm');
+require('@alfalab/core-components-calendar/dist/cssm');
+require('./index.module.css');
+
+
+
+exports.CalendarWithSkeleton = Component.CalendarWithSkeleton;

package/dist/cssm/index.module.css

@@ -0,0 +1,60 @@
+:root {
+    --color-light-bg-primary: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+    --gap-l: 20px;
+}
+.component {
+    width: var(--calendar-width);
+    height: var(--calendar-height);
+    position: relative;
+}
+.calendarVisible {
+    height: auto;
+}
+.skeleton {
+    display: flex;
+    flex-direction: column;
+    padding: var(--gap-m);
+    pointer-events: all;
+    box-sizing: border-box;
+    position: absolute;
+    transition: 0.2s ease;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--color-light-bg-primary);
+    background-clip: content-box;
+}
+.header {
+    height: 48px;
+    margin-bottom: var(--gap-l);
+}
+.weekDays {
+    height: 12px;
+    margin-bottom: var(--gap-m);
+}
+.row {
+    height: 32px
+}
+.row + .row {
+        margin-top: 10px;
+    }
+.enter,
+.enterActive,
+.exit {
+    opacity: 1;
+}
+.exitActive {
+    opacity: 0;
+}

package/dist/esm/Component.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import React from 'react';
+import { CalendarProps } from "@alfalab/core-components-calendar";
+type CalendarWithSkeletonProps = CalendarProps & {
+    /**
+     * Флаг включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Флаг управлением видимостью календаря
+     */
+    calendarVisible?: boolean;
+};
+declare const CalendarWithSkeleton: React.ForwardRefExoticComponent<CalendarProps & {
+    /**
+     * Флаг включения анимации скелета
+     */
+    animate?: boolean | undefined;
+    /**
+     * Флаг управлением видимостью календаря
+     */
+    calendarVisible?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { CalendarWithSkeletonProps, CalendarWithSkeleton };

package/dist/esm/Component.js

@@ -0,0 +1,68 @@
+import React, { forwardRef } from 'react';
+import cn from 'classnames';
+import { CSSTransition } from 'react-transition-group';
+import { Skeleton } from '@alfalab/core-components-skeleton/dist/esm';
+import { Calendar } from '@alfalab/core-components-calendar/dist/esm';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var __assign = function () {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p))
+                    t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var styles = {"component":"calendar-with-skeleton__component_tfm97","calendarVisible":"calendar-with-skeleton__calendarVisible_tfm97","skeleton":"calendar-with-skeleton__skeleton_tfm97","header":"calendar-with-skeleton__header_tfm97","weekDays":"calendar-with-skeleton__weekDays_tfm97","row":"calendar-with-skeleton__row_tfm97","enter":"calendar-with-skeleton__enter_tfm97","enterActive":"calendar-with-skeleton__enterActive_tfm97","exit":"calendar-with-skeleton__exit_tfm97","exitActive":"calendar-with-skeleton__exitActive_tfm97"};
+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 skeletonProps = { visible: true, animate: animate };
+    return (React.createElement("div", { className: cn(styles.component, (_b = {},
+            _b[styles.calendarVisible] = calendarVisible,
+            _b)) },
+        calendarVisible && React.createElement(Calendar, __assign({ ref: ref }, restProps)),
+        React.createElement(CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
+            React.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
+                React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.header })),
+                React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
+                React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
+});
+
+export { CalendarWithSkeleton };

package/dist/esm/index.css

@@ -0,0 +1,61 @@
+/* hash: tfm97 */
+:root {
+    --color-light-bg-primary: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+    --gap-l: 20px;
+}
+.calendar-with-skeleton__component_tfm97 {
+    width: var(--calendar-width);
+    height: var(--calendar-height);
+    position: relative;
+}
+.calendar-with-skeleton__calendarVisible_tfm97 {
+    height: auto;
+}
+.calendar-with-skeleton__skeleton_tfm97 {
+    display: flex;
+    flex-direction: column;
+    padding: var(--gap-m);
+    pointer-events: all;
+    box-sizing: border-box;
+    position: absolute;
+    transition: 0.2s ease;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--color-light-bg-primary);
+    background-clip: content-box;
+}
+.calendar-with-skeleton__header_tfm97 {
+    height: 48px;
+    margin-bottom: var(--gap-l);
+}
+.calendar-with-skeleton__weekDays_tfm97 {
+    height: 12px;
+    margin-bottom: var(--gap-m);
+}
+.calendar-with-skeleton__row_tfm97 {
+    height: 32px
+}
+.calendar-with-skeleton__row_tfm97 + .calendar-with-skeleton__row_tfm97 {
+        margin-top: 10px;
+    }
+.calendar-with-skeleton__enter_tfm97,
+.calendar-with-skeleton__enterActive_tfm97,
+.calendar-with-skeleton__exit_tfm97 {
+    opacity: 1;
+}
+.calendar-with-skeleton__exitActive_tfm97 {
+    opacity: 0;
+}

package/dist/esm/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+export { CalendarWithSkeleton } from './Component.js';
+import 'react';
+import 'classnames';
+import 'react-transition-group';
+import '@alfalab/core-components-skeleton/dist/esm';
+import '@alfalab/core-components-calendar/dist/esm';

package/dist/index.css

@@ -0,0 +1,61 @@
+/* hash: tfm97 */
+:root {
+    --color-light-bg-primary: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+    --gap-l: 20px;
+}
+.calendar-with-skeleton__component_tfm97 {
+    width: var(--calendar-width);
+    height: var(--calendar-height);
+    position: relative;
+}
+.calendar-with-skeleton__calendarVisible_tfm97 {
+    height: auto;
+}
+.calendar-with-skeleton__skeleton_tfm97 {
+    display: flex;
+    flex-direction: column;
+    padding: var(--gap-m);
+    pointer-events: all;
+    box-sizing: border-box;
+    position: absolute;
+    transition: 0.2s ease;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--color-light-bg-primary);
+    background-clip: content-box;
+}
+.calendar-with-skeleton__header_tfm97 {
+    height: 48px;
+    margin-bottom: var(--gap-l);
+}
+.calendar-with-skeleton__weekDays_tfm97 {
+    height: 12px;
+    margin-bottom: var(--gap-m);
+}
+.calendar-with-skeleton__row_tfm97 {
+    height: 32px
+}
+.calendar-with-skeleton__row_tfm97 + .calendar-with-skeleton__row_tfm97 {
+        margin-top: 10px;
+    }
+.calendar-with-skeleton__enter_tfm97,
+.calendar-with-skeleton__enterActive_tfm97,
+.calendar-with-skeleton__exit_tfm97 {
+    opacity: 1;
+}
+.calendar-with-skeleton__exitActive_tfm97 {
+    opacity: 0;
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/dist/index.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+require('react');
+require('classnames');
+require('react-transition-group');
+require('@alfalab/core-components-skeleton');
+require('@alfalab/core-components-calendar');
+
+
+
+exports.CalendarWithSkeleton = Component.CalendarWithSkeleton;

package/dist/modern/Component.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import React from 'react';
+import { CalendarProps } from "@alfalab/core-components-calendar";
+type CalendarWithSkeletonProps = CalendarProps & {
+    /**
+     * Флаг включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Флаг управлением видимостью календаря
+     */
+    calendarVisible?: boolean;
+};
+declare const CalendarWithSkeleton: React.ForwardRefExoticComponent<CalendarProps & {
+    /**
+     * Флаг включения анимации скелета
+     */
+    animate?: boolean | undefined;
+    /**
+     * Флаг управлением видимостью календаря
+     */
+    calendarVisible?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { CalendarWithSkeletonProps, CalendarWithSkeleton };

package/dist/modern/Component.js

@@ -0,0 +1,27 @@
+import React, { forwardRef } from 'react';
+import cn from 'classnames';
+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_tfm97","calendarVisible":"calendar-with-skeleton__calendarVisible_tfm97","skeleton":"calendar-with-skeleton__skeleton_tfm97","header":"calendar-with-skeleton__header_tfm97","weekDays":"calendar-with-skeleton__weekDays_tfm97","row":"calendar-with-skeleton__row_tfm97","enter":"calendar-with-skeleton__enter_tfm97","enterActive":"calendar-with-skeleton__enterActive_tfm97","exit":"calendar-with-skeleton__exit_tfm97","exitActive":"calendar-with-skeleton__exitActive_tfm97"};
+require('./index.css')
+
+const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, ...restProps }, ref) => {
+    const skeletonProps = { visible: true, animate };
+    return (React.createElement("div", { className: cn(styles.component, {
+            [styles.calendarVisible]: calendarVisible,
+        }) },
+        calendarVisible && React.createElement(Calendar, Object.assign({ ref: ref }, restProps)),
+        React.createElement(CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
+            React.createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
+                React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.header })),
+                React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.weekDays })),
+                React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.row })),
+                React.createElement(Skeleton, Object.assign({}, skeletonProps, { className: styles.row }))))));
+});
+
+export { CalendarWithSkeleton };

package/dist/modern/index.css

@@ -0,0 +1,61 @@
+/* hash: tfm97 */
+:root {
+    --color-light-bg-primary: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-m: 16px;
+    --gap-l: 20px;
+}
+.calendar-with-skeleton__component_tfm97 {
+    width: var(--calendar-width);
+    height: var(--calendar-height);
+    position: relative;
+}
+.calendar-with-skeleton__calendarVisible_tfm97 {
+    height: auto;
+}
+.calendar-with-skeleton__skeleton_tfm97 {
+    display: flex;
+    flex-direction: column;
+    padding: var(--gap-m);
+    pointer-events: all;
+    box-sizing: border-box;
+    position: absolute;
+    transition: 0.2s ease;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--color-light-bg-primary);
+    background-clip: content-box;
+}
+.calendar-with-skeleton__header_tfm97 {
+    height: 48px;
+    margin-bottom: var(--gap-l);
+}
+.calendar-with-skeleton__weekDays_tfm97 {
+    height: 12px;
+    margin-bottom: var(--gap-m);
+}
+.calendar-with-skeleton__row_tfm97 {
+    height: 32px
+}
+.calendar-with-skeleton__row_tfm97 + .calendar-with-skeleton__row_tfm97 {
+        margin-top: 10px;
+    }
+.calendar-with-skeleton__enter_tfm97,
+.calendar-with-skeleton__enterActive_tfm97,
+.calendar-with-skeleton__exit_tfm97 {
+    opacity: 1;
+}
+.calendar-with-skeleton__exitActive_tfm97 {
+    opacity: 0;
+}

package/dist/modern/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/dist/modern/index.js

@@ -0,0 +1,6 @@
+import 'react';
+import 'classnames';
+import 'react-transition-group';
+import '@alfalab/core-components-skeleton/dist/modern';
+import '@alfalab/core-components-calendar/dist/modern';
+export { CalendarWithSkeleton } from './Component.js';

package/dist/send-stats.js

@@ -0,0 +1,82 @@
+const http = require('http');
+const fs = require('fs');
+const { promisify } = require('util');
+const path = require('path');
+
+const readFile = promisify(fs.readFile);
+
+async function main() {
+    const remoteHost = process.env.NIS_HOST || 'digital';
+    const remotePort = process.env.NIS_PORT || 80;
+    const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
+
+    try {
+        const [_, node, os, arch] =
+            /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
+        const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+        const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+
+        let ownPackageJson, packageJson;
+
+        try {
+            const result = await Promise.all([
+                readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
+                readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
+            ]);
+
+            ownPackageJson = JSON.parse(result[0]);
+            packageJson = JSON.parse(result[1]);
+        } catch (err) {
+            ownPackageJson = '';
+            packageJson = '';
+        }
+
+        const data = {
+            node,
+            npm,
+            yarn,
+            os,
+            arch,
+            ownPackageJson: JSON.stringify(ownPackageJson),
+            packageJson: JSON.stringify(packageJson),
+        };
+
+        const body = JSON.stringify(data);
+
+        const options = {
+            host: remoteHost,
+            port: remotePort,
+            path: remotePath,
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Content-Length': body.length,
+            },
+        };
+
+        return new Promise((resolve, reject) => {
+            const req = http.request(options, res => {
+                res.on('end', () => {
+                    resolve();
+                });
+            });
+
+            req.on('error', () => {
+                reject();
+            });
+
+            req.write(body);
+            req.end();
+        });
+    } catch (error) {
+        throw error;
+    }
+}
+
+main()
+    .then(() => {
+        process.exit(0);
+    })
+    .catch(() => {
+        process.exit(0);
+    });

package/package.json

@@ -0,0 +1,29 @@
+{
+    "name": "@alfalab/core-components-calendar-with-skeleton",
+    "version": "3.0.7",
+    "description": "CalendarWithSkeleton component",
+    "keywords": [],
+    "license": "MIT",
+    "main": "dist/index.js",
+    "module": "./dist/esm/index.js",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "postinstall": "node ./dist/send-stats.js > /dev/null 2>&1 || exit 0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "peerDependencies": {
+        "react": "^16.9.0 || ^17.0.1",
+        "react-dom": "^16.9.0 || ^17.0.1"
+    },
+    "dependencies": {
+        "@alfalab/core-components-calendar": "^3.1.3",
+        "@alfalab/core-components-skeleton": "^3.0.1",
+        "classnames": "^2.2.6",
+        "react-transition-group": "^4.3.0"
+    },
+    "gitHead": "a80a4377703da0cb8fd257612117ef3eb2d9bc42"
+}