@alfalab/core-components-side-panel 2.5.6 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/Component.desktop.d.ts +1 -1
  2. package/Component.desktop.js +14 -12
  3. package/Component.mobile.d.ts +1 -1
  4. package/Component.mobile.js +13 -11
  5. package/Component.responsive.d.ts +1 -2
  6. package/Component.responsive.js +11 -20
  7. package/ResponsiveContext.d.ts +5 -0
  8. package/ResponsiveContext.js +11 -0
  9. package/components/content/Component.desktop.js +4 -4
  10. package/components/content/Component.js +6 -3
  11. package/components/content/Component.mobile.js +4 -4
  12. package/components/content/desktop.css +7 -4
  13. package/components/content/index.css +8 -4
  14. package/components/content/mobile.css +6 -4
  15. package/components/footer/Component.desktop.js +4 -4
  16. package/components/footer/Component.js +2 -2
  17. package/components/footer/Component.mobile.js +4 -4
  18. package/components/footer/desktop.css +7 -5
  19. package/components/footer/index.css +8 -6
  20. package/components/footer/layout.css +27 -25
  21. package/components/footer/mobile.css +5 -3
  22. package/components/header/Component.d.ts +3 -51
  23. package/components/header/Component.js +23 -15
  24. package/components/header/desktop.css +11 -13
  25. package/components/header/index.css +18 -24
  26. package/components/header/mobile.css +10 -6
  27. package/cssm/Component.desktop.d.ts +1 -1
  28. package/cssm/Component.desktop.js +14 -12
  29. package/cssm/Component.mobile.d.ts +1 -1
  30. package/cssm/Component.mobile.js +12 -10
  31. package/cssm/Component.responsive.d.ts +1 -2
  32. package/cssm/Component.responsive.js +14 -24
  33. package/cssm/ResponsiveContext.d.ts +5 -0
  34. package/cssm/ResponsiveContext.js +11 -0
  35. package/cssm/components/content/Component.desktop.js +3 -3
  36. package/cssm/components/content/Component.js +5 -2
  37. package/cssm/components/content/Component.mobile.js +3 -3
  38. package/cssm/components/content/desktop.module.css +4 -1
  39. package/cssm/components/content/index.module.css +6 -2
  40. package/cssm/components/content/mobile.module.css +3 -1
  41. package/cssm/components/footer/Component.desktop.js +3 -3
  42. package/cssm/components/footer/Component.mobile.js +3 -3
  43. package/cssm/components/footer/desktop.module.css +4 -2
  44. package/cssm/components/footer/index.module.css +4 -2
  45. package/cssm/components/footer/layout.module.css +2 -0
  46. package/cssm/components/footer/mobile.module.css +2 -0
  47. package/cssm/components/header/Component.d.ts +3 -51
  48. package/cssm/components/header/Component.js +20 -14
  49. package/cssm/components/header/desktop.module.css +7 -9
  50. package/cssm/components/header/index.module.css +4 -10
  51. package/cssm/components/header/mobile.module.css +7 -3
  52. package/cssm/desktop.js +5 -7
  53. package/cssm/desktop.module.css +2 -0
  54. package/cssm/index.js +7 -12
  55. package/cssm/mobile.js +4 -6
  56. package/cssm/mobile.module.css +2 -0
  57. package/cssm/responsive.js +7 -12
  58. package/cssm/typings.d.ts +7 -0
  59. package/cssm/typings.js +2 -0
  60. package/cssm/vars.css +2 -0
  61. package/desktop.css +5 -3
  62. package/desktop.js +3 -5
  63. package/esm/Component.desktop.d.ts +1 -1
  64. package/esm/Component.desktop.js +14 -12
  65. package/esm/Component.mobile.d.ts +1 -1
  66. package/esm/Component.mobile.js +13 -11
  67. package/esm/Component.responsive.d.ts +1 -2
  68. package/esm/Component.responsive.js +9 -18
  69. package/esm/ResponsiveContext.d.ts +5 -0
  70. package/esm/ResponsiveContext.js +5 -0
  71. package/esm/components/content/Component.desktop.js +2 -2
  72. package/esm/components/content/Component.js +6 -3
  73. package/esm/components/content/Component.mobile.js +2 -2
  74. package/esm/components/content/desktop.css +7 -4
  75. package/esm/components/content/index.css +8 -4
  76. package/esm/components/content/mobile.css +6 -4
  77. package/esm/components/footer/Component.desktop.js +2 -2
  78. package/esm/components/footer/Component.js +2 -2
  79. package/esm/components/footer/Component.mobile.js +2 -2
  80. package/esm/components/footer/desktop.css +7 -5
  81. package/esm/components/footer/index.css +8 -6
  82. package/esm/components/footer/layout.css +27 -25
  83. package/esm/components/footer/mobile.css +5 -3
  84. package/esm/components/header/Component.d.ts +3 -51
  85. package/esm/components/header/Component.js +23 -15
  86. package/esm/components/header/desktop.css +11 -13
  87. package/esm/components/header/index.css +18 -24
  88. package/esm/components/header/mobile.css +10 -6
  89. package/esm/desktop.css +5 -3
  90. package/esm/desktop.js +3 -5
  91. package/esm/index.js +4 -8
  92. package/esm/mobile.css +4 -2
  93. package/esm/mobile.js +3 -5
  94. package/esm/responsive.js +4 -8
  95. package/esm/transitions.desktop.css +7 -7
  96. package/esm/transitions.mobile.css +8 -8
  97. package/esm/typings.d.ts +7 -0
  98. package/esm/typings.js +1 -0
  99. package/index.js +4 -8
  100. package/mobile.css +4 -2
  101. package/mobile.js +3 -5
  102. package/modern/Component.desktop.d.ts +1 -1
  103. package/modern/Component.desktop.js +12 -10
  104. package/modern/Component.mobile.d.ts +1 -1
  105. package/modern/Component.mobile.js +17 -13
  106. package/modern/Component.responsive.d.ts +1 -2
  107. package/modern/Component.responsive.js +8 -17
  108. package/modern/ResponsiveContext.d.ts +5 -0
  109. package/modern/ResponsiveContext.js +5 -0
  110. package/modern/components/content/Component.desktop.js +1 -1
  111. package/modern/components/content/Component.js +5 -3
  112. package/modern/components/content/Component.mobile.js +1 -1
  113. package/modern/components/content/desktop.css +7 -4
  114. package/modern/components/content/index.css +8 -4
  115. package/modern/components/content/mobile.css +6 -4
  116. package/modern/components/footer/Component.desktop.js +1 -1
  117. package/modern/components/footer/Component.js +2 -2
  118. package/modern/components/footer/Component.mobile.js +1 -1
  119. package/modern/components/footer/desktop.css +7 -5
  120. package/modern/components/footer/index.css +8 -6
  121. package/modern/components/footer/layout.css +27 -25
  122. package/modern/components/footer/mobile.css +5 -3
  123. package/modern/components/header/Component.d.ts +3 -51
  124. package/modern/components/header/Component.js +22 -16
  125. package/modern/components/header/desktop.css +11 -13
  126. package/modern/components/header/index.css +18 -24
  127. package/modern/components/header/mobile.css +10 -6
  128. package/modern/desktop.css +5 -3
  129. package/modern/desktop.js +2 -4
  130. package/modern/index.js +3 -7
  131. package/modern/mobile.css +4 -2
  132. package/modern/mobile.js +2 -4
  133. package/modern/responsive.js +3 -7
  134. package/modern/transitions.desktop.css +7 -7
  135. package/modern/transitions.mobile.css +8 -8
  136. package/modern/typings.d.ts +7 -0
  137. package/modern/typings.js +1 -0
  138. package/package.json +9 -7
  139. package/responsive.js +4 -8
  140. package/transitions.desktop.css +7 -7
  141. package/transitions.mobile.css +8 -8
  142. package/typings.d.ts +7 -0
  143. package/typings.js +2 -0
  144. package/components/closer/Component.d.ts +0 -29
  145. package/components/closer/Component.js +0 -34
  146. package/components/closer/index.css +0 -47
  147. package/components/header/Component.desktop.d.ts +0 -18
  148. package/components/header/Component.desktop.js +0 -31
  149. package/components/header/Component.mobile.d.ts +0 -14
  150. package/components/header/Component.mobile.js +0 -30
  151. package/cssm/components/closer/Component.d.ts +0 -29
  152. package/cssm/components/closer/Component.js +0 -33
  153. package/cssm/components/closer/index.module.css +0 -46
  154. package/cssm/components/header/Component.desktop.d.ts +0 -18
  155. package/cssm/components/header/Component.desktop.js +0 -32
  156. package/cssm/components/header/Component.mobile.d.ts +0 -14
  157. package/cssm/components/header/Component.mobile.js +0 -31
  158. package/cssm/tslib.es6-bbd6cd2a.d.ts +0 -36
  159. package/cssm/tslib.es6-bbd6cd2a.js +0 -42
  160. package/esm/components/closer/Component.d.ts +0 -29
  161. package/esm/components/closer/Component.js +0 -27
  162. package/esm/components/closer/index.css +0 -47
  163. package/esm/components/header/Component.desktop.d.ts +0 -18
  164. package/esm/components/header/Component.desktop.js +0 -24
  165. package/esm/components/header/Component.mobile.d.ts +0 -14
  166. package/esm/components/header/Component.mobile.js +0 -22
  167. package/esm/tslib.es6-c804285b.d.ts +0 -36
  168. package/esm/tslib.es6-c804285b.js +0 -40
  169. package/modern/components/closer/Component.d.ts +0 -29
  170. package/modern/components/closer/Component.js +0 -24
  171. package/modern/components/closer/index.css +0 -47
  172. package/modern/components/header/Component.desktop.d.ts +0 -18
  173. package/modern/components/header/Component.desktop.js +0 -21
  174. package/modern/components/header/Component.mobile.d.ts +0 -14
  175. package/modern/components/header/Component.mobile.js +0 -17
  176. package/tslib.es6-31bf2e33.d.ts +0 -36
  177. package/tslib.es6-31bf2e33.js +0 -42
@@ -1,30 +0,0 @@
1
- 'use strict';
2
-
3
- var tslib_es6 = require('../../tslib.es6-31bf2e33.js');
4
- var React = require('react');
5
- var cn = require('classnames');
6
- var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
7
- var components_closer_Component = require('../closer/Component.js');
8
- var components_header_Component = require('./Component.js');
9
- require('@alfalab/core-components-icon-button');
10
- require('../../Context.js');
11
- require('@alfalab/core-components-base-modal');
12
-
13
- function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
14
-
15
- var React__default = /*#__PURE__*/_interopDefaultCompat(React);
16
- var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
- var CrossMIcon__default = /*#__PURE__*/_interopDefaultCompat(CrossMIcon);
18
-
19
- var styles = {"sticky":"side-panel__sticky_pxztx","content":"side-panel__content_pxztx"};
20
- require('./mobile.css')
21
-
22
- var HeaderMobile = function (_a) {
23
- var _b;
24
- var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.closerIcon, closerIcon = _d === void 0 ? CrossMIcon__default.default : _d, restProps = tslib_es6.__rest(_a, ["className", "contentClassName", "hasCloser", "sticky", "closerIcon"]);
25
- return (React__default.default.createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default.default(className, (_b = {},
26
- _b[styles.sticky] = sticky,
27
- _b)), contentClassName: cn__default.default(styles.content, contentClassName), closer: hasCloser ? React__default.default.createElement(components_closer_Component.Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
28
- };
29
-
30
- exports.HeaderMobile = HeaderMobile;
@@ -1,29 +0,0 @@
1
- import { ButtonHTMLAttributes, ElementType, FC } from 'react';
2
- import { IconButtonProps } from "@alfalab/core-components-icon-button";
3
- type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
4
- /**
5
- * Дополнительный класс
6
- */
7
- className?: string;
8
- /**
9
- * Позиция крестика
10
- */
11
- align?: 'left' | 'right';
12
- /**
13
- * Размер кнопки
14
- */
15
- size?: IconButtonProps['size'];
16
- /**
17
- * Фиксирует крестик
18
- */
19
- sticky?: boolean;
20
- /**
21
- * Иконка
22
- */
23
- icon: ElementType;
24
- };
25
- /**
26
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
27
- */
28
- declare const Closer: FC<CloserProps>;
29
- export { CloserProps, Closer };
@@ -1,33 +0,0 @@
1
- 'use strict';
2
-
3
- var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
4
- var React = require('react');
5
- var cn = require('classnames');
6
- var coreComponentsIconButton = require('@alfalab/core-components-icon-button/cssm');
7
- var Context = require('../../Context.js');
8
- var styles = require('./index.module.css');
9
- require('@alfalab/core-components-base-modal/cssm');
10
-
11
- function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
-
13
- var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
- var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
- var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
16
-
17
- /**
18
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
19
- */
20
- var Closer = function (_a) {
21
- var _b;
22
- var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, icon = _a.icon, restProps = tslib_es6.__rest(_a, ["className", "size", "sticky", "icon"]);
23
- var onClose = React.useContext(Context.ModalContext).onClose;
24
- var handleClick = React.useCallback(function (event) {
25
- onClose(event, 'closerClick');
26
- }, [onClose]);
27
- return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.closer, className, (_b = {},
28
- _b[styles__default.default.sticky] = sticky,
29
- _b)) },
30
- React__default.default.createElement(coreComponentsIconButton.IconButton, tslib_es6.__assign({ size: size, className: styles__default.default.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
31
- };
32
-
33
- exports.Closer = Closer;
@@ -1,46 +0,0 @@
1
- :root {
2
- } /* deprecated */ :root {
3
- --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
4
- } :root {
5
- } :root {
6
- } :root {
7
-
8
- /* Hard */
9
-
10
- /* Up */
11
-
12
- /* Hard up */
13
- } :root {
14
- } :root {
15
- } :root {
16
- } :root {
17
- } :root {
18
-
19
- /* sizes */
20
-
21
- /* paddings */
22
-
23
- /* scroll */
24
-
25
- /* desktop */
26
-
27
- /* mobile */
28
- } :root {
29
- --side-panel-closer-bg-color: var(--color-light-bg-primary-alpha-40);
30
- } .closer {
31
- flex-shrink: 0;
32
- width: 48px;
33
- height: 48px;
34
- margin-left: auto;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- } .button {
39
- background: var(--side-panel-closer-bg-color);
40
- -webkit-backdrop-filter: blur(10px);
41
- backdrop-filter: blur(10px);
42
- border-radius: 50px;
43
- } .sticky {
44
- position: sticky;
45
- top: 0;
46
- }
@@ -1,18 +0,0 @@
1
- import { ElementType, FC } from 'react';
2
- import { HeaderProps } from "./Component";
3
- type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
4
- /**
5
- * Размер (только для desktop версии компонента)
6
- */
7
- size?: 's';
8
- /**
9
- * Наличие крестика
10
- */
11
- hasCloser?: boolean;
12
- /**
13
- * Иконка closer.
14
- */
15
- closerIcon?: ElementType;
16
- };
17
- declare const HeaderDesktop: FC<HeaderDesktopProps>;
18
- export { HeaderDesktopProps, HeaderDesktop };
@@ -1,32 +0,0 @@
1
- 'use strict';
2
-
3
- var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
4
- var React = require('react');
5
- var cn = require('classnames');
6
- var CrossHeavyMIcon = require('@alfalab/icons-glyph/CrossHeavyMIcon');
7
- var components_closer_Component = require('../closer/Component.js');
8
- var components_header_Component = require('./Component.js');
9
- var styles = require('./desktop.module.css');
10
- require('@alfalab/core-components-icon-button/cssm');
11
- require('../../Context.js');
12
- require('@alfalab/core-components-base-modal/cssm');
13
- require('../closer/index.module.css');
14
- require('./index.module.css');
15
-
16
- function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
17
-
18
- var React__default = /*#__PURE__*/_interopDefaultCompat(React);
19
- var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
- var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
21
-
22
- var HeaderDesktop = function (_a) {
23
- var _b;
24
- var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, contentClassName = _a.contentClassName, _d = _a.hasCloser, hasCloser = _d === void 0 ? true : _d, _e = _a.closerIcon, closerIcon = _e === void 0 ? CrossHeavyMIcon.CrossHeavyMIcon : _e, sticky = _a.sticky, _f = _a.leftAddons, leftAddons = _f === void 0 ? React__default.default.createElement("span", null) : _f, title = _a.title, children = _a.children, restProps = tslib_es6.__rest(_a, ["size", "className", "contentClassName", "hasCloser", "closerIcon", "sticky", "leftAddons", "title", "children"]);
25
- var hasContent = Boolean(title || children);
26
- return (React__default.default.createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default.default(className, size && styles__default.default[size], (_b = {},
27
- _b[styles__default.default.sticky] = sticky,
28
- _b[styles__default.default.hasContent] = hasContent,
29
- _b)), contentClassName: cn__default.default(styles__default.default.content, contentClassName), closer: hasCloser ? React__default.default.createElement(components_closer_Component.Closer, { icon: closerIcon }) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
30
- };
31
-
32
- exports.HeaderDesktop = HeaderDesktop;
@@ -1,14 +0,0 @@
1
- import { ElementType, FC } from 'react';
2
- import { HeaderProps } from "./Component";
3
- type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
4
- /**
5
- * Наличие крестика
6
- */
7
- hasCloser?: boolean;
8
- /**
9
- * Иконка closer.
10
- */
11
- closerIcon?: ElementType;
12
- };
13
- declare const HeaderMobile: FC<HeaderMobileProps>;
14
- export { HeaderMobileProps, HeaderMobile };
@@ -1,31 +0,0 @@
1
- 'use strict';
2
-
3
- var tslib_es6 = require('../../tslib.es6-bbd6cd2a.js');
4
- var React = require('react');
5
- var cn = require('classnames');
6
- var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
7
- var components_closer_Component = require('../closer/Component.js');
8
- var components_header_Component = require('./Component.js');
9
- var styles = require('./mobile.module.css');
10
- require('@alfalab/core-components-icon-button/cssm');
11
- require('../../Context.js');
12
- require('@alfalab/core-components-base-modal/cssm');
13
- require('../closer/index.module.css');
14
- require('./index.module.css');
15
-
16
- function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
17
-
18
- var React__default = /*#__PURE__*/_interopDefaultCompat(React);
19
- var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
20
- var CrossMIcon__default = /*#__PURE__*/_interopDefaultCompat(CrossMIcon);
21
- var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
22
-
23
- var HeaderMobile = function (_a) {
24
- var _b;
25
- var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.closerIcon, closerIcon = _d === void 0 ? CrossMIcon__default.default : _d, restProps = tslib_es6.__rest(_a, ["className", "contentClassName", "hasCloser", "sticky", "closerIcon"]);
26
- return (React__default.default.createElement(components_header_Component.Header, tslib_es6.__assign({ className: cn__default.default(className, (_b = {},
27
- _b[styles__default.default.sticky] = sticky,
28
- _b)), contentClassName: cn__default.default(styles__default.default.content, contentClassName), closer: hasCloser ? React__default.default.createElement(components_closer_Component.Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
29
- };
30
-
31
- exports.HeaderMobile = HeaderMobile;
@@ -1,36 +0,0 @@
1
- declare function __extends(d: any, b: any): void;
2
- declare function __rest(s: any, e: any): {};
3
- declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
4
- declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
5
- declare function __metadata(metadataKey: any, metadataValue: any): any;
6
- declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
7
- declare function __generator(thisArg: any, body: any): {
8
- next: (v: any) => any;
9
- throw: (v: any) => any;
10
- return: (v: any) => any;
11
- };
12
- declare function __exportStar(m: any, o: any): void;
13
- declare function __values(o: any): any;
14
- declare function __read(o: any, n: any): any;
15
- /** @deprecated */
16
- declare function __spread(...args: any[]): any[];
17
- /** @deprecated */
18
- declare function __spreadArrays(...args: any[]): any[];
19
- declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
20
- declare function __await(v: any): __await;
21
- declare class __await {
22
- constructor(v: any);
23
- v: any;
24
- }
25
- declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
26
- declare function __asyncDelegator(o: any): {};
27
- declare function __asyncValues(o: any): any;
28
- declare function __makeTemplateObject(cooked: any, raw: any): any;
29
- declare function __importStar(mod: any): any;
30
- declare function __importDefault(mod: any): any;
31
- declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
32
- declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
33
- declare function __classPrivateFieldIn(state: any, receiver: any): any;
34
- declare function __assign(...args: any[]): any;
35
- declare function __createBinding(o: any, m: any, k: any, k2: any): void;
36
- export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };
@@ -1,42 +0,0 @@
1
- 'use strict';
2
-
3
- /******************************************************************************
4
- Copyright (c) Microsoft Corporation.
5
-
6
- Permission to use, copy, modify, and/or distribute this software for any
7
- purpose with or without fee is hereby granted.
8
-
9
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
10
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
11
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
12
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
13
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
14
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
15
- PERFORMANCE OF THIS SOFTWARE.
16
- ***************************************************************************** */
17
- exports.__assign = function () {
18
- exports.__assign = Object.assign || function __assign(t) {
19
- for (var s, i = 1, n = arguments.length; i < n; i++) {
20
- s = arguments[i];
21
- for (var p in s)
22
- if (Object.prototype.hasOwnProperty.call(s, p))
23
- t[p] = s[p];
24
- }
25
- return t;
26
- };
27
- return exports.__assign.apply(this, arguments);
28
- };
29
- function __rest(s, e) {
30
- var t = {};
31
- for (var p in s)
32
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
33
- t[p] = s[p];
34
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
35
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
36
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
37
- t[p[i]] = s[p[i]];
38
- }
39
- return t;
40
- }
41
-
42
- exports.__rest = __rest;
@@ -1,29 +0,0 @@
1
- import { ButtonHTMLAttributes, ElementType, FC } from 'react';
2
- import { IconButtonProps } from "@alfalab/core-components-icon-button";
3
- type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
4
- /**
5
- * Дополнительный класс
6
- */
7
- className?: string;
8
- /**
9
- * Позиция крестика
10
- */
11
- align?: 'left' | 'right';
12
- /**
13
- * Размер кнопки
14
- */
15
- size?: IconButtonProps['size'];
16
- /**
17
- * Фиксирует крестик
18
- */
19
- sticky?: boolean;
20
- /**
21
- * Иконка
22
- */
23
- icon: ElementType;
24
- };
25
- /**
26
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
27
- */
28
- declare const Closer: FC<CloserProps>;
29
- export { CloserProps, Closer };
@@ -1,27 +0,0 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-c804285b.js';
2
- import React, { useContext, useCallback } from 'react';
3
- import cn from 'classnames';
4
- import { IconButton } from '@alfalab/core-components-icon-button/esm';
5
- import { ModalContext } from '../../Context.js';
6
- import '@alfalab/core-components-base-modal/esm';
7
-
8
- var styles = {"closer":"side-panel__closer_1iu83","button":"side-panel__button_1iu83","sticky":"side-panel__sticky_1iu83"};
9
- require('./index.css')
10
-
11
- /**
12
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
13
- */
14
- var Closer = function (_a) {
15
- var _b;
16
- var className = _a.className, _c = _a.size, size = _c === void 0 ? 's' : _c, sticky = _a.sticky, icon = _a.icon, restProps = __rest(_a, ["className", "size", "sticky", "icon"]);
17
- var onClose = useContext(ModalContext).onClose;
18
- var handleClick = useCallback(function (event) {
19
- onClose(event, 'closerClick');
20
- }, [onClose]);
21
- return (React.createElement("div", { className: cn(styles.closer, className, (_b = {},
22
- _b[styles.sticky] = sticky,
23
- _b)) },
24
- React.createElement(IconButton, __assign({ size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon }, restProps))));
25
- };
26
-
27
- export { Closer };
@@ -1,47 +0,0 @@
1
- /* hash: 56ivs */
2
- :root {
3
- } /* deprecated */ :root {
4
- --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4);
5
- } :root {
6
- } :root {
7
- } :root {
8
-
9
- /* Hard */
10
-
11
- /* Up */
12
-
13
- /* Hard up */
14
- } :root {
15
- } :root {
16
- } :root {
17
- } :root {
18
- } :root {
19
-
20
- /* sizes */
21
-
22
- /* paddings */
23
-
24
- /* scroll */
25
-
26
- /* desktop */
27
-
28
- /* mobile */
29
- } :root {
30
- --side-panel-closer-bg-color: var(--color-light-bg-primary-alpha-40);
31
- } .side-panel__closer_1iu83 {
32
- flex-shrink: 0;
33
- width: 48px;
34
- height: 48px;
35
- margin-left: auto;
36
- display: flex;
37
- align-items: center;
38
- justify-content: center;
39
- } .side-panel__button_1iu83 {
40
- background: var(--side-panel-closer-bg-color);
41
- -webkit-backdrop-filter: blur(10px);
42
- backdrop-filter: blur(10px);
43
- border-radius: 50px;
44
- } .side-panel__sticky_1iu83 {
45
- position: sticky;
46
- top: 0;
47
- }
@@ -1,18 +0,0 @@
1
- import { ElementType, FC } from 'react';
2
- import { HeaderProps } from "./Component";
3
- type HeaderDesktopProps = Omit<HeaderProps, 'closer'> & {
4
- /**
5
- * Размер (только для desktop версии компонента)
6
- */
7
- size?: 's';
8
- /**
9
- * Наличие крестика
10
- */
11
- hasCloser?: boolean;
12
- /**
13
- * Иконка closer.
14
- */
15
- closerIcon?: ElementType;
16
- };
17
- declare const HeaderDesktop: FC<HeaderDesktopProps>;
18
- export { HeaderDesktopProps, HeaderDesktop };
@@ -1,24 +0,0 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-c804285b.js';
2
- import React from 'react';
3
- import cn from 'classnames';
4
- import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
5
- import { Closer } from '../closer/Component.js';
6
- import { Header } from './Component.js';
7
- import '@alfalab/core-components-icon-button/esm';
8
- import '../../Context.js';
9
- import '@alfalab/core-components-base-modal/esm';
10
-
11
- var styles = {"content":"side-panel__content_d106e","s":"side-panel__s_d106e","hasContent":"side-panel__hasContent_d106e","sticky":"side-panel__sticky_d106e"};
12
- require('./desktop.css')
13
-
14
- var HeaderDesktop = function (_a) {
15
- var _b;
16
- var _c = _a.size, size = _c === void 0 ? 's' : _c, className = _a.className, contentClassName = _a.contentClassName, _d = _a.hasCloser, hasCloser = _d === void 0 ? true : _d, _e = _a.closerIcon, closerIcon = _e === void 0 ? CrossHeavyMIcon : _e, sticky = _a.sticky, _f = _a.leftAddons, leftAddons = _f === void 0 ? React.createElement("span", null) : _f, title = _a.title, children = _a.children, restProps = __rest(_a, ["size", "className", "contentClassName", "hasCloser", "closerIcon", "sticky", "leftAddons", "title", "children"]);
17
- var hasContent = Boolean(title || children);
18
- return (React.createElement(Header, __assign({ className: cn(className, size && styles[size], (_b = {},
19
- _b[styles.sticky] = sticky,
20
- _b[styles.hasContent] = hasContent,
21
- _b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: closerIcon }) : null, leftAddons: leftAddons, sticky: sticky, title: title }, restProps), children));
22
- };
23
-
24
- export { HeaderDesktop };
@@ -1,14 +0,0 @@
1
- import { ElementType, FC } from 'react';
2
- import { HeaderProps } from "./Component";
3
- type HeaderMobileProps = Omit<HeaderProps, 'closer'> & {
4
- /**
5
- * Наличие крестика
6
- */
7
- hasCloser?: boolean;
8
- /**
9
- * Иконка closer.
10
- */
11
- closerIcon?: ElementType;
12
- };
13
- declare const HeaderMobile: FC<HeaderMobileProps>;
14
- export { HeaderMobileProps, HeaderMobile };
@@ -1,22 +0,0 @@
1
- import { _ as __rest, a as __assign } from '../../tslib.es6-c804285b.js';
2
- import React from 'react';
3
- import cn from 'classnames';
4
- import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
5
- import { Closer } from '../closer/Component.js';
6
- import { Header } from './Component.js';
7
- import '@alfalab/core-components-icon-button/esm';
8
- import '../../Context.js';
9
- import '@alfalab/core-components-base-modal/esm';
10
-
11
- var styles = {"sticky":"side-panel__sticky_pxztx","content":"side-panel__content_pxztx"};
12
- require('./mobile.css')
13
-
14
- var HeaderMobile = function (_a) {
15
- var _b;
16
- var className = _a.className, contentClassName = _a.contentClassName, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, sticky = _a.sticky, _d = _a.closerIcon, closerIcon = _d === void 0 ? CrossMIcon : _d, restProps = __rest(_a, ["className", "contentClassName", "hasCloser", "sticky", "closerIcon"]);
17
- return (React.createElement(Header, __assign({ className: cn(className, (_b = {},
18
- _b[styles.sticky] = sticky,
19
- _b)), contentClassName: cn(styles.content, contentClassName), closer: hasCloser ? React.createElement(Closer, { icon: closerIcon, size: 'xs' }) : null, sticky: sticky }, restProps)));
20
- };
21
-
22
- export { HeaderMobile };
@@ -1,36 +0,0 @@
1
- declare function __extends(d: any, b: any): void;
2
- declare function __rest(s: any, e: any): {};
3
- declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
4
- declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
5
- declare function __metadata(metadataKey: any, metadataValue: any): any;
6
- declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
7
- declare function __generator(thisArg: any, body: any): {
8
- next: (v: any) => any;
9
- throw: (v: any) => any;
10
- return: (v: any) => any;
11
- };
12
- declare function __exportStar(m: any, o: any): void;
13
- declare function __values(o: any): any;
14
- declare function __read(o: any, n: any): any;
15
- /** @deprecated */
16
- declare function __spread(...args: any[]): any[];
17
- /** @deprecated */
18
- declare function __spreadArrays(...args: any[]): any[];
19
- declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
20
- declare function __await(v: any): __await;
21
- declare class __await {
22
- constructor(v: any);
23
- v: any;
24
- }
25
- declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
26
- declare function __asyncDelegator(o: any): {};
27
- declare function __asyncValues(o: any): any;
28
- declare function __makeTemplateObject(cooked: any, raw: any): any;
29
- declare function __importStar(mod: any): any;
30
- declare function __importDefault(mod: any): any;
31
- declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
32
- declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
33
- declare function __classPrivateFieldIn(state: any, receiver: any): any;
34
- declare function __assign(...args: any[]): any;
35
- declare function __createBinding(o: any, m: any, k: any, k2: any): void;
36
- export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };
@@ -1,40 +0,0 @@
1
- /******************************************************************************
2
- Copyright (c) Microsoft Corporation.
3
-
4
- Permission to use, copy, modify, and/or distribute this software for any
5
- purpose with or without fee is hereby granted.
6
-
7
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
8
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
9
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
10
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
11
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
12
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
13
- PERFORMANCE OF THIS SOFTWARE.
14
- ***************************************************************************** */
15
- var __assign = function () {
16
- __assign = Object.assign || function __assign(t) {
17
- for (var s, i = 1, n = arguments.length; i < n; i++) {
18
- s = arguments[i];
19
- for (var p in s)
20
- if (Object.prototype.hasOwnProperty.call(s, p))
21
- t[p] = s[p];
22
- }
23
- return t;
24
- };
25
- return __assign.apply(this, arguments);
26
- };
27
- function __rest(s, e) {
28
- var t = {};
29
- for (var p in s)
30
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
31
- t[p] = s[p];
32
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
33
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
34
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
35
- t[p[i]] = s[p[i]];
36
- }
37
- return t;
38
- }
39
-
40
- export { __rest as _, __assign as a };
@@ -1,29 +0,0 @@
1
- import { ButtonHTMLAttributes, ElementType, FC } from 'react';
2
- import { IconButtonProps } from "@alfalab/core-components-icon-button";
3
- type CloserProps = ButtonHTMLAttributes<HTMLButtonElement> & {
4
- /**
5
- * Дополнительный класс
6
- */
7
- className?: string;
8
- /**
9
- * Позиция крестика
10
- */
11
- align?: 'left' | 'right';
12
- /**
13
- * Размер кнопки
14
- */
15
- size?: IconButtonProps['size'];
16
- /**
17
- * Фиксирует крестик
18
- */
19
- sticky?: boolean;
20
- /**
21
- * Иконка
22
- */
23
- icon: ElementType;
24
- };
25
- /**
26
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
27
- */
28
- declare const Closer: FC<CloserProps>;
29
- export { CloserProps, Closer };
@@ -1,24 +0,0 @@
1
- import React, { useContext, useCallback } from 'react';
2
- import cn from 'classnames';
3
- import { IconButton } from '@alfalab/core-components-icon-button/modern';
4
- import { ModalContext } from '../../Context.js';
5
- import '@alfalab/core-components-base-modal/modern';
6
-
7
- const styles = {"closer":"side-panel__closer_1iu83","button":"side-panel__button_1iu83","sticky":"side-panel__sticky_1iu83"};
8
- require('./index.css')
9
-
10
- /**
11
- * @deprecated Компонент только для внутреннего использования. Используйте <Header />
12
- */
13
- const Closer = ({ className, size = 's', sticky, icon, ...restProps }) => {
14
- const { onClose } = useContext(ModalContext);
15
- const handleClick = useCallback((event) => {
16
- onClose(event, 'closerClick');
17
- }, [onClose]);
18
- return (React.createElement("div", { className: cn(styles.closer, className, {
19
- [styles.sticky]: sticky,
20
- }) },
21
- React.createElement(IconButton, { size: size, className: styles.button, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, ...restProps })));
22
- };
23
-
24
- export { Closer };