@alfalab/core-components-modal 4.0.7 → 5.0.0

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

@@ -2,26 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-d1b7fb9e.js');
+var tslib_es6 = require('../../tslib.es6-e71a96bd.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
 require('../../Context.js');
-require('@alfalab/core-components-button');
-require('../closer/Component.js');
 var components_header_Component = require('./Component.js');
+require('@alfalab/core-components-icon-button');
+require('@alfalab/icons-glyph/CrossHeavyMIcon');
+var components_closer_Component = require('../closer/Component.js');
 
 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 = {"header":"modal__header_1w292 modal__header_pute5","s":"modal__s_1w292","m":"modal__m_1w292","l":"modal__l_1w292","fullscreen":"modal__fullscreen_1w292","sticky":"modal__sticky_1w292 modal__sticky_pute5","highlighted":"modal__highlighted_1w292 modal__highlighted_pute5","content":"modal__content_1w292 modal__content_pute5","title":"modal__title_1w292 modal__title_pute5"};
+var styles = {"header":"modal__header_16iwj","content":"modal__content_16iwj","s":"modal__s_16iwj","m":"modal__m_16iwj","l":"modal__l_16iwj","xl":"modal__xl_16iwj","fullscreen":"modal__fullscreen_16iwj","hasContent":"modal__hasContent_16iwj","sticky":"modal__sticky_16iwj"};
 require('./desktop.css')
 
 var HeaderDesktop = function (_a) {
-    var size = _a.size, className = _a.className, fullscreen = _a.fullscreen, restProps = tslib_es6.__rest(_a, ["size", "className", "fullscreen"]);
-    return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](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__default['default'].createElement("span", null) : _d, title = _a.title, children = _a.children, restProps = tslib_es6.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "sticky", "leftAddons", "title", "children"]);
+    var hasContent = title || Boolean(children);
+    return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, styles.header, size && styles[size], (_b = {},
+            _b[styles.sticky] = sticky,
+            _b[styles.hasContent] = hasContent,
+            _b)), contentClassName: cn__default['default'](styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, null) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
 };
 
 exports.HeaderDesktop = HeaderDesktop;

package/dist/components/header/Component.js

@@ -2,35 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-d1b7fb9e.js');
 var React = require('react');
 var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
 var Context = require('../../Context.js');
-require('@alfalab/core-components-button');
-var components_closer_Component = require('../closer/Component.js');
 
 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 = {"header":"modal__header_v3ixd","hasContent":"modal__hasContent_v3ixd","highlighted":"modal__highlighted_v3ixd","sticky":"modal__sticky_v3ixd","content":"modal__content_v3ixd","title":"modal__title_v3ixd","addon":"modal__addon_v3ixd","closer":"modal__closer_v3ixd","left":"modal__left_v3ixd","center":"modal__center_v3ixd","right":"modal__right_v3ixd","trim":"modal__trim_v3ixd"};
+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 = React.useContext(Context.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 = React.useContext(Context.ModalContext), headerHighlighted = _f.headerHighlighted, setHasHeader = _f.setHasHeader;
     var hasContent = title || Boolean(children);
     React.useEffect(function () {
         setHasHeader(true);
     }, [setHasHeader]);
     return (React__default['default'].createElement("div", { className: cn__default['default'](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__default['default'].createElement("div", { className: styles.content },
+        leftAddons && React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, addonClassName) }, leftAddons),
+        hasContent && (React__default['default'].createElement("div", { className: cn__default['default'](styles.content, contentClassName, styles[align], (_c = {},
+                _c[styles.trim] = trim,
+                _c)) },
             children,
             title && React__default['default'].createElement("div", { className: styles.title }, title))),
-        hasCloser && React__default['default'].createElement(components_closer_Component.Closer, null)));
+        closer && (React__default['default'].createElement("div", { className: cn__default['default'](styles.addon, styles.closer, addonClassName) }, closer))));
 };
 
 exports.Header = Header;

package/dist/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/components/header/Component.mobile.js

@@ -2,22 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-d1b7fb9e.js');
+var tslib_es6 = require('../../tslib.es6-e71a96bd.js');
 var React = require('react');
-require('classnames');
+var cn = require('classnames');
 require('@alfalab/core-components-base-modal');
 require('../../Context.js');
-require('@alfalab/core-components-button');
-require('../closer/Component.js');
 var components_header_Component = require('./Component.js');
+require('@alfalab/core-components-icon-button');
+require('@alfalab/icons-glyph/CrossHeavyMIcon');
+var components_closer_Component = require('../closer/Component.js');
+var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
 
 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 CrossMIcon__default = /*#__PURE__*/_interopDefaultLegacy(CrossMIcon);
 
-var styles = {"header":"modal__header_ay5y5 modal__header_pute5","sticky":"modal__sticky_ay5y5 modal__sticky_pute5","highlighted":"modal__highlighted_ay5y5 modal__highlighted_pute5","content":"modal__content_ay5y5 modal__content_pute5","title":"modal__title_ay5y5 modal__title_pute5"};
+var styles = {"sticky":"modal__sticky_11e5b","content":"modal__content_11e5b"};
 require('./mobile.css')
 
-var HeaderMobile = function (props) { return React__default['default'].createElement(components_header_Component.Header, tslib_es6.__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 = tslib_es6.__rest(_a, ["className", "contentClassName", "hasCloser", "sticky"]);
+    return (React__default['default'].createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default['default'](className, (_b = {},
+            _b[styles.sticky] = sticky,
+            _b)), contentClassName: cn__default['default'](styles.content, contentClassName), closer: hasCloser ? React__default['default'].createElement(components_closer_Component.Closer, { icon: CrossMIcon__default['default'], size: 'xs' }) : null, sticky: sticky }, restProps)));
+};
 
 exports.HeaderMobile = HeaderMobile;