@alfalab/core-components 23.10.0 → 23.12.0-beta.0

package/amount/component.js

@@ -17,21 +17,20 @@ require('./index.css');
  * https://design.alfabank.ru/patterns/amount
  */
 var Amount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, rightAddons = _a.rightAddons, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
-    var _d = utils.formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
+    var _c = utils.formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }), majorPart = _d.majorPart, minorPart = _d.minorPart, currencySymbol = _d.currencySymbol;
+    }), majorPart = _c.majorPart, minorPart = _c.minorPart, currencySymbol = _c.currencySymbol;
     return (React__default['default'].createElement("span", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
-        showPlus && value > 0 ? '+' : '',
         majorPart,
         React__default['default'].createElement("span", { className: styles.minorPartAndCurrency },
             minorPart && utils.AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
-            currency ? "" + utils.THINSP + currencySymbol : null,
-            rightAddons)));
+            utils.THINSP,
+            currencySymbol)));
 };
 
 exports.Amount = Amount;

package/amount/cssm/component.js

@@ -16,21 +16,20 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
  * https://design.alfabank.ru/patterns/amount
  */
 var Amount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, rightAddons = _a.rightAddons, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
-    var _d = utils.formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
+    var _c = utils.formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }), majorPart = _d.majorPart, minorPart = _d.minorPart, currencySymbol = _d.currencySymbol;
+    }), majorPart = _c.majorPart, minorPart = _c.minorPart, currencySymbol = _c.currencySymbol;
     return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
-        showPlus && value > 0 ? '+' : '',
         majorPart,
         React__default['default'].createElement("span", { className: styles__default['default'].minorPartAndCurrency },
             minorPart && utils.AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
-            currency ? "" + utils.THINSP + currencySymbol : null,
-            rightAddons)));
+            utils.THINSP,
+            currencySymbol)));
 };
 
 exports.Amount = Amount;

package/amount/cssm/pure/component.js

@@ -17,18 +17,14 @@ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
  * Не содержит стилей кроме неразрывности строки
  */
 var PureAmount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, rightAddons = _a.rightAddons, _b = _a.view, view = _b === void 0 ? 'default' : _b, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
-    var _d = utils.formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
+    var formattedWithCurrency = utils.formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }), formatted = _d.formatted, currencySymbol = _d.currencySymbol;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
-        showPlus && value > 0 ? '+' : '',
-        formatted,
-        currency ? "" + utils.THINSP + currencySymbol : null,
-        rightAddons));
+    }).formattedWithCurrency;
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId }, formattedWithCurrency));
 };
 
 exports.PureAmount = PureAmount;

package/amount/cssm/types/amount-props.d.ts

@@ -1,5 +1,4 @@
 import { CurrencyCodes } from '@alfalab/data';
-import { ReactNode } from 'react';
 type AmountProps = {
     /**
      * Денежное значение в минорных единицах
@@ -8,11 +7,7 @@ type AmountProps = {
     /**
      * Валюта
      */
-    currency?: CurrencyCodes;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
+    currency: CurrencyCodes;
     /**
      * Количество минорных единиц в валюте
      */
@@ -22,10 +17,6 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
-    /**
-     * Показывать значок + для положительных значений
-     */
-    showPlus?: boolean;
     /**
      * Дополнительный класс
      */

package/amount/esm/component.js

@@ -10,21 +10,20 @@ require('./index.css');
  * https://design.alfabank.ru/patterns/amount
  */
 var Amount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, rightAddons = _a.rightAddons, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
-    var _d = formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
+    var _c = formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }), majorPart = _d.majorPart, minorPart = _d.minorPart, currencySymbol = _d.currencySymbol;
+    }), majorPart = _c.majorPart, minorPart = _c.minorPart, currencySymbol = _c.currencySymbol;
     return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        showPlus && value > 0 ? '+' : '',
         majorPart,
         React.createElement("span", { className: styles.minorPartAndCurrency },
             minorPart && AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
-            currency ? "" + THINSP + currencySymbol : null,
-            rightAddons)));
+            THINSP,
+            currencySymbol)));
 };
 
 export { Amount };

package/amount/esm/pure/component.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import cn from 'classnames';
-import { formatAmount, THINSP } from '@alfalab/utils';
+import { formatAmount } from '@alfalab/utils';
 
 var styles = {"component":"amount__component_1t25f"};
 require('./index.css');
@@ -11,18 +11,14 @@ require('./index.css');
  * Не содержит стилей кроме неразрывности строки
  */
 var PureAmount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, rightAddons = _a.rightAddons, _b = _a.view, view = _b === void 0 ? 'default' : _b, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
-    var _d = formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
+    var formattedWithCurrency = formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }), formatted = _d.formatted, currencySymbol = _d.currencySymbol;
-    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        showPlus && value > 0 ? '+' : '',
-        formatted,
-        currency ? "" + THINSP + currencySymbol : null,
-        rightAddons));
+    }).formattedWithCurrency;
+    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId }, formattedWithCurrency));
 };
 
 export { PureAmount };

package/amount/esm/types/amount-props.d.ts

@@ -1,5 +1,4 @@
 import { CurrencyCodes } from '@alfalab/data';
-import { ReactNode } from 'react';
 type AmountProps = {
     /**
      * Денежное значение в минорных единицах
@@ -8,11 +7,7 @@ type AmountProps = {
     /**
      * Валюта
      */
-    currency?: CurrencyCodes;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
+    currency: CurrencyCodes;
     /**
      * Количество минорных единиц в валюте
      */
@@ -22,10 +17,6 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
-    /**
-     * Показывать значок + для положительных значений
-     */
-    showPlus?: boolean;
     /**
      * Дополнительный класс
      */

package/amount/modern/component.js

@@ -9,7 +9,7 @@ require('./index.css');
  * Компонент для отображения суммы, согласно следующему гайдлайну:
  * https://design.alfabank.ru/patterns/amount
  */
-const Amount = ({ value, minority, currency, view = 'default', rightAddons, showPlus = false, className, dataTestId, }) => {
+const Amount = ({ value, minority, currency, view = 'default', className, dataTestId, }) => {
     const { majorPart, minorPart, currencySymbol } = formatAmount({
         value,
         currency,
@@ -17,13 +17,12 @@ const Amount = ({ value, minority, currency, view = 'default', rightAddons, show
         view,
     });
     return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        showPlus && value > 0 ? '+' : '',
         majorPart,
         React.createElement("span", { className: styles.minorPartAndCurrency },
             minorPart && AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
             minorPart,
-            currency ? `${THINSP}${currencySymbol}` : null,
-            rightAddons)));
+            THINSP,
+            currencySymbol)));
 };
 
 export { Amount };

package/amount/modern/pure/component.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import cn from 'classnames';
-import { formatAmount, THINSP } from '@alfalab/utils';
+import { formatAmount } from '@alfalab/utils';
 
 var styles = {"component":"amount__component_1t25f"};
 require('./index.css');
@@ -10,18 +10,14 @@ require('./index.css');
  * https://design.alfabank.ru/patterns/amount
  * Не содержит стилей кроме неразрывности строки
  */
-const PureAmount = ({ value, minority, currency, rightAddons, view = 'default', showPlus = false, className, dataTestId, }) => {
-    const { formatted, currencySymbol } = formatAmount({
+const PureAmount = ({ value, minority, currency, view = 'default', className, dataTestId, }) => {
+    const { formattedWithCurrency } = formatAmount({
         value,
         currency,
         minority,
         view,
     });
-    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId },
-        showPlus && value > 0 ? '+' : '',
-        formatted,
-        currency ? `${THINSP}${currencySymbol}` : null,
-        rightAddons));
+    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": dataTestId }, formattedWithCurrency));
 };
 
 export { PureAmount };

package/amount/modern/types/amount-props.d.ts

@@ -1,5 +1,4 @@
 import { CurrencyCodes } from '@alfalab/data';
-import { ReactNode } from 'react';
 type AmountProps = {
     /**
      * Денежное значение в минорных единицах
@@ -8,11 +7,7 @@ type AmountProps = {
     /**
      * Валюта
      */
-    currency?: CurrencyCodes;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
+    currency: CurrencyCodes;
     /**
      * Количество минорных единиц в валюте
      */
@@ -22,10 +17,6 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
-    /**
-     * Показывать значок + для положительных значений
-     */
-    showPlus?: boolean;
     /**
      * Дополнительный класс
      */

package/amount/pure/component.js

@@ -18,18 +18,14 @@ require('./index.css');
  * Не содержит стилей кроме неразрывности строки
  */
 var PureAmount = function (_a) {
-    var value = _a.value, minority = _a.minority, currency = _a.currency, rightAddons = _a.rightAddons, _b = _a.view, view = _b === void 0 ? 'default' : _b, _c = _a.showPlus, showPlus = _c === void 0 ? false : _c, className = _a.className, dataTestId = _a.dataTestId;
-    var _d = utils.formatAmount({
+    var value = _a.value, minority = _a.minority, currency = _a.currency, _b = _a.view, view = _b === void 0 ? 'default' : _b, className = _a.className, dataTestId = _a.dataTestId;
+    var formattedWithCurrency = utils.formatAmount({
         value: value,
         currency: currency,
         minority: minority,
         view: view,
-    }), formatted = _d.formatted, currencySymbol = _d.currencySymbol;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
-        showPlus && value > 0 ? '+' : '',
-        formatted,
-        currency ? "" + utils.THINSP + currencySymbol : null,
-        rightAddons));
+    }).formattedWithCurrency;
+    return (React__default['default'].createElement("span", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId }, formattedWithCurrency));
 };
 
 exports.PureAmount = PureAmount;

package/amount/types/amount-props.d.ts

@@ -1,5 +1,4 @@
 import { CurrencyCodes } from '@alfalab/data';
-import { ReactNode } from 'react';
 type AmountProps = {
     /**
      * Денежное значение в минорных единицах
@@ -8,11 +7,7 @@ type AmountProps = {
     /**
      * Валюта
      */
-    currency?: CurrencyCodes;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
+    currency: CurrencyCodes;
     /**
      * Количество минорных единиц в валюте
      */
@@ -22,10 +17,6 @@ type AmountProps = {
      * withZeroMinorPart - отображаем копейки, даже если их значение равно 0
      */
     view?: 'default' | 'withZeroMinorPart';
-    /**
-     * Показывать значок + для положительных значений
-     */
-    showPlus?: boolean;
     /**
      * Дополнительный класс
      */

package/attach/Component.js

@@ -120,7 +120,7 @@ var Attach = React__default['default'].forwardRef(function (_a, ref) {
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, styles[size], (_b = {},
             _b[styles.disabled] = disabled,
             _b), className) },
-        React__default['default'].createElement(coreComponentsButton.Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'tertiary', leftAddons: (buttonProps && buttonProps.leftAddons) || React__default['default'].createElement(Icon, { className: styles.icon }), onClick: handleButtonClick, ref: buttonRef }),
+        React__default['default'].createElement(coreComponentsButton.Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'outlined', leftAddons: (buttonProps && buttonProps.leftAddons) || React__default['default'].createElement(Icon, { className: styles.icon }), onClick: handleButtonClick, ref: buttonRef }),
             React__default['default'].createElement("span", null, buttonContent)),
         React__default['default'].createElement("label", { className: styles.label, htmlFor: id, ref: labelRef },
             React__default['default'].createElement("input", __assign({}, restProps, { className: styles.control, accept: accept, disabled: disabled, id: id, multiple: multiple, tabIndex: -1, type: 'file', onChange: handleInputChange, ref: mergeRefs__default['default']([ref, inputRef]), "data-test-id": dataTestId }))),

package/attach/cssm/Component.js

@@ -119,7 +119,7 @@ var Attach = React__default['default'].forwardRef(function (_a, ref) {
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, styles__default['default'][size], (_b = {},
             _b[styles__default['default'].disabled] = disabled,
             _b), className) },
-        React__default['default'].createElement(coreComponentsButton.Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'tertiary', leftAddons: (buttonProps && buttonProps.leftAddons) || React__default['default'].createElement(Icon, { className: styles__default['default'].icon }), onClick: handleButtonClick, ref: buttonRef }),
+        React__default['default'].createElement(coreComponentsButton.Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'outlined', leftAddons: (buttonProps && buttonProps.leftAddons) || React__default['default'].createElement(Icon, { className: styles__default['default'].icon }), onClick: handleButtonClick, ref: buttonRef }),
             React__default['default'].createElement("span", null, buttonContent)),
         React__default['default'].createElement("label", { className: styles__default['default'].label, htmlFor: id, ref: labelRef },
             React__default['default'].createElement("input", __assign({}, restProps, { className: styles__default['default'].control, accept: accept, disabled: disabled, id: id, multiple: multiple, tabIndex: -1, type: 'file', onChange: handleInputChange, ref: mergeRefs__default['default']([ref, inputRef]), "data-test-id": dataTestId }))),

package/attach/esm/Component.js

@@ -112,7 +112,7 @@ var Attach = React.forwardRef(function (_a, ref) {
     return (React.createElement("div", { className: cn(styles.component, styles[size], (_b = {},
             _b[styles.disabled] = disabled,
             _b), className) },
-        React.createElement(Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'tertiary', leftAddons: (buttonProps && buttonProps.leftAddons) || React.createElement(Icon, { className: styles.icon }), onClick: handleButtonClick, ref: buttonRef }),
+        React.createElement(Button, __assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'outlined', leftAddons: (buttonProps && buttonProps.leftAddons) || React.createElement(Icon, { className: styles.icon }), onClick: handleButtonClick, ref: buttonRef }),
             React.createElement("span", null, buttonContent)),
         React.createElement("label", { className: styles.label, htmlFor: id, ref: labelRef },
             React.createElement("input", __assign({}, restProps, { className: styles.control, accept: accept, disabled: disabled, id: id, multiple: multiple, tabIndex: -1, type: 'file', onChange: handleInputChange, ref: mergeRefs([ref, inputRef]), "data-test-id": dataTestId }))),

package/attach/modern/Component.js

@@ -63,7 +63,7 @@ const Attach = React.forwardRef(({ size = 's', accept, buttonContent = 'Выбе
     return (React.createElement("div", { className: cn(styles.component, styles[size], {
             [styles.disabled]: disabled,
         }, className) },
-        React.createElement(Button, Object.assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'tertiary', leftAddons: (buttonProps && buttonProps.leftAddons) || React.createElement(Icon, { className: styles.icon }), onClick: handleButtonClick, ref: buttonRef }),
+        React.createElement(Button, Object.assign({}, buttonProps, { size: size, disabled: disabled, view: (buttonProps && buttonProps.view) || 'outlined', leftAddons: (buttonProps && buttonProps.leftAddons) || React.createElement(Icon, { className: styles.icon }), onClick: handleButtonClick, ref: buttonRef }),
             React.createElement("span", null, buttonContent)),
         React.createElement("label", { className: styles.label, htmlFor: id, ref: labelRef },
             React.createElement("input", Object.assign({}, restProps, { className: styles.control, accept: accept, disabled: disabled, id: id, multiple: multiple, tabIndex: -1, type: 'file', onChange: handleInputChange, ref: mergeRefs([ref, inputRef]), "data-test-id": dataTestId }))),

package/bottom-sheet/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_swipeableBackdrop_Component = require('./Component-6cc98799.js');
+var components_swipeableBackdrop_Component = require('./Component-d14ddad2.js');
 var React = require('react');
 var cn = require('classnames');
 var reactSwipeable = require('react-swipeable');

package/bottom-sheet/components/swipeable-backdrop/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_swipeableBackdrop_Component = require('../../Component-6cc98799.js');
+var components_swipeableBackdrop_Component = require('../../Component-d14ddad2.js');
 require('react');
 require('../../../backdrop');
 

package/bottom-sheet/esm/component.js

@@ -1,6 +1,6 @@
 import React, { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
 import '../../backdrop/esm';
-import { S as SwipeableBackdrop, _ as __assign } from './Component-77a0d8a0.js';
+import { S as SwipeableBackdrop, _ as __assign } from './Component-7db8dfb8.js';
 import cn from 'classnames';
 import { useSwipeable } from 'react-swipeable';
 import { BaseModal } from '../../base-modal/esm';

package/bottom-sheet/esm/components/swipeable-backdrop/Component.js

@@ -1,3 +1,3 @@
 import 'react';
 import '../../../../backdrop/esm';
-export { S as SwipeableBackdrop } from '../../Component-77a0d8a0.js';
+export { S as SwipeableBackdrop } from '../../Component-7db8dfb8.js';

package/bottom-sheet/esm/index.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../backdrop/esm';
-import './Component-77a0d8a0.js';
+import './Component-7db8dfb8.js';
 import 'classnames';
 import 'react-swipeable';
 import '../../base-modal/esm';

package/bottom-sheet/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-6cc98799.js');
+require('./Component-d14ddad2.js');
 require('react');
 require('classnames');
 require('react-swipeable');

package/calendar/Component.d.ts

@@ -42,6 +42,10 @@ type CalendarProps = {
      * Конец выделенного периода (timestamp)
      */
     selectedTo?: number;
+    /**
+     * Индикатор, что выбран полный период
+     */
+    rangeComplete?: boolean;
     /**
      * Список событий
      */

package/calendar/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-b67fe7ac.js');
+var tslib_es6 = require('./tslib.es6-75c9f3e5.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');
@@ -23,12 +23,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"calendar__component_b5h6h","container":"calendar__container_b5h6h","sixWeeks":"calendar__sixWeeks_b5h6h","period":"calendar__period_b5h6h"};
+var styles = {"component":"calendar__component_1b8hx","container":"calendar__container_1b8hx","sixWeeks":"calendar__sixWeeks_1b8hx","period":"calendar__period_1b8hx"};
 require('./index.css');
 
 var Calendar = React.forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, _c = _a.defaultView, defaultView = _c === void 0 ? 'days' : _c, _d = _a.selectorView, selectorView = _d === void 0 ? 'full' : _d, value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, _e = _a.defaultMonth, defaultMonthTimestamp = _e === void 0 ? +new Date() : _e, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, offDays = _a.offDays, events = _a.events, onChange = _a.onChange, onMonthChange = _a.onMonthChange, dataTestId = _a.dataTestId;
+    var className = _a.className, _c = _a.defaultView, defaultView = _c === void 0 ? 'days' : _c, _d = _a.selectorView, selectorView = _d === void 0 ? 'full' : _d, value = _a.value, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, _e = _a.defaultMonth, defaultMonthTimestamp = _e === void 0 ? +new Date() : _e, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, offDays = _a.offDays, events = _a.events, onChange = _a.onChange, onMonthChange = _a.onMonthChange, dataTestId = _a.dataTestId;
     var _f = React.useState(defaultView), view = _f[0], setView = _f[1];
     var _g = React.useState(false), scrolled = _g[0], setScrolled = _g[1];
     var selected = React.useMemo(function () { return (value ? new Date(value) : undefined); }, [value]);
@@ -94,7 +94,7 @@ var Calendar = React.forwardRef(function (_a, ref) {
         React__default['default'].createElement(components_header_Component.Header, { view: selectorView, withShadow: scrolled },
             React__default['default'].createElement(components_periodSlider_Component.PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onMonthClick: handleMonthClick, onYearClick: handleYearClick, view: selectorView === 'month-only' ? 'period' : 'full' })),
         React__default['default'].createElement("div", { className: styles.container },
-            view === 'days' && (React__default['default'].createElement(components_daysTable_Component.DaysTable, { weeks: weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted })),
+            view === 'days' && (React__default['default'].createElement(components_daysTable_Component.DaysTable, { weeks: weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete })),
             view === 'months' && (React__default['default'].createElement(components_monthsTable_Component.MonthsTable, { selectedMonth: activeMonth, months: months, getMonthProps: getMonthProps })),
             view === 'years' && (React__default['default'].createElement(components_yearsTable_Component.YearsTable, { selectedYear: activeMonth, years: years, getYearProps: getYearProps, onScroll: handleScroll })))));
 });

package/calendar/components/days-table/Component.d.ts

@@ -17,6 +17,10 @@ type DaysTableProps = {
      * Конец выделенного периода
      */
     selectedTo?: Date | number;
+    /**
+     * Индикатор, что выбран полный период
+     */
+    rangeComplete?: boolean;
     /**
      * Подсвеченная дата (ховер)
      */

package/calendar/components/days-table/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-b67fe7ac.js');
+var tslib_es6 = require('../../tslib.es6-75c9f3e5.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');
@@ -14,11 +14,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"daysTable":"calendar__daysTable_1o7rb","transitLeft":"calendar__transitLeft_1o7rb","transitRight":"calendar__transitRight_1o7rb","dayName":"calendar__dayName_1o7rb","day":"calendar__day_1o7rb","event":"calendar__event_1o7rb","today":"calendar__today_1o7rb","highlighted":"calendar__highlighted_1o7rb","disabled":"calendar__disabled_1o7rb","range":"calendar__range_1o7rb","selected":"calendar__selected_1o7rb","rangeStart":"calendar__rangeStart_1o7rb","firstDay":"calendar__firstDay_1o7rb","lastDay":"calendar__lastDay_1o7rb","left":"calendar__left_1o7rb","daysEnter":"calendar__daysEnter_1o7rb","daysEnterActive":"calendar__daysEnterActive_1o7rb","daysExit":"calendar__daysExit_1o7rb","daysExitActive":"calendar__daysExitActive_1o7rb","right":"calendar__right_1o7rb"};
+var styles = {"daysTable":"calendar__daysTable_1vsi3","transitLeft":"calendar__transitLeft_1vsi3","rangeComplete":"calendar__rangeComplete_1vsi3","transitRight":"calendar__transitRight_1vsi3","dayName":"calendar__dayName_1vsi3","day":"calendar__day_1vsi3","event":"calendar__event_1vsi3","today":"calendar__today_1vsi3","highlighted":"calendar__highlighted_1vsi3","range":"calendar__range_1vsi3","disabled":"calendar__disabled_1vsi3","selected":"calendar__selected_1vsi3","rangeStart":"calendar__rangeStart_1vsi3","firstDay":"calendar__firstDay_1vsi3","lastDay":"calendar__lastDay_1vsi3","left":"calendar__left_1vsi3","daysEnter":"calendar__daysEnter_1vsi3","daysEnterActive":"calendar__daysEnterActive_1vsi3","daysExit":"calendar__daysExit_1vsi3","daysExitActive":"calendar__daysExitActive_1vsi3","right":"calendar__right_1vsi3"};
 require('./index.css');
 
 var DaysTable = function (_a) {
-    var _b = _a.weeks, weeks = _b === void 0 ? [] : _b, _c = _a.activeMonth, activeMonth = _c === void 0 ? new Date() : _c, highlighted = _a.highlighted, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, getDayProps = _a.getDayProps;
+    var _b = _a.weeks, weeks = _b === void 0 ? [] : _b, _c = _a.activeMonth, activeMonth = _c === void 0 ? new Date() : _c, highlighted = _a.highlighted, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, _d = _a.rangeComplete, rangeComplete = _d === void 0 ? selectedFrom && selectedTo : _d, getDayProps = _a.getDayProps;
     var activeMonthRef = React.useRef(activeMonth);
     activeMonthRef.current = activeMonth;
     var prevActiveMonth = hooks.usePrevious(activeMonth);
@@ -50,6 +50,7 @@ var DaysTable = function (_a) {
             }, type: 'button', view: 'ghost', size: 'xs', disabled: day.disabled, className: cn__default['default'](styles.day, (_a = {},
                 _a[styles.selected] = daySelected,
                 _a[styles.range] = inRange,
+                _a[styles.rangeComplete] = inRange && rangeComplete,
                 _a[styles.rangeStart] = rangeStart,
                 _a[styles.transitLeft] = transitLeft,
                 _a[styles.transitRight] = transitRight,