@alfalab/core-components 48.21.0-beta.4 → 48.21.0

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-dd04b023.js';
+import '../layout.module-26973f93.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -12,6 +12,6 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/esm';
-import '../layout.module-dd04b023.js';
+import '../layout.module-26973f93.js';
 import '../Context.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-4f99583f.js';
+import './layout.module-bd178c4f.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-4f99583f.js';
+import { l as layoutStyles } from '../../layout.module-bd178c4f.js';
 
 const styles = {"component":"modal__component_1y4pc"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-4f99583f.js';
+import '../../layout.module-bd178c4f.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-4f99583f.js';
+import { l as layoutStyles } from '../../layout.module-bd178c4f.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_iv0tw","sticky":"modal__sticky_iv0tw","fullscreen":"modal__fullscreen_iv0tw","size-500":"modal__size-500_iv0tw","size-600":"modal__size-600_iv0tw","size-800":"modal__size-800_iv0tw","size-1140":"modal__size-1140_iv0tw"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-4f99583f.js';
+import '../layout.module-bd178c4f.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
-import '../layout.module-4f99583f.js';
+import '../layout.module-bd178c4f.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../Context.js';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-4f99583f.js';
+import './layout.module-bd178c4f.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-4f99583f.js';
+import '../layout.module-bd178c4f.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -11,6 +11,6 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
-import '../layout.module-4f99583f.js';
+import '../layout.module-bd178c4f.js';
 import '../Context.js';
 import '../../../navigation-bar-private/modern';

package/navigation-bar-private/Component.js

@@ -21,9 +21,9 @@ require('./index.css');
 var ADDONS_HEIGHT = 48;
 var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
-    var addonClassName = _a.addonClassName, className = _a.className, contentClassName = _a.contentClassName, closerClassName = _a.closerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, bottomAddonsClassName = _a.bottomAddonsClassName, children = _a.children, _e = _a.align, align = _e === void 0 ? 'left' : _e, _f = _a.trim, trim = _f === void 0 ? true : _f, title = _a.title, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, hasCloser = _a.hasCloser, hasBackButton = _a.hasBackButton, backButtonClassName = _a.backButtonClassName, backButtonProps = _a.backButtonProps, dataTestId = _a.dataTestId, imageUrl = _a.imageUrl, closerIcon = _a.closerIcon, onClose = _a.onClose, view = _a.view, scrollableParentRef = _a.scrollableParentRef, sticky = _a.sticky, onBack = _a.onBack, dataName = _a.dataName, titleClassName = _a.titleClassName, titleRef = _a.titleRef;
-    var _h = React.useState(0), scrollTop = _h[0], setScrollTop = _h[1];
-    var _j = React.useState({ left: 0, right: 0 }), titleMargin = _j[0], setTitleMargin = _j[1];
+    var addonClassName = _a.addonClassName, className = _a.className, contentClassName = _a.contentClassName, closerClassName = _a.closerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, bottomAddonsClassName = _a.bottomAddonsClassName, children = _a.children, _e = _a.align, align = _e === void 0 ? 'left' : _e, _f = _a.trim, trim = _f === void 0 ? true : _f, title = _a.title, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, hasCloser = _a.hasCloser, _h = _a.closerProps, closerProps = _h === void 0 ? {} : _h, hasBackButton = _a.hasBackButton, backButtonClassName = _a.backButtonClassName, backButtonProps = _a.backButtonProps, dataTestId = _a.dataTestId, imageUrl = _a.imageUrl, closerIcon = _a.closerIcon, onClose = _a.onClose, view = _a.view, scrollableParentRef = _a.scrollableParentRef, sticky = _a.sticky, onBack = _a.onBack, dataName = _a.dataName, titleClassName = _a.titleClassName, titleRef = _a.titleRef;
+    var _j = React.useState(0), scrollTop = _j[0], setScrollTop = _j[1];
+    var _k = React.useState({ left: 0, right: 0 }), titleMargin = _k[0], setTitleMargin = _k[1];
     var bottomContentRef = React.useRef(null);
     var headerRef = React.useRef(null);
     var mainLinePaddingTopRef = React.useRef('0px');
@@ -104,7 +104,7 @@ var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
             compactTitle && subtitle && (React__default.default.createElement("div", { className: styles.subtitle, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle') }, subtitle))));
     };
     var renderCloser = function () { return (React__default.default.createElement("div", { className: cn__default.default(styles.addon, styles.closer, closerClassName) },
-        React__default.default.createElement(components_closer_Component.Closer, { view: view, icon: closerIcon, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer'), onClose: onClose }))); };
+        React__default.default.createElement(components_closer_Component.Closer, tslib.__assign({ view: view, icon: closerIcon, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer'), onClose: onClose }, closerProps)))); };
     return (React__default.default.createElement("div", { ref: mergeRefs__default.default([ref, headerRef]), className: cn__default.default(styles.header, className, (_b = {}, _b[styles.backgroundImage] = imageUrl, _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId), style: tslib.__assign(tslib.__assign({}, (imageUrl && { backgroundImage: "url(".concat(imageUrl, ")") })), (withAnimation &&
             bottomContentRef.current && {
             top: -bottomContentRef.current.scrollHeight,

package/navigation-bar-private/cssm/Component.js

@@ -20,9 +20,9 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var ADDONS_HEIGHT = 48;
 var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
     var _b, _c, _d;
-    var addonClassName = _a.addonClassName, className = _a.className, contentClassName = _a.contentClassName, closerClassName = _a.closerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, bottomAddonsClassName = _a.bottomAddonsClassName, children = _a.children, _e = _a.align, align = _e === void 0 ? 'left' : _e, _f = _a.trim, trim = _f === void 0 ? true : _f, title = _a.title, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, hasCloser = _a.hasCloser, hasBackButton = _a.hasBackButton, backButtonClassName = _a.backButtonClassName, backButtonProps = _a.backButtonProps, dataTestId = _a.dataTestId, imageUrl = _a.imageUrl, closerIcon = _a.closerIcon, onClose = _a.onClose, view = _a.view, scrollableParentRef = _a.scrollableParentRef, sticky = _a.sticky, onBack = _a.onBack, dataName = _a.dataName, titleClassName = _a.titleClassName, titleRef = _a.titleRef;
-    var _h = React.useState(0), scrollTop = _h[0], setScrollTop = _h[1];
-    var _j = React.useState({ left: 0, right: 0 }), titleMargin = _j[0], setTitleMargin = _j[1];
+    var addonClassName = _a.addonClassName, className = _a.className, contentClassName = _a.contentClassName, closerClassName = _a.closerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, bottomAddonsClassName = _a.bottomAddonsClassName, children = _a.children, _e = _a.align, align = _e === void 0 ? 'left' : _e, _f = _a.trim, trim = _f === void 0 ? true : _f, title = _a.title, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, hasCloser = _a.hasCloser, _h = _a.closerProps, closerProps = _h === void 0 ? {} : _h, hasBackButton = _a.hasBackButton, backButtonClassName = _a.backButtonClassName, backButtonProps = _a.backButtonProps, dataTestId = _a.dataTestId, imageUrl = _a.imageUrl, closerIcon = _a.closerIcon, onClose = _a.onClose, view = _a.view, scrollableParentRef = _a.scrollableParentRef, sticky = _a.sticky, onBack = _a.onBack, dataName = _a.dataName, titleClassName = _a.titleClassName, titleRef = _a.titleRef;
+    var _j = React.useState(0), scrollTop = _j[0], setScrollTop = _j[1];
+    var _k = React.useState({ left: 0, right: 0 }), titleMargin = _k[0], setTitleMargin = _k[1];
     var bottomContentRef = React.useRef(null);
     var headerRef = React.useRef(null);
     var mainLinePaddingTopRef = React.useRef('0px');
@@ -103,7 +103,7 @@ var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
             compactTitle && subtitle && (React__default.default.createElement("div", { className: styles__default.default.subtitle, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'subtitle') }, subtitle))));
     };
     var renderCloser = function () { return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addon, styles__default.default.closer, closerClassName) },
-        React__default.default.createElement(components_closer_Component.Closer, { view: view, icon: closerIcon, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer'), onClose: onClose }))); };
+        React__default.default.createElement(components_closer_Component.Closer, tslib.__assign({ view: view, icon: closerIcon, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer'), onClose: onClose }, closerProps)))); };
     return (React__default.default.createElement("div", { ref: mergeRefs__default.default([ref, headerRef]), className: cn__default.default(styles__default.default.header, className, (_b = {}, _b[styles__default.default.backgroundImage] = imageUrl, _b)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId), style: tslib.__assign(tslib.__assign({}, (imageUrl && { backgroundImage: "url(".concat(imageUrl, ")") })), (withAnimation &&
             bottomContentRef.current && {
             top: -bottomContentRef.current.scrollHeight,

package/navigation-bar-private/cssm/types.d.ts

@@ -96,6 +96,10 @@ type NavigationBarPrivateProps = {
      * Обработчик закрытия
      */
     onClose?: CloserProps['onClose'];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, 'view' | 'onClose'>;
     /**
      * обработчик клика по кнопке "назад"
      */

package/navigation-bar-private/esm/Component.js

@@ -20,9 +20,9 @@ require('./index.css');
 var ADDONS_HEIGHT = 48;
 var NavigationBarPrivate = forwardRef(function (_a, ref) {
     var _b, _c, _d;
-    var addonClassName = _a.addonClassName, className = _a.className, contentClassName = _a.contentClassName, closerClassName = _a.closerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, bottomAddonsClassName = _a.bottomAddonsClassName, children = _a.children, _e = _a.align, align = _e === void 0 ? 'left' : _e, _f = _a.trim, trim = _f === void 0 ? true : _f, title = _a.title, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, hasCloser = _a.hasCloser, hasBackButton = _a.hasBackButton, backButtonClassName = _a.backButtonClassName, backButtonProps = _a.backButtonProps, dataTestId = _a.dataTestId, imageUrl = _a.imageUrl, closerIcon = _a.closerIcon, onClose = _a.onClose, view = _a.view, scrollableParentRef = _a.scrollableParentRef, sticky = _a.sticky, onBack = _a.onBack, dataName = _a.dataName, titleClassName = _a.titleClassName, titleRef = _a.titleRef;
-    var _h = useState(0), scrollTop = _h[0], setScrollTop = _h[1];
-    var _j = useState({ left: 0, right: 0 }), titleMargin = _j[0], setTitleMargin = _j[1];
+    var addonClassName = _a.addonClassName, className = _a.className, contentClassName = _a.contentClassName, closerClassName = _a.closerClassName, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, bottomAddonsClassName = _a.bottomAddonsClassName, children = _a.children, _e = _a.align, align = _e === void 0 ? 'left' : _e, _f = _a.trim, trim = _f === void 0 ? true : _f, title = _a.title, _g = _a.titleSize, titleSize = _g === void 0 ? 'default' : _g, subtitle = _a.subtitle, hasCloser = _a.hasCloser, _h = _a.closerProps, closerProps = _h === void 0 ? {} : _h, hasBackButton = _a.hasBackButton, backButtonClassName = _a.backButtonClassName, backButtonProps = _a.backButtonProps, dataTestId = _a.dataTestId, imageUrl = _a.imageUrl, closerIcon = _a.closerIcon, onClose = _a.onClose, view = _a.view, scrollableParentRef = _a.scrollableParentRef, sticky = _a.sticky, onBack = _a.onBack, dataName = _a.dataName, titleClassName = _a.titleClassName, titleRef = _a.titleRef;
+    var _j = useState(0), scrollTop = _j[0], setScrollTop = _j[1];
+    var _k = useState({ left: 0, right: 0 }), titleMargin = _k[0], setTitleMargin = _k[1];
     var bottomContentRef = useRef(null);
     var headerRef = useRef(null);
     var mainLinePaddingTopRef = useRef('0px');
@@ -103,7 +103,7 @@ var NavigationBarPrivate = forwardRef(function (_a, ref) {
             compactTitle && subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle))));
     };
     var renderCloser = function () { return (React.createElement("div", { className: cn(styles.addon, styles.closer, closerClassName) },
-        React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose }))); };
+        React.createElement(Closer, __assign({ view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose }, closerProps)))); };
     return (React.createElement("div", { ref: mergeRefs([ref, headerRef]), className: cn(styles.header, className, (_b = {}, _b[styles.backgroundImage] = imageUrl, _b)), "data-test-id": getDataTestId(dataTestId), style: __assign(__assign({}, (imageUrl && { backgroundImage: "url(".concat(imageUrl, ")") })), (withAnimation &&
             bottomContentRef.current && {
             top: -bottomContentRef.current.scrollHeight,

package/navigation-bar-private/esm/types.d.ts

@@ -96,6 +96,10 @@ type NavigationBarPrivateProps = {
      * Обработчик закрытия
      */
     onClose?: CloserProps['onClose'];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, 'view' | 'onClose'>;
     /**
      * обработчик клика по кнопке "назад"
      */

package/navigation-bar-private/modern/Component.js

@@ -18,7 +18,7 @@ require('./index.css');
 
 /* eslint-disable complexity */
 const ADDONS_HEIGHT = 48;
-const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, dataName, titleClassName, titleRef, }, ref) => {
+const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, closerProps = {}, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, dataName, titleClassName, titleRef, }, ref) => {
     const [scrollTop, setScrollTop] = useState(0);
     const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });
     const bottomContentRef = useRef(null);
@@ -98,7 +98,7 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
             compactTitle && subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle))));
     };
     const renderCloser = () => (React.createElement("div", { className: cn(styles.addon, styles.closer, closerClassName) },
-        React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose })));
+        React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose, ...closerProps })));
     return (React.createElement("div", { ref: mergeRefs([ref, headerRef]), className: cn(styles.header, className, { [styles.backgroundImage]: imageUrl }), "data-test-id": getDataTestId(dataTestId), style: {
             ...(imageUrl && { backgroundImage: `url(${imageUrl})` }),
             ...(withAnimation &&

package/navigation-bar-private/modern/types.d.ts

@@ -96,6 +96,10 @@ type NavigationBarPrivateProps = {
      * Обработчик закрытия
      */
     onClose?: CloserProps['onClose'];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, 'view' | 'onClose'>;
     /**
      * обработчик клика по кнопке "назад"
      */

package/navigation-bar-private/moderncssm/Component.js

@@ -18,7 +18,7 @@ import './components/closer/index.module.css';
 
 /* eslint-disable complexity */
 const ADDONS_HEIGHT = 48;
-const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, dataName, titleClassName, titleRef, }, ref) => {
+const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentClassName, closerClassName, leftAddons, rightAddons, bottomAddons, bottomAddonsClassName, children, align = 'left', trim = true, title, titleSize = 'default', subtitle, hasCloser, closerProps = {}, hasBackButton, backButtonClassName, backButtonProps, dataTestId, imageUrl, closerIcon, onClose, view, scrollableParentRef, sticky, onBack, dataName, titleClassName, titleRef, }, ref) => {
     const [scrollTop, setScrollTop] = useState(0);
     const [titleMargin, setTitleMargin] = useState({ left: 0, right: 0 });
     const bottomContentRef = useRef(null);
@@ -98,7 +98,7 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
             compactTitle && subtitle && (React.createElement("div", { className: styles.subtitle, "data-test-id": getDataTestId(dataTestId, 'subtitle') }, subtitle))));
     };
     const renderCloser = () => (React.createElement("div", { className: cn(styles.addon, styles.closer, closerClassName) },
-        React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose })));
+        React.createElement(Closer, { view: view, icon: closerIcon, dataTestId: getDataTestId(dataTestId, 'closer'), onClose: onClose, ...closerProps })));
     return (React.createElement("div", { ref: mergeRefs([ref, headerRef]), className: cn(styles.header, className, { [styles.backgroundImage]: imageUrl }), "data-test-id": getDataTestId(dataTestId), style: {
             ...(imageUrl && { backgroundImage: `url(${imageUrl})` }),
             ...(withAnimation &&

package/navigation-bar-private/moderncssm/types.d.ts

@@ -96,6 +96,10 @@ type NavigationBarPrivateProps = {
      * Обработчик закрытия
      */
     onClose?: CloserProps['onClose'];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, 'view' | 'onClose'>;
     /**
      * обработчик клика по кнопке "назад"
      */

package/navigation-bar-private/types.d.ts

@@ -96,6 +96,10 @@ type NavigationBarPrivateProps = {
      * Обработчик закрытия
      */
     onClose?: CloserProps['onClose'];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, 'view' | 'onClose'>;
     /**
      * обработчик клика по кнопке "назад"
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "48.21.0-beta.4",
+  "version": "48.21.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -99,7 +99,7 @@
     "swiper": "^6.8.2",
     "text-mask-core": "^5.1.2",
     "tslib": "^2.4.0",
-    "ui-primitives": "^22.7.0",
+    "ui-primitives": "^26.3.0",
     "use-sync-external-store": "^1.4.0"
   },
   "devDependencies": {

package/pagination/components/default-view/index.js

@@ -38,6 +38,7 @@ var DefaultView = function (_a) {
         var computedIndex = currentPageIndex - maxHalfCount + elementIndex;
         return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));
     }, [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding]);
+    var getPageString = function (page) { return page.toLocaleString('ru-RU'); };
     return (React__default.default.createElement(React__default.default.Fragment, null, Array(elementsCount)
         .fill('')
         .map(function (_, i) {
@@ -46,7 +47,7 @@ var DefaultView = function (_a) {
             return (React__default.default.createElement("div", { key: i.toString(), className: styles.dots }, "..."));
         }
         var active = currentPageIndex === pageIndex;
-        return (React__default.default.createElement(components_tag_index.Tag, { key: i.toString(), checked: active, disabled: active, onClick: function () { return onPageChange(pageIndex); } }, pageIndex + 1));
+        return (React__default.default.createElement(components_tag_index.Tag, { key: i.toString(), checked: active, disabled: active, onClick: function () { return onPageChange(pageIndex); } }, getPageString(pageIndex + 1)));
     })));
 };
 

package/pagination/components/tag/index.css

@@ -27,7 +27,6 @@
 
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ button.pagination__tag_13dk8.pagination__tag_13dk8 {
@@ -35,11 +34,10 @@
     border-radius: var(--border-radius-8);
     border: none;
     flex-shrink: 0;
-    min-width: auto;
     min-height: auto;
-    width: 32px;
+    min-width: 32px;
     height: 32px;
-    padding: var(--gap-0)
+    padding: 0 6px
 } button.pagination__tag_13dk8.pagination__tag_13dk8:disabled:not(.pagination__checked_13dk8) {
         opacity: 0.3;
     } button.pagination__tag_13dk8.pagination__tag_13dk8:hover:not(:disabled) {

package/pagination/cssm/components/default-view/index.js

@@ -37,6 +37,7 @@ var DefaultView = function (_a) {
         var computedIndex = currentPageIndex - maxHalfCount + elementIndex;
         return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));
     }, [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding]);
+    var getPageString = function (page) { return page.toLocaleString('ru-RU'); };
     return (React__default.default.createElement(React__default.default.Fragment, null, Array(elementsCount)
         .fill('')
         .map(function (_, i) {
@@ -45,7 +46,7 @@ var DefaultView = function (_a) {
             return (React__default.default.createElement("div", { key: i.toString(), className: styles__default.default.dots }, "..."));
         }
         var active = currentPageIndex === pageIndex;
-        return (React__default.default.createElement(components_tag_index.Tag, { key: i.toString(), checked: active, disabled: active, onClick: function () { return onPageChange(pageIndex); } }, pageIndex + 1));
+        return (React__default.default.createElement(components_tag_index.Tag, { key: i.toString(), checked: active, disabled: active, onClick: function () { return onPageChange(pageIndex); } }, getPageString(pageIndex + 1)));
     })));
 };
 

package/pagination/cssm/components/tag/index.module.css

@@ -26,7 +26,6 @@
 
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ button.tag.tag {
@@ -34,11 +33,10 @@
     border-radius: var(--border-radius-8);
     border: none;
     flex-shrink: 0;
-    min-width: auto;
     min-height: auto;
-    width: 32px;
+    min-width: 32px;
     height: 32px;
-    padding: var(--gap-0)
+    padding: 0 6px
 } button.tag.tag:disabled:not(.checked) {
         opacity: 0.3;
     } button.tag.tag:hover:not(:disabled) {

package/pagination/esm/components/default-view/index.js

@@ -35,6 +35,7 @@ var DefaultView = function (_a) {
         var computedIndex = currentPageIndex - maxHalfCount + elementIndex;
         return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));
     }, [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding]);
+    var getPageString = function (page) { return page.toLocaleString('ru-RU'); };
     return (React.createElement(React.Fragment, null, Array(elementsCount)
         .fill('')
         .map(function (_, i) {
@@ -43,7 +44,7 @@ var DefaultView = function (_a) {
             return (React.createElement("div", { key: i.toString(), className: styles.dots }, "..."));
         }
         var active = currentPageIndex === pageIndex;
-        return (React.createElement(Tag, { key: i.toString(), checked: active, disabled: active, onClick: function () { return onPageChange(pageIndex); } }, pageIndex + 1));
+        return (React.createElement(Tag, { key: i.toString(), checked: active, disabled: active, onClick: function () { return onPageChange(pageIndex); } }, getPageString(pageIndex + 1)));
     })));
 };
 

package/pagination/esm/components/tag/index.css

@@ -27,7 +27,6 @@
 
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ button.pagination__tag_13dk8.pagination__tag_13dk8 {
@@ -35,11 +34,10 @@
     border-radius: var(--border-radius-8);
     border: none;
     flex-shrink: 0;
-    min-width: auto;
     min-height: auto;
-    width: 32px;
+    min-width: 32px;
     height: 32px;
-    padding: var(--gap-0)
+    padding: 0 6px
 } button.pagination__tag_13dk8.pagination__tag_13dk8:disabled:not(.pagination__checked_13dk8) {
         opacity: 0.3;
     } button.pagination__tag_13dk8.pagination__tag_13dk8:hover:not(:disabled) {

package/pagination/modern/components/default-view/index.js

@@ -33,6 +33,7 @@ const DefaultView = ({ sidePadding = 2, activePadding = 1, pagesCount, currentPa
         const computedIndex = currentPageIndex - maxHalfCount + elementIndex;
         return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));
     }, [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding]);
+    const getPageString = (page) => page.toLocaleString('ru-RU');
     return (React.createElement(React.Fragment, null, Array(elementsCount)
         .fill('')
         .map((_, i) => {
@@ -41,7 +42,7 @@ const DefaultView = ({ sidePadding = 2, activePadding = 1, pagesCount, currentPa
             return (React.createElement("div", { key: i.toString(), className: styles.dots }, "..."));
         }
         const active = currentPageIndex === pageIndex;
-        return (React.createElement(Tag, { key: i.toString(), checked: active, disabled: active, onClick: () => onPageChange(pageIndex) }, pageIndex + 1));
+        return (React.createElement(Tag, { key: i.toString(), checked: active, disabled: active, onClick: () => onPageChange(pageIndex) }, getPageString(pageIndex + 1)));
     })));
 };
 

package/pagination/modern/components/tag/index.css

@@ -27,7 +27,6 @@
 
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ button.pagination__tag_13dk8.pagination__tag_13dk8 {
@@ -35,11 +34,10 @@
     border-radius: var(--border-radius-8);
     border: none;
     flex-shrink: 0;
-    min-width: auto;
     min-height: auto;
-    width: 32px;
+    min-width: 32px;
     height: 32px;
-    padding: var(--gap-0)
+    padding: 0 6px
 } button.pagination__tag_13dk8.pagination__tag_13dk8:disabled:not(.pagination__checked_13dk8) {
         opacity: 0.3;
     } button.pagination__tag_13dk8.pagination__tag_13dk8:hover:not(:disabled) {

package/pagination/moderncssm/components/default-view/index.js

@@ -32,6 +32,7 @@ const DefaultView = ({ sidePadding = 2, activePadding = 1, pagesCount, currentPa
         const computedIndex = currentPageIndex - maxHalfCount + elementIndex;
         return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));
     }, [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding]);
+    const getPageString = (page) => page.toLocaleString('ru-RU');
     return (React.createElement(React.Fragment, null, Array(elementsCount)
         .fill('')
         .map((_, i) => {
@@ -40,7 +41,7 @@ const DefaultView = ({ sidePadding = 2, activePadding = 1, pagesCount, currentPa
             return (React.createElement("div", { key: i.toString(), className: styles.dots }, "..."));
         }
         const active = currentPageIndex === pageIndex;
-        return (React.createElement(Tag, { key: i.toString(), checked: active, disabled: active, onClick: () => onPageChange(pageIndex) }, pageIndex + 1));
+        return (React.createElement(Tag, { key: i.toString(), checked: active, disabled: active, onClick: () => onPageChange(pageIndex) }, getPageString(pageIndex + 1)));
     })));
 };
 

package/pagination/moderncssm/components/tag/index.module.css

@@ -5,11 +5,10 @@ button.tag.tag {
     border-radius: var(--border-radius-8);
     border: none;
     flex-shrink: 0;
-    min-width: auto;
     min-height: auto;
-    width: 32px;
+    min-width: 32px;
     height: 32px;
-    padding: var(--gap-0)
+    padding: 0 6px
 }
 
 button.tag.tag:disabled:not(.checked) {

package/picker-button/Component-c44170fe.d.ts

@@ -140,7 +140,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */

package/picker-button/cssm/typings-d515b24c.d.ts

@@ -161,6 +161,10 @@ type NavigationBarPrivateProps = {
      * Обработчик закрытия
      */
     onClose?: CloserProps["onClose"];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, "view" | "onClose">;
     /**
      * обработчик клика по кнопке "назад"
      */

package/picker-button/esm/typings-d515b24c.d.ts

@@ -161,6 +161,10 @@ type NavigationBarPrivateProps = {
      * Обработчик закрытия
      */
     onClose?: CloserProps["onClose"];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, "view" | "onClose">;
     /**
      * обработчик клика по кнопке "назад"
      */

package/picker-button/modern/typings-d515b24c.d.ts

@@ -161,6 +161,10 @@ type NavigationBarPrivateProps = {
      * Обработчик закрытия
      */
     onClose?: CloserProps["onClose"];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, "view" | "onClose">;
     /**
      * обработчик клика по кнопке "назад"
      */

package/picker-button/moderncssm/typings-d515b24c.d.ts

@@ -161,6 +161,10 @@ type NavigationBarPrivateProps = {
      * Обработчик закрытия
      */
     onClose?: CloserProps["onClose"];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, "view" | "onClose">;
     /**
      * обработчик клика по кнопке "назад"
      */

package/picker-button/typings-d515b24c.d.ts

@@ -161,6 +161,10 @@ type NavigationBarPrivateProps = {
      * Обработчик закрытия
      */
     onClose?: CloserProps["onClose"];
+    /**
+     * Дополнительные пропсы для компонента Closer.
+     */
+    closerProps?: Omit<CloserProps, "view" | "onClose">;
     /**
      * обработчик клика по кнопке "назад"
      */

package/plate/components/base-plate/Component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
-var warning = require('../../warning-53a3c424.js');
+var warning = require('../../warning-09ff1e21.js');
 var hooks = require('@alfalab/hooks');
 var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');

package/plate/esm/Component.responsive.js

@@ -7,7 +7,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/esm';
-import './warning-31ef76e2.js';
+import './warning-e8870d21.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/components/base-plate/Component.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';
-import { g as getDataTestId } from '../../warning-31ef76e2.js';
+import { g as getDataTestId } from '../../warning-e8870d21.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

package/plate/esm/components/base-plate/index.js

@@ -4,7 +4,7 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/esm';
-import '../../warning-31ef76e2.js';
+import '../../warning-e8870d21.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';