@alfalab/core-components-modal 4.1.0 → 5.0.1

package/dist/esm/components/header/Component.desktop.js

@@ -1,18 +1,24 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-75e2f0f0.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-242320f2.js';
 import React from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/dist/esm';
 import '../../Context.js';
-import '@alfalab/core-components-button/dist/esm';
-import '../closer/Component.js';
 import { Header } from './Component.js';
+import '@alfalab/core-components-icon-button/dist/esm';
+import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import { Closer } from '../closer/Component.js';
 
-var styles = {"header":"modal__header_df06s modal__header_1u4m1","s":"modal__s_df06s","m":"modal__m_df06s","l":"modal__l_df06s","fullscreen":"modal__fullscreen_df06s","sticky":"modal__sticky_df06s modal__sticky_1u4m1","highlighted":"modal__highlighted_df06s modal__highlighted_1u4m1","content":"modal__content_df06s modal__content_1u4m1","title":"modal__title_df06s modal__title_1u4m1"};
+var styles = {"header":"modal__header_lew6e","content":"modal__content_lew6e","s":"modal__s_lew6e","m":"modal__m_lew6e","l":"modal__l_lew6e","xl":"modal__xl_lew6e","fullscreen":"modal__fullscreen_lew6e","hasContent":"modal__hasContent_lew6e","sticky":"modal__sticky_lew6e"};
 require('./desktop.css')
 
 var HeaderDesktop = function (_a) {
-    var size = _a.size, className = _a.className, fullscreen = _a.fullscreen, restProps = __rest(_a, ["size", "className", "fullscreen"]);
-    return (React.createElement(Header, __assign({ className: cn(className, size && styles[size], fullscreen && styles.fullscreen), styles: styles }, restProps)));
+    var _b;
+    var size = _a.size, className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.leftAddons, leftAddons = _d === void 0 ? React.createElement("span", null) : _d, title = _a.title, children = _a.children, restProps = __rest(_a, ["size", "className", "contentClassName", "hasCloser", "sticky", "leftAddons", "title", "children"]);
+    var hasContent = title || Boolean(children);
+    return (React.createElement(Header, __assign({ className: cn(className, styles.header, size && styles[size], (_b = {},
+            _b[styles.sticky] = sticky,
+            _b[styles.hasContent] = hasContent,
+            _b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
 };
 
 export { HeaderDesktop };

package/dist/esm/components/header/Component.js

@@ -1,27 +1,31 @@
-import '../../tslib.es6-75e2f0f0.js';
 import React, { useContext, useEffect } from 'react';
 import cn from 'classnames';
 import '@alfalab/core-components-base-modal/dist/esm';
 import { ModalContext } from '../../Context.js';
-import '@alfalab/core-components-button/dist/esm';
-import { Closer } from '../closer/Component.js';
+
+var styles = {"header":"modal__header_33dzh","hasContent":"modal__hasContent_33dzh","highlighted":"modal__highlighted_33dzh","sticky":"modal__sticky_33dzh","content":"modal__content_33dzh","title":"modal__title_33dzh","addon":"modal__addon_33dzh","closer":"modal__closer_33dzh","left":"modal__left_33dzh","center":"modal__center_33dzh","right":"modal__right_33dzh","trim":"modal__trim_33dzh"};
+require('./index.css')
 
 var Header = function (_a) {
-    var _b;
-    var className = _a.className, children = _a.children, title = _a.title, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, styles = _a.styles;
-    var _d = useContext(ModalContext), headerHighlighted = _d.headerHighlighted, setHasHeader = _d.setHasHeader;
+    var _b, _c;
+    var className = _a.className, addonClassName = _a.addonClassName, contentClassName = _a.contentClassName, leftAddons = _a.leftAddons, children = _a.children, _d = _a.align, align = _d === void 0 ? 'left' : _d, _e = _a.trim, trim = _e === void 0 ? true : _e, title = _a.title, closer = _a.closer, sticky = _a.sticky;
+    var _f = useContext(ModalContext), headerHighlighted = _f.headerHighlighted, setHasHeader = _f.setHasHeader;
     var hasContent = title || Boolean(children);
     useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
     return (React.createElement("div", { className: cn(styles.header, className, (_b = {},
-            _b[styles.highlighted] = sticky && headerHighlighted,
+            _b[styles.highlighted] = hasContent && sticky && headerHighlighted,
             _b[styles.sticky] = sticky,
+            _b[styles.hasContent] = hasContent,
             _b)) },
-        hasContent && (React.createElement("div", { className: styles.content },
+        leftAddons && React.createElement("div", { className: cn(styles.addon, addonClassName) }, leftAddons),
+        hasContent && (React.createElement("div", { className: cn(styles.content, contentClassName, styles[align], (_c = {},
+                _c[styles.trim] = trim,
+                _c)) },
             children,
             title && React.createElement("div", { className: styles.title }, title))),
-        hasCloser && React.createElement(Closer, null)));
+        closer && (React.createElement("div", { className: cn(styles.addon, styles.closer, addonClassName) }, closer))));
 };
 
 export { Header };

package/dist/esm/components/header/Component.mobile.d.ts

@@ -1,5 +1,10 @@
 import { FC } from 'react';
 import { HeaderProps } from "./Component";
-type HeaderMobileProps = HeaderProps;
+type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
+    /**
+     * Наличие крестика
+     */
+    hasCloser?: boolean;
+};
 declare const HeaderMobile: FC<HeaderMobileProps>;
 export { HeaderMobileProps, HeaderMobile };

package/dist/esm/components/header/Component.mobile.js

@@ -1,15 +1,23 @@
-import { a as __assign } from '../../tslib.es6-75e2f0f0.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-242320f2.js';
 import React from 'react';
-import 'classnames';
+import cn from 'classnames';
 import '@alfalab/core-components-base-modal/dist/esm';
 import '../../Context.js';
-import '@alfalab/core-components-button/dist/esm';
-import '../closer/Component.js';
 import { Header } from './Component.js';
+import '@alfalab/core-components-icon-button/dist/esm';
+import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import { Closer } from '../closer/Component.js';
+import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 
-var styles = {"header":"modal__header_1mqiy modal__header_1u4m1","sticky":"modal__sticky_1mqiy modal__sticky_1u4m1","highlighted":"modal__highlighted_1mqiy modal__highlighted_1u4m1","content":"modal__content_1mqiy modal__content_1u4m1","title":"modal__title_1mqiy modal__title_1u4m1"};
+var styles = {"sticky":"modal__sticky_1qd2v","content":"modal__content_1qd2v"};
 require('./mobile.css')
 
-var HeaderMobile = function (props) { return React.createElement(Header, __assign({ styles: styles }, props)); };
+var HeaderMobile = function (_a) {
+    var _b;
+    var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, restProps = __rest(_a, ["className", "contentClassName", "hasCloser", "sticky"]);
+    return (React.createElement(Header, __assign({ className: cn(className, (_b = {},
+            _b[styles.sticky] = sticky,
+            _b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: CrossMIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
+};
 
 export { HeaderMobile };