@megafon/ui-lk-vas 0.10.7 → 0.10.9

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 (225) hide show
  1. package/package.json +5 -5
  2. package/dist/es/components/BottomBar/BottomBar.css +0 -1
  3. package/dist/es/components/BottomBar/BottomBar.d.ts +0 -28
  4. package/dist/es/components/BottomBar/BottomBar.js +0 -48
  5. package/dist/es/components/Cards/CardBig/CardBig.css +0 -1
  6. package/dist/es/components/Cards/CardBig/CardBig.d.ts +0 -13
  7. package/dist/es/components/Cards/CardBig/CardBig.js +0 -31
  8. package/dist/es/components/Cards/CardSmall/CardSmall.css +0 -1
  9. package/dist/es/components/Cards/CardSmall/CardSmall.d.ts +0 -36
  10. package/dist/es/components/Cards/CardSmall/CardSmall.js +0 -68
  11. package/dist/es/components/Cards/components/_CardCell/CardCell.css +0 -1
  12. package/dist/es/components/Cards/components/_CardCell/CardCell.d.ts +0 -41
  13. package/dist/es/components/Cards/components/_CardCell/CardCell.js +0 -110
  14. package/dist/es/components/Charts/Chart/Chart.css +0 -1
  15. package/dist/es/components/Charts/Chart/Chart.d.ts +0 -5
  16. package/dist/es/components/Charts/Chart/Chart.js +0 -104
  17. package/dist/es/components/Charts/Chart/components/_ChartBar/ChartBar.css +0 -1
  18. package/dist/es/components/Charts/Chart/components/_ChartBar/ChartBar.d.ts +0 -9
  19. package/dist/es/components/Charts/Chart/components/_ChartBar/ChartBar.js +0 -110
  20. package/dist/es/components/Charts/Chart/components/_ChartBase/ChartBase.d.ts +0 -12
  21. package/dist/es/components/Charts/Chart/components/_ChartBase/ChartBase.js +0 -41
  22. package/dist/es/components/Charts/Chart/components/_ChartBase/helpers.d.ts +0 -2
  23. package/dist/es/components/Charts/Chart/components/_ChartBase/helpers.js +0 -49
  24. package/dist/es/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.css +0 -1
  25. package/dist/es/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.d.ts +0 -9
  26. package/dist/es/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.js +0 -65
  27. package/dist/es/components/Charts/Chart/components/_ChartLegend/ChartLegend.css +0 -1
  28. package/dist/es/components/Charts/Chart/components/_ChartLegend/ChartLegend.d.ts +0 -12
  29. package/dist/es/components/Charts/Chart/components/_ChartLegend/ChartLegend.js +0 -29
  30. package/dist/es/components/Charts/Chart/components/_ChartLine/ChartLine.css +0 -1
  31. package/dist/es/components/Charts/Chart/components/_ChartLine/ChartLine.d.ts +0 -9
  32. package/dist/es/components/Charts/Chart/components/_ChartLine/ChartLine.js +0 -112
  33. package/dist/es/components/Charts/Chart/components/chartColors.d.ts +0 -16
  34. package/dist/es/components/Charts/Chart/components/chartColors.js +0 -42
  35. package/dist/es/components/Charts/Chart/img/chart.png +0 -0
  36. package/dist/es/components/Charts/Chart/types.d.ts +0 -40
  37. package/dist/es/components/Charts/Chart/types.js +0 -1
  38. package/dist/es/components/Header/Header.css +0 -1
  39. package/dist/es/components/Header/Header.d.ts +0 -33
  40. package/dist/es/components/Header/Header.js +0 -48
  41. package/dist/es/components/Header/components/_HeaderAccount/HeaderAccount.css +0 -1
  42. package/dist/es/components/Header/components/_HeaderAccount/HeaderAccount.d.ts +0 -21
  43. package/dist/es/components/Header/components/_HeaderAccount/HeaderAccount.js +0 -43
  44. package/dist/es/components/Header/components/_HeaderButton/HeaderButton.css +0 -1
  45. package/dist/es/components/Header/components/_HeaderButton/HeaderButton.d.ts +0 -20
  46. package/dist/es/components/Header/components/_HeaderButton/HeaderButton.js +0 -82
  47. package/dist/es/components/Header/components/_HeaderFavorites/HeaderFavorites.css +0 -1
  48. package/dist/es/components/Header/components/_HeaderFavorites/HeaderFavorites.d.ts +0 -19
  49. package/dist/es/components/Header/components/_HeaderFavorites/HeaderFavorites.js +0 -40
  50. package/dist/es/components/Header/components/_HeaderFinance/HeaderFinance.css +0 -1
  51. package/dist/es/components/Header/components/_HeaderFinance/HeaderFinance.d.ts +0 -28
  52. package/dist/es/components/Header/components/_HeaderFinance/HeaderFinance.js +0 -23
  53. package/dist/es/components/Header/components/_HeaderLkSelect/HeaderLkSelect.css +0 -1
  54. package/dist/es/components/Header/components/_HeaderLkSelect/HeaderLkSelect.d.ts +0 -19
  55. package/dist/es/components/Header/components/_HeaderLkSelect/HeaderLkSelect.js +0 -51
  56. package/dist/es/components/Header/components/_HeaderLogo/HeaderLogo.css +0 -1
  57. package/dist/es/components/Header/components/_HeaderLogo/HeaderLogo.d.ts +0 -18
  58. package/dist/es/components/Header/components/_HeaderLogo/HeaderLogo.js +0 -59
  59. package/dist/es/components/Header/components/_HeaderSupport/HeaderSupport.d.ts +0 -19
  60. package/dist/es/components/Header/components/_HeaderSupport/HeaderSupport.js +0 -38
  61. package/dist/es/components/Layout/Layout.css +0 -1
  62. package/dist/es/components/Layout/Layout.d.ts +0 -10
  63. package/dist/es/components/Layout/Layout.js +0 -23
  64. package/dist/es/components/NavBar/NavBar.css +0 -1
  65. package/dist/es/components/NavBar/NavBar.d.ts +0 -23
  66. package/dist/es/components/NavBar/NavBar.js +0 -31
  67. package/dist/es/components/NavBar/components/_NavBarItem/NavBarItem.css +0 -1
  68. package/dist/es/components/NavBar/components/_NavBarItem/NavBarItem.d.ts +0 -22
  69. package/dist/es/components/NavBar/components/_NavBarItem/NavBarItem.js +0 -37
  70. package/dist/es/components/Table/Table.css +0 -1
  71. package/dist/es/components/Table/Table.d.ts +0 -15
  72. package/dist/es/components/Table/Table.js +0 -76
  73. package/dist/es/components/Table/components/TableBody/TableBody.d.ts +0 -11
  74. package/dist/es/components/Table/components/TableBody/TableBody.js +0 -13
  75. package/dist/es/components/Table/components/TableHead/TableHead.d.ts +0 -11
  76. package/dist/es/components/Table/components/TableHead/TableHead.js +0 -13
  77. package/dist/es/components/Table/components/TableSettings/TableSettings.css +0 -1
  78. package/dist/es/components/Table/components/TableSettings/TableSettings.d.ts +0 -23
  79. package/dist/es/components/Table/components/TableSettings/TableSettings.js +0 -50
  80. package/dist/es/components/Table/components/TableTd/TableTd.css +0 -1
  81. package/dist/es/components/Table/components/TableTd/TableTd.d.ts +0 -18
  82. package/dist/es/components/Table/components/TableTd/TableTd.js +0 -26
  83. package/dist/es/components/Table/components/TableTh/TableTh.css +0 -1
  84. package/dist/es/components/Table/components/TableTh/TableTh.d.ts +0 -45
  85. package/dist/es/components/Table/components/TableTh/TableTh.js +0 -81
  86. package/dist/es/components/Table/components/TableTooltip/TableTooltip.css +0 -1
  87. package/dist/es/components/Table/components/TableTooltip/TableTooltip.d.ts +0 -27
  88. package/dist/es/components/Table/components/TableTooltip/TableTooltip.js +0 -38
  89. package/dist/es/components/Table/components/TableTr/TableTr.css +0 -1
  90. package/dist/es/components/Table/components/TableTr/TableTr.d.ts +0 -12
  91. package/dist/es/components/Table/components/TableTr/TableTr.js +0 -14
  92. package/dist/es/components/Table/contexts/TableContext.d.ts +0 -6
  93. package/dist/es/components/Table/contexts/TableContext.js +0 -8
  94. package/dist/es/components/Table/helpers.d.ts +0 -2
  95. package/dist/es/components/Table/helpers.js +0 -12
  96. package/dist/es/components/Table/types.d.ts +0 -5
  97. package/dist/es/components/Table/types.js +0 -1
  98. package/dist/es/components/_Dropdown/Dropdown.css +0 -1
  99. package/dist/es/components/_Dropdown/Dropdown.d.ts +0 -12
  100. package/dist/es/components/_Dropdown/Dropdown.js +0 -54
  101. package/dist/es/components/_DropdownInfo/DropdownInfo.css +0 -1
  102. package/dist/es/components/_DropdownInfo/DropdownInfo.d.ts +0 -9
  103. package/dist/es/components/_DropdownInfo/DropdownInfo.js +0 -22
  104. package/dist/es/components/_DropdownItem/DropdownItem.css +0 -1
  105. package/dist/es/components/_DropdownItem/DropdownItem.d.ts +0 -34
  106. package/dist/es/components/_DropdownItem/DropdownItem.js +0 -39
  107. package/dist/es/helpers/setRelAttribute.d.ts +0 -3
  108. package/dist/es/helpers/setRelAttribute.js +0 -9
  109. package/dist/es/hooks/useCssVariable.d.ts +0 -2
  110. package/dist/es/hooks/useCssVariable.js +0 -22
  111. package/dist/es/index.d.ts +0 -33
  112. package/dist/es/index.js +0 -33
  113. package/dist/es/styles/constants.css +0 -0
  114. package/dist/lib/components/BottomBar/BottomBar.css +0 -1
  115. package/dist/lib/components/BottomBar/BottomBar.d.ts +0 -28
  116. package/dist/lib/components/BottomBar/BottomBar.js +0 -57
  117. package/dist/lib/components/Cards/CardBig/CardBig.css +0 -1
  118. package/dist/lib/components/Cards/CardBig/CardBig.d.ts +0 -13
  119. package/dist/lib/components/Cards/CardBig/CardBig.js +0 -40
  120. package/dist/lib/components/Cards/CardSmall/CardSmall.css +0 -1
  121. package/dist/lib/components/Cards/CardSmall/CardSmall.d.ts +0 -36
  122. package/dist/lib/components/Cards/CardSmall/CardSmall.js +0 -77
  123. package/dist/lib/components/Cards/components/_CardCell/CardCell.css +0 -1
  124. package/dist/lib/components/Cards/components/_CardCell/CardCell.d.ts +0 -41
  125. package/dist/lib/components/Cards/components/_CardCell/CardCell.js +0 -119
  126. package/dist/lib/components/Charts/Chart/Chart.css +0 -1
  127. package/dist/lib/components/Charts/Chart/Chart.d.ts +0 -5
  128. package/dist/lib/components/Charts/Chart/Chart.js +0 -113
  129. package/dist/lib/components/Charts/Chart/components/_ChartBar/ChartBar.css +0 -1
  130. package/dist/lib/components/Charts/Chart/components/_ChartBar/ChartBar.d.ts +0 -9
  131. package/dist/lib/components/Charts/Chart/components/_ChartBar/ChartBar.js +0 -119
  132. package/dist/lib/components/Charts/Chart/components/_ChartBase/ChartBase.d.ts +0 -12
  133. package/dist/lib/components/Charts/Chart/components/_ChartBase/ChartBase.js +0 -51
  134. package/dist/lib/components/Charts/Chart/components/_ChartBase/helpers.d.ts +0 -2
  135. package/dist/lib/components/Charts/Chart/components/_ChartBase/helpers.js +0 -55
  136. package/dist/lib/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.css +0 -1
  137. package/dist/lib/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.d.ts +0 -9
  138. package/dist/lib/components/Charts/Chart/components/_ChartDoughnut/ChartDoughnut.js +0 -74
  139. package/dist/lib/components/Charts/Chart/components/_ChartLegend/ChartLegend.css +0 -1
  140. package/dist/lib/components/Charts/Chart/components/_ChartLegend/ChartLegend.d.ts +0 -12
  141. package/dist/lib/components/Charts/Chart/components/_ChartLegend/ChartLegend.js +0 -37
  142. package/dist/lib/components/Charts/Chart/components/_ChartLine/ChartLine.css +0 -1
  143. package/dist/lib/components/Charts/Chart/components/_ChartLine/ChartLine.d.ts +0 -9
  144. package/dist/lib/components/Charts/Chart/components/_ChartLine/ChartLine.js +0 -121
  145. package/dist/lib/components/Charts/Chart/components/chartColors.d.ts +0 -16
  146. package/dist/lib/components/Charts/Chart/components/chartColors.js +0 -48
  147. package/dist/lib/components/Charts/Chart/img/chart.png +0 -0
  148. package/dist/lib/components/Charts/Chart/types.d.ts +0 -40
  149. package/dist/lib/components/Charts/Chart/types.js +0 -5
  150. package/dist/lib/components/Header/Header.css +0 -1
  151. package/dist/lib/components/Header/Header.d.ts +0 -33
  152. package/dist/lib/components/Header/Header.js +0 -57
  153. package/dist/lib/components/Header/components/_HeaderAccount/HeaderAccount.css +0 -1
  154. package/dist/lib/components/Header/components/_HeaderAccount/HeaderAccount.d.ts +0 -21
  155. package/dist/lib/components/Header/components/_HeaderAccount/HeaderAccount.js +0 -52
  156. package/dist/lib/components/Header/components/_HeaderButton/HeaderButton.css +0 -1
  157. package/dist/lib/components/Header/components/_HeaderButton/HeaderButton.d.ts +0 -20
  158. package/dist/lib/components/Header/components/_HeaderButton/HeaderButton.js +0 -91
  159. package/dist/lib/components/Header/components/_HeaderFavorites/HeaderFavorites.css +0 -1
  160. package/dist/lib/components/Header/components/_HeaderFavorites/HeaderFavorites.d.ts +0 -19
  161. package/dist/lib/components/Header/components/_HeaderFavorites/HeaderFavorites.js +0 -49
  162. package/dist/lib/components/Header/components/_HeaderFinance/HeaderFinance.css +0 -1
  163. package/dist/lib/components/Header/components/_HeaderFinance/HeaderFinance.d.ts +0 -28
  164. package/dist/lib/components/Header/components/_HeaderFinance/HeaderFinance.js +0 -32
  165. package/dist/lib/components/Header/components/_HeaderLkSelect/HeaderLkSelect.css +0 -1
  166. package/dist/lib/components/Header/components/_HeaderLkSelect/HeaderLkSelect.d.ts +0 -19
  167. package/dist/lib/components/Header/components/_HeaderLkSelect/HeaderLkSelect.js +0 -60
  168. package/dist/lib/components/Header/components/_HeaderLogo/HeaderLogo.css +0 -1
  169. package/dist/lib/components/Header/components/_HeaderLogo/HeaderLogo.d.ts +0 -18
  170. package/dist/lib/components/Header/components/_HeaderLogo/HeaderLogo.js +0 -68
  171. package/dist/lib/components/Header/components/_HeaderSupport/HeaderSupport.d.ts +0 -19
  172. package/dist/lib/components/Header/components/_HeaderSupport/HeaderSupport.js +0 -48
  173. package/dist/lib/components/Layout/Layout.css +0 -1
  174. package/dist/lib/components/Layout/Layout.d.ts +0 -10
  175. package/dist/lib/components/Layout/Layout.js +0 -31
  176. package/dist/lib/components/NavBar/NavBar.css +0 -1
  177. package/dist/lib/components/NavBar/NavBar.d.ts +0 -23
  178. package/dist/lib/components/NavBar/NavBar.js +0 -40
  179. package/dist/lib/components/NavBar/components/_NavBarItem/NavBarItem.css +0 -1
  180. package/dist/lib/components/NavBar/components/_NavBarItem/NavBarItem.d.ts +0 -22
  181. package/dist/lib/components/NavBar/components/_NavBarItem/NavBarItem.js +0 -45
  182. package/dist/lib/components/Table/Table.css +0 -1
  183. package/dist/lib/components/Table/Table.d.ts +0 -15
  184. package/dist/lib/components/Table/Table.js +0 -85
  185. package/dist/lib/components/Table/components/TableBody/TableBody.d.ts +0 -11
  186. package/dist/lib/components/Table/components/TableBody/TableBody.js +0 -23
  187. package/dist/lib/components/Table/components/TableHead/TableHead.d.ts +0 -11
  188. package/dist/lib/components/Table/components/TableHead/TableHead.js +0 -23
  189. package/dist/lib/components/Table/components/TableSettings/TableSettings.css +0 -1
  190. package/dist/lib/components/Table/components/TableSettings/TableSettings.d.ts +0 -23
  191. package/dist/lib/components/Table/components/TableSettings/TableSettings.js +0 -59
  192. package/dist/lib/components/Table/components/TableTd/TableTd.css +0 -1
  193. package/dist/lib/components/Table/components/TableTd/TableTd.d.ts +0 -18
  194. package/dist/lib/components/Table/components/TableTd/TableTd.js +0 -35
  195. package/dist/lib/components/Table/components/TableTh/TableTh.css +0 -1
  196. package/dist/lib/components/Table/components/TableTh/TableTh.d.ts +0 -45
  197. package/dist/lib/components/Table/components/TableTh/TableTh.js +0 -90
  198. package/dist/lib/components/Table/components/TableTooltip/TableTooltip.css +0 -1
  199. package/dist/lib/components/Table/components/TableTooltip/TableTooltip.d.ts +0 -27
  200. package/dist/lib/components/Table/components/TableTooltip/TableTooltip.js +0 -46
  201. package/dist/lib/components/Table/components/TableTr/TableTr.css +0 -1
  202. package/dist/lib/components/Table/components/TableTr/TableTr.d.ts +0 -12
  203. package/dist/lib/components/Table/components/TableTr/TableTr.js +0 -23
  204. package/dist/lib/components/Table/contexts/TableContext.d.ts +0 -6
  205. package/dist/lib/components/Table/contexts/TableContext.js +0 -14
  206. package/dist/lib/components/Table/helpers.d.ts +0 -2
  207. package/dist/lib/components/Table/helpers.js +0 -18
  208. package/dist/lib/components/Table/types.d.ts +0 -5
  209. package/dist/lib/components/Table/types.js +0 -5
  210. package/dist/lib/components/_Dropdown/Dropdown.css +0 -1
  211. package/dist/lib/components/_Dropdown/Dropdown.d.ts +0 -12
  212. package/dist/lib/components/_Dropdown/Dropdown.js +0 -63
  213. package/dist/lib/components/_DropdownInfo/DropdownInfo.css +0 -1
  214. package/dist/lib/components/_DropdownInfo/DropdownInfo.d.ts +0 -9
  215. package/dist/lib/components/_DropdownInfo/DropdownInfo.js +0 -30
  216. package/dist/lib/components/_DropdownItem/DropdownItem.css +0 -1
  217. package/dist/lib/components/_DropdownItem/DropdownItem.d.ts +0 -34
  218. package/dist/lib/components/_DropdownItem/DropdownItem.js +0 -48
  219. package/dist/lib/helpers/setRelAttribute.d.ts +0 -3
  220. package/dist/lib/helpers/setRelAttribute.js +0 -15
  221. package/dist/lib/hooks/useCssVariable.d.ts +0 -2
  222. package/dist/lib/hooks/useCssVariable.js +0 -29
  223. package/dist/lib/index.d.ts +0 -33
  224. package/dist/lib/index.js +0 -237
  225. package/dist/lib/styles/constants.css +0 -0
@@ -1,32 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var React = _interopRequireWildcard(require("react"));
10
- var _uiHelpers = require("@megafon/ui-helpers");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
- var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-finance');
15
- var HeaderFinance = function HeaderFinance(_ref) {
16
- var className = _ref.className,
17
- balance = _ref.balance,
18
- bonuses = _ref.bonuses,
19
- dataAttrs = _ref.dataAttrs;
20
- return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
21
- className: cn([className])
22
- }), !!balance && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.balance), {
23
- className: cn('item')
24
- }), balance.title, ": ", /*#__PURE__*/React.createElement("b", {
25
- className: cn('value')
26
- }, balance.value)), !!bonuses && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.bonuses), {
27
- className: cn('item')
28
- }), bonuses.title, ": ", /*#__PURE__*/React.createElement("b", {
29
- className: cn('value')
30
- }, bonuses.value)));
31
- };
32
- var _default = exports["default"] = HeaderFinance;
@@ -1 +0,0 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-lk-select{margin-right:auto;position:relative}.mfui-lkvas-lk-select:before{border-left:1px solid var(--spbSky3);content:"";height:20px;left:-8px;position:absolute;top:50%;translate:0 -50%;width:1px}.mfui-lkvas-lk-select__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-weight:500;-webkit-transition:color .3s;transition:color .3s;white-space:nowrap}@media (pointer:fine){.mfui-lkvas-lk-select__title:hover{color:var(--brandGreen)}}.mfui-lkvas-lk-select__title:active{color:var(--content)}.mfui-lkvas-lk-select__arrow-svg{-webkit-box-sizing:border-box;box-sizing:border-box;height:20px;-webkit-transition:rotate .3s;transition:rotate .3s;width:20px;fill:currentColor}.mfui-lkvas-lk-select__arrow-svg_opened{rotate:-180deg}
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- import { ItemType } from '../../../_DropdownItem/DropdownItem';
3
- import './HeaderLkSelect.scss';
4
- export type LkSelectType = {
5
- /** Заголовок */
6
- title: string;
7
- /** Элементы основного списка */
8
- items: ItemType[];
9
- /** Элементы списка действий */
10
- actions: ItemType[];
11
- };
12
- export interface IHeaderLkSelectProps extends LkSelectType {
13
- className?: string;
14
- dataAttrs?: {
15
- root?: Record<string, string>;
16
- };
17
- }
18
- declare const HeaderLkSelect: React.FC<IHeaderLkSelectProps>;
19
- export default HeaderLkSelect;
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- require("core-js/modules/es.array.map.js");
10
- var React = _interopRequireWildcard(require("react"));
11
- var _uiHelpers = require("@megafon/ui-helpers");
12
- var _Dropdown = _interopRequireDefault(require("../../../_Dropdown/Dropdown"));
13
- var _DropdownItem = _interopRequireDefault(require("../../../_DropdownItem/DropdownItem"));
14
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
16
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
17
- var ArrowIcon = function ArrowIcon(props) {
18
- return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
19
- viewBox: "0 0 20 20"
20
- }, props), /*#__PURE__*/React.createElement("path", {
21
- d: "M6 8h8l-4 5z",
22
- fillRule: "evenodd",
23
- clipRule: "evenodd"
24
- }));
25
- };
26
- var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-lk-select');
27
- var HeaderLkSelect = function HeaderLkSelect(_ref) {
28
- var dataAttrs = _ref.dataAttrs,
29
- className = _ref.className,
30
- title = _ref.title,
31
- items = _ref.items,
32
- actions = _ref.actions;
33
- var renderTrigger = function renderTrigger(isOpened) {
34
- return /*#__PURE__*/React.createElement("div", {
35
- className: cn('title')
36
- }, title, /*#__PURE__*/React.createElement(ArrowIcon, {
37
- className: cn('arrow-svg', {
38
- opened: isOpened
39
- })
40
- }));
41
- };
42
- return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
43
- className: cn([className])
44
- }), /*#__PURE__*/React.createElement(_Dropdown["default"], {
45
- className: cn('dropdown'),
46
- position: "left",
47
- renderTrigger: renderTrigger
48
- }, items.map(function (item) {
49
- return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, item, {
50
- key: item.id + item.title
51
- }));
52
- }), actions.map(function (action, i) {
53
- return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, action, {
54
- color: "green",
55
- hasTopBorder: i === 0,
56
- key: action.id + action.title
57
- }));
58
- })));
59
- };
60
- var _default = exports["default"] = HeaderLkSelect;
@@ -1 +0,0 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-lk-logo{display:block;-ms-flex-negative:0;flex-shrink:0;height:20px;width:113px}.mfui-lkvas-lk-logo_clickable{cursor:pointer}.mfui-lkvas-lk-logo__svg{display:block;height:100%;width:100%}
@@ -1,18 +0,0 @@
1
- import * as React from 'react';
2
- import './HeaderLogo.scss';
3
- export type LogoType = {
4
- /** Ссылка */
5
- href?: string;
6
- /** Обработчик клика */
7
- onClick?: () => void;
8
- /** Функция рендера компонента-обертки */
9
- renderWrapper?: (node: React.ReactNode) => React.ReactNode;
10
- };
11
- export interface IHeaderLogoProps extends LogoType {
12
- className?: string;
13
- dataAttrs?: {
14
- root?: Record<string, string>;
15
- };
16
- }
17
- declare const HeaderLogo: React.FC<IHeaderLogoProps>;
18
- export default HeaderLogo;
@@ -1,68 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var React = _interopRequireWildcard(require("react"));
10
- var _uiHelpers = require("@megafon/ui-helpers");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
- var LogoSvg = function LogoSvg(props) {
15
- return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
16
- width: 113,
17
- height: 20,
18
- fill: "none"
19
- }, props), /*#__PURE__*/React.createElement("g", {
20
- clipPath: "url(#LogoSvg__clip0_694_495)"
21
- }, /*#__PURE__*/React.createElement("mask", {
22
- id: "LogoSvg__a",
23
- style: {
24
- maskType: 'luminance'
25
- },
26
- maskUnits: "userSpaceOnUse",
27
- x: 0,
28
- y: 0,
29
- width: 113,
30
- height: 20
31
- }, /*#__PURE__*/React.createElement("path", {
32
- d: "M0 0h113v20H0V0z",
33
- fill: "#fff"
34
- })), /*#__PURE__*/React.createElement("g", {
35
- mask: "url(#LogoSvg__a)",
36
- fill: "#00B956"
37
- }, /*#__PURE__*/React.createElement("path", {
38
- d: "M16.746 15.453a1.23 1.23 0 01-.687-.213 1.264 1.264 0 01-.188-1.925 1.236 1.236 0 011.118-.342 1.233 1.233 0 01.903.75 1.263 1.263 0 01-.562 1.582c-.18.097-.38.148-.584.148zm-2.89 0c-.329 0-.644-.132-.876-.367a1.259 1.259 0 010-1.77 1.232 1.232 0 011.752 0 1.258 1.258 0 010 1.77 1.232 1.232 0 01-.876.367zm-2.89 0c-.328 0-.643-.132-.875-.367a1.258 1.258 0 010-1.77 1.232 1.232 0 011.752 0 1.258 1.258 0 010 1.77 1.233 1.233 0 01-.876.367zm.202-15.38v10.314a.816.816 0 01-.238.57.8.8 0 01-.567.236H9.099a.112.112 0 00-.077.033.114.114 0 00-.032.076v8.655a9.856 9.856 0 007.698-2.673 10.02 10.02 0 002.813-4.808c.466-1.84.404-3.776-.179-5.582a10.002 10.002 0 00-3.114-4.614A9.845 9.845 0 0011.129.073"
39
- }), /*#__PURE__*/React.createElement("path", {
40
- d: "M8.005 8.262a1.23 1.23 0 01-.688-.212 1.27 1.27 0 01-.19-1.928 1.231 1.231 0 011.743.01 1.262 1.262 0 01.01 1.763 1.231 1.231 0 01-.875.367zM9.9 0a9.842 9.842 0 00-6.616 2.568A10.034 10.034 0 00.414 7.155a10.135 10.135 0 00-.084 5.43 10.043 10.043 0 002.727 4.677 9.86 9.86 0 004.738 2.549v-8.992a.82.82 0 01.23-.556.801.801 0 01.546-.244h1.25a.11.11 0 00.109-.103V0h-.029zm17.654 0h-.682v20h.682V0zm7.074 15.593h1.901V5.61h4.762v9.983h1.9V3.884h-8.563v11.709zm17.297-6.775a3.716 3.716 0 00-1.245-.895 3.863 3.863 0 00-1.604-.311c-.469.003-.93.117-1.348.333-.424.202-.782.52-1.034.92V7.8H44.89v11.693h1.806v-4.938c.252.4.61.72 1.034.921.417.216.879.33 1.347.333a3.932 3.932 0 001.605-.325 3.765 3.765 0 001.245-.929c.53-.59.886-1.319 1.029-2.103a4.34 4.34 0 00-.218-2.337 4.126 4.126 0 00-.81-1.297zm-.863 3.83a2.224 2.224 0 01-1.178 1.32c-.29.136-.607.205-.928.2a2.184 2.184 0 01-1.306-.407 2.226 2.226 0 01-.818-1.11 2.899 2.899 0 01-.155-.953c-.003-.325.05-.648.155-.954.15-.448.435-.837.817-1.11.382-.272.84-.415 1.307-.406.32-.006.638.063.928.2a2.23 2.23 0 011.178 1.313 2.927 2.927 0 010 1.907zm10.07-3.83a3.816 3.816 0 00-1.29-.895 4.124 4.124 0 00-1.676-.326c-.572-.01-1.14.1-1.669.326a3.794 3.794 0 00-1.275.895c-.353.38-.63.825-.817 1.311a4.396 4.396 0 000 3.136c.19.477.467.915.817 1.29.355.387.784.696 1.26.91a4.138 4.138 0 001.67.326 4.182 4.182 0 001.676-.326 3.87 3.87 0 001.304-.91c.358-.376.64-.818.827-1.304a4.396 4.396 0 000-3.136 3.93 3.93 0 00-.827-1.297zm-.85 3.83c-.104.288-.26.555-.462.785a2.225 2.225 0 01-.722.534 2.146 2.146 0 01-.936.2 2.06 2.06 0 01-.924-.2 2.203 2.203 0 01-.724-.536 2.237 2.237 0 01-.454-.783 2.894 2.894 0 01-.156-.955c-.002-.324.05-.647.156-.953a2.204 2.204 0 011.178-1.32c.289-.137.605-.206.924-.2.323-.004.642.064.936.2.274.127.52.31.722.535.202.23.36.496.462.785a2.816 2.816 0 010 1.907zm10.203-2.843a3.311 3.311 0 00-1.084-.732 3.38 3.38 0 00-1.39-.277h-2.479v-3.19h5.04V3.884h-6.93v11.693h4.38c.476.008.949-.084 1.39-.267a3.17 3.17 0 001.067-.729c.302-.314.538-.688.693-1.097.317-.84.317-1.77 0-2.61a3.125 3.125 0 00-.687-1.07zm-1.38 3.577a1.342 1.342 0 01-1.084.492h-2.478v-3.368h2.478a1.328 1.328 0 011.084.493 1.962 1.962 0 010 2.39v-.007zM78.041 8.5l-3.426 4.4V7.796h-1.798v7.796h1.798v-.655l3.426-4.363v5.018h1.798V7.798h-1.798V8.5zm7.618 3.077a1.92 1.92 0 001.131-.544 1.73 1.73 0 00.437-1.28 1.89 1.89 0 00-.759-1.557 3.389 3.389 0 00-2.135-.584 3.226 3.226 0 00-2.168.701 2.352 2.352 0 00-.823 1.857h1.752a1.235 1.235 0 01.264-.793 1.181 1.181 0 01.96-.329 1.28 1.28 0 01.868.278.852.852 0 01.321.694 1.058 1.058 0 01-.281.768 1.39 1.39 0 01-1.008.284h-.777v1.273h.877c.37-.034.738.073 1.034.299a1.009 1.009 0 01.322.771.734.734 0 01-.361.683c-.261.154-.56.23-.86.22a1.674 1.674 0 01-1.11-.31 1.002 1.002 0 01-.36-.812H81.23a2.424 2.424 0 00.802 1.9 3.348 3.348 0 002.287.709c.394.002.787-.05 1.167-.157.347-.098.676-.25.975-.453.276-.19.504-.439.668-.731.17-.3.256-.641.25-.987a1.758 1.758 0 00-.506-1.33 2.076 2.076 0 00-1.214-.57zm8.39-.702h-3.523V7.798h-1.799v7.795h1.799v-3.198h3.522v3.198h1.803V7.798h-1.803v3.077zm9.342-2.266a3.53 3.53 0 00-1.142-.73 3.618 3.618 0 00-1.394-.267 4.051 4.051 0 00-1.622.307c-.46.187-.87.477-1.204.848a3.83 3.83 0 00-.721 1.304 5.018 5.018 0 00-.257 1.622 5.26 5.26 0 00.238 1.605c.15.48.396.924.722 1.304.332.376.741.674 1.2.87.537.223 1.114.331 1.694.318a4.04 4.04 0 001.341-.209 3.548 3.548 0 001.04-.558 2.885 2.885 0 001.084-1.777h-1.807a1.796 1.796 0 01-.513.732 1.687 1.687 0 01-1.122.303 2.459 2.459 0 01-.943-.161 1.603 1.603 0 01-.618-.434 1.836 1.836 0 01-.362-.643 3.633 3.633 0 01-.148-.787h5.506c.039-.218.064-.44.076-.661v-.475a3.469 3.469 0 00-1.033-2.5l-.015-.011zM98.835 10.9A1.794 1.794 0 0199.4 9.44a2.06 2.06 0 011.406-.487 1.748 1.748 0 011.376.54 1.8 1.8 0 01.491 1.408h-3.837zm12.381 2.013a2.016 2.016 0 01-.542.91c-.335.25-.749.369-1.164.333a2.236 2.236 0 01-.993-.2 1.852 1.852 0 01-.675-.535 2.178 2.178 0 01-.42-.774 3.615 3.615 0 01-.122-.955c-.003-.32.038-.638.122-.946.08-.284.212-.55.391-.785a1.844 1.844 0 011.553-.731c.476-.044.951.095 1.329.39.277.276.45.64.488 1.031h1.806a3.67 3.67 0 00-.274-1.096 2.851 2.851 0 00-.661-.969 3.347 3.347 0 00-1.106-.694 4.326 4.326 0 00-1.611-.267 3.749 3.749 0 00-1.655.344 3.615 3.615 0 00-1.199.91c-.324.384-.57.83-.723 1.311a4.857 4.857 0 000 3.07c.154.479.4.922.723 1.305.335.386.746.695 1.207.91a3.796 3.796 0 001.661.343 4.65 4.65 0 001.482-.215c.395-.134.763-.341 1.084-.61.298-.256.543-.57.722-.922.176-.355.298-.736.361-1.129l-1.784-.029z"
41
- }))), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
42
- id: "LogoSvg__clip0_694_495"
43
- }, /*#__PURE__*/React.createElement("path", {
44
- fill: "#fff",
45
- d: "M0 0h113v20H0z"
46
- }))));
47
- };
48
- var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-lk-logo');
49
- var HeaderLogo = function HeaderLogo(_ref) {
50
- var dataAttrs = _ref.dataAttrs,
51
- className = _ref.className,
52
- href = _ref.href,
53
- onClick = _ref.onClick,
54
- renderWrapper = _ref.renderWrapper;
55
- var Element = href ? 'a' : 'div';
56
- var isClickableElement = !!href || !!onClick;
57
- var rootElement = /*#__PURE__*/React.createElement(Element, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
58
- className: cn({
59
- clickable: isClickableElement
60
- }, [className]),
61
- href: href,
62
- onClick: onClick
63
- }), /*#__PURE__*/React.createElement(LogoSvg, {
64
- className: cn('svg')
65
- }));
66
- return renderWrapper ? renderWrapper(rootElement) : rootElement;
67
- };
68
- var _default = exports["default"] = HeaderLogo;
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- import { ItemType } from '../../../_DropdownItem/DropdownItem';
3
- export type SupportType = {
4
- /** Элементы основного списка */
5
- items: ItemType[];
6
- /** Элементы информационного списка */
7
- info: {
8
- title: string;
9
- subtitle: string;
10
- }[];
11
- };
12
- export interface IHeaderSupportProps extends SupportType {
13
- className?: string;
14
- dataAttrs?: {
15
- root?: Record<string, string>;
16
- };
17
- }
18
- declare const HeaderSupport: React.FC<IHeaderSupportProps>;
19
- export default HeaderSupport;
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- require("core-js/modules/es.array.map.js");
10
- var React = _interopRequireWildcard(require("react"));
11
- var _uiHelpers = require("@megafon/ui-helpers");
12
- var _Dropdown = _interopRequireDefault(require("../../../_Dropdown/Dropdown"));
13
- var _DropdownInfo = _interopRequireDefault(require("../../../_DropdownInfo/DropdownInfo"));
14
- var _DropdownItem = _interopRequireDefault(require("../../../_DropdownItem/DropdownItem"));
15
- var _HeaderButton = _interopRequireDefault(require("../_HeaderButton/HeaderButton"));
16
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
19
- var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-support');
20
- var HeaderSupport = function HeaderSupport(_ref) {
21
- var dataAttrs = _ref.dataAttrs,
22
- className = _ref.className,
23
- items = _ref.items,
24
- info = _ref.info;
25
- var renderTrigger = function renderTrigger(isOpened) {
26
- return /*#__PURE__*/React.createElement(_HeaderButton["default"], {
27
- icon: "support",
28
- color: "green-soft",
29
- isOpened: isOpened
30
- });
31
- };
32
- return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
33
- className: cn([className])
34
- }), /*#__PURE__*/React.createElement(_Dropdown["default"], {
35
- className: cn('dropdown'),
36
- renderTrigger: renderTrigger
37
- }, items.map(function (item) {
38
- return /*#__PURE__*/React.createElement(_DropdownItem["default"], (0, _extends2["default"])({}, item, {
39
- key: item.id + item.title
40
- }));
41
- }), info.map(function (item, i) {
42
- return /*#__PURE__*/React.createElement(_DropdownInfo["default"], (0, _extends2["default"])({}, item, {
43
- hasTopBorder: i === 0,
44
- key: i + item.title
45
- }));
46
- })));
47
- };
48
- var _default = exports["default"] = HeaderSupport;
@@ -1 +0,0 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-layout{font-family:inherit;font-size:15px;height:100vh;line-height:24px;overflow-x:auto;overflow-y:hidden}.mfui-lkvas-layout ::-webkit-scrollbar{width:12px}.mfui-lkvas-layout ::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-lkvas-layout ::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-lkvas-layout__container{background-color:var(--base);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-areas:"header header" "navbar main";grid-template-columns:264px auto;grid-template-rows:72px minmax(0,auto);height:100%;min-width:1280px}.mfui-lkvas-layout__header{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:header}.mfui-lkvas-layout__navbar{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:navbar}.mfui-lkvas-layout__main{-webkit-box-sizing:border-box;box-sizing:border-box;grid-area:main;overflow-y:auto}.mfui-lkvas-layout__content{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:1656px;padding:32px 32px 96px}
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import './Layout.scss';
3
- export interface ILayoutProps {
4
- /** Компонент шапки */
5
- header: React.ReactNode;
6
- /** Компонент боковой панели */
7
- navBar: React.ReactNode;
8
- }
9
- declare const Header: React.FC<React.PropsWithChildren<ILayoutProps>>;
10
- export default Header;
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var React = _interopRequireWildcard(require("react"));
9
- var _uiHelpers = require("@megafon/ui-helpers");
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
12
- var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-layout');
13
- var Header = function Header(_ref) {
14
- var header = _ref.header,
15
- navBar = _ref.navBar,
16
- children = _ref.children;
17
- return /*#__PURE__*/React.createElement("div", {
18
- className: cn()
19
- }, /*#__PURE__*/React.createElement("div", {
20
- className: cn('container')
21
- }, /*#__PURE__*/React.createElement("div", {
22
- className: cn('header')
23
- }, header), /*#__PURE__*/React.createElement("div", {
24
- className: cn('navbar')
25
- }, navBar), /*#__PURE__*/React.createElement("main", {
26
- className: cn('main')
27
- }, /*#__PURE__*/React.createElement("div", {
28
- className: cn('content')
29
- }, children))));
30
- };
31
- var _default = exports["default"] = Header;
@@ -1 +0,0 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-navbar{-webkit-box-pack:justify;-ms-flex-pack:justify;background-color:var(--spbSky0);-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:space-between;max-width:264px;padding:20px 20px 32px;width:100%}.mfui-lkvas-navbar,.mfui-lkvas-navbar__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-lkvas-navbar__nav{gap:2px;overflow-y:auto}.mfui-lkvas-navbar__nav::-webkit-scrollbar{width:12px}.mfui-lkvas-navbar__nav::-webkit-scrollbar-track{background-color:var(--spbSky1)}.mfui-lkvas-navbar__nav::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-lkvas-navbar__button{-ms-flex-negative:0;flex-shrink:0;margin-top:24px}
@@ -1,23 +0,0 @@
1
- import * as React from 'react';
2
- import { INavBarItem } from './components/_NavBarItem/NavBarItem';
3
- import './NavBar.scss';
4
- export type ButtonType = {
5
- /** Название */
6
- title: string;
7
- /** Ссылка */
8
- href: string;
9
- /** Атрибут ссылки target */
10
- target?: '_self' | '_blank' | '_parent' | '_top';
11
- /** Атрибут ссылки rel */
12
- rel?: string;
13
- };
14
- export interface INavBar {
15
- /** Дополнительный класс корневого элемента */
16
- className?: string;
17
- /** Элементы списка */
18
- items: INavBarItem[];
19
- /** Кнопка */
20
- button?: ButtonType;
21
- }
22
- declare const NavBar: React.FC<INavBar>;
23
- export default NavBar;
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- require("core-js/modules/es.array.map.js");
10
- var React = _interopRequireWildcard(require("react"));
11
- var _uiCore = require("@megafon/ui-core");
12
- var _uiHelpers = require("@megafon/ui-helpers");
13
- var _NavBarItem = _interopRequireDefault(require("./components/_NavBarItem/NavBarItem"));
14
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
16
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
17
- var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-navbar');
18
- var NavBar = function NavBar(_ref) {
19
- var className = _ref.className,
20
- items = _ref.items,
21
- button = _ref.button;
22
- return /*#__PURE__*/React.createElement("aside", {
23
- className: cn([className])
24
- }, /*#__PURE__*/React.createElement("nav", {
25
- className: cn('nav'),
26
- role: "navigation"
27
- }, items.map(function (item, index) {
28
- return /*#__PURE__*/React.createElement(_NavBarItem["default"], (0, _extends2["default"])({
29
- key: item.title + index
30
- }, item));
31
- })), (button === null || button === void 0 ? void 0 : button.title) && /*#__PURE__*/React.createElement(_uiCore.Button, {
32
- className: cn('button'),
33
- type: "outline",
34
- fullWidth: true,
35
- href: button.href,
36
- target: button.target,
37
- rel: button.rel
38
- }, button.title));
39
- };
40
- var _default = exports["default"] = NavBar;
@@ -1 +0,0 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-navbar-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);cursor:pointer;justify-content:flex-start;padding:10px;text-decoration:none;-webkit-transition:background-color;transition:background-color;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.mfui-lkvas-navbar-item:hover{background-color:var(--base);text-decoration:none}.mfui-lkvas-navbar-item__icon{display:block;height:32px;max-width:32px;-o-object-fit:cover;object-fit:cover;width:32px}.mfui-lkvas-navbar-item__title{font-size:15px;font-weight:500;line-height:24px;line-height:18px}.mfui-lkvas-navbar-item_active{background-color:var(--base)}
@@ -1,22 +0,0 @@
1
- import * as React from 'react';
2
- import './NavBarItem.scss';
3
- export interface INavBarItem {
4
- /** Заголовок */
5
- title: string;
6
- /** Ссылка на иконку в формате .png */
7
- iconSrc: string;
8
- /** Статус активности */
9
- isActive?: boolean;
10
- /** Ссылка */
11
- href?: string;
12
- /** Атрибут ссылки target */
13
- target?: '_self' | '_blank' | '_parent' | '_top';
14
- /** Атрибут ссылки rel */
15
- rel?: string;
16
- /** Обработчик клика */
17
- onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
18
- /** Функция рендера компонента-обертки */
19
- renderWrapper?: (item: React.ReactNode) => React.ReactNode;
20
- }
21
- declare const NavBarItem: React.FC<INavBarItem>;
22
- export default NavBarItem;
@@ -1,45 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var React = _interopRequireWildcard(require("react"));
9
- var _uiHelpers = require("@megafon/ui-helpers");
10
- var _setRelAttribute = require("../../../../helpers/setRelAttribute");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
- var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-navbar-item');
14
- var NavBarItem = function NavBarItem(_ref) {
15
- var title = _ref.title,
16
- iconSrc = _ref.iconSrc,
17
- _ref$isActive = _ref.isActive,
18
- isActive = _ref$isActive === void 0 ? false : _ref$isActive,
19
- href = _ref.href,
20
- target = _ref.target,
21
- rel = _ref.rel,
22
- onClick = _ref.onClick,
23
- renderWrapper = _ref.renderWrapper;
24
- var ElementType = href ? 'a' : 'div';
25
- var handleClick = function handleClick(e) {
26
- onClick === null || onClick === void 0 ? void 0 : onClick(e);
27
- };
28
- var item = /*#__PURE__*/React.createElement(ElementType, {
29
- className: cn({
30
- active: isActive
31
- }),
32
- tabIndex: 0,
33
- href: href,
34
- rel: (0, _setRelAttribute.setRelAttribute)(rel, target),
35
- onClick: handleClick
36
- }, /*#__PURE__*/React.createElement("img", {
37
- className: cn('icon'),
38
- src: iconSrc,
39
- alt: "icon"
40
- }), /*#__PURE__*/React.createElement("div", {
41
- className: cn('title')
42
- }, title));
43
- return renderWrapper ? renderWrapper(item) : item;
44
- };
45
- var _default = exports["default"] = NavBarItem;
@@ -1 +0,0 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-lkvas-table{position:relative}.mfui-lkvas-table:after,.mfui-lkvas-table:before{height:18px;left:0;position:absolute;right:0;z-index:2}.mfui-lkvas-table:not(.mfui-lkvas-table_v-scroll_start):not(.mfui-lkvas-table_v-scroll_none):before{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));content:"";top:0}.mfui-lkvas-table_h-scroll_none:not(.mfui-lkvas-table_v-scroll_end):not(.mfui-lkvas-table_v-scroll_none):after{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.04)),color-stop(49.5%,rgba(0,0,0,.01)),to(hsla(0,0%,100%,0)));background:linear-gradient(0deg,rgba(0,0,0,.04),rgba(0,0,0,.01) 49.5%,hsla(0,0%,100%,0));bottom:0;content:""}.mfui-lkvas-table__inner{border-radius:12px 12px 0 0;overflow:auto;position:relative;z-index:1}.mfui-lkvas-table__inner::-webkit-scrollbar{height:12px;width:12px}.mfui-lkvas-table__inner::-webkit-scrollbar,.mfui-lkvas-table__inner::-webkit-scrollbar-track{background-color:var(--spbSky1);border-radius:100px}.mfui-lkvas-table__inner::-webkit-scrollbar-thumb{background-color:var(--spbSky2);border-radius:100px}.mfui-lkvas-table__table{background-color:var(--base);border-collapse:collapse;border-spacing:0;border-width:0;width:100%}
@@ -1,15 +0,0 @@
1
- import * as React from 'react';
2
- import './Table.scss';
3
- export interface ITable {
4
- /** Дополнительный класс корневого элемента */
5
- className?: string;
6
- /** Высота таблицы */
7
- height?: string;
8
- /** Дополнительные data атрибуты к внутренним элементам */
9
- dataAttrs?: {
10
- root?: Record<string, string>;
11
- inner?: Record<string, string>;
12
- };
13
- }
14
- declare const Table: React.FC<React.PropsWithChildren<ITable>>;
15
- export default Table;
@@ -1,85 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var React = _interopRequireWildcard(require("react"));
11
- var _uiHelpers = require("@megafon/ui-helpers");
12
- var _lodash = _interopRequireDefault(require("lodash.throttle"));
13
- var _TableContext = _interopRequireDefault(require("./contexts/TableContext"));
14
- var _helpers = require("./helpers");
15
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
16
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
17
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
18
- var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-table');
19
- var Table = function Table(_ref) {
20
- var className = _ref.className,
21
- height = _ref.height,
22
- dataAttrs = _ref.dataAttrs,
23
- children = _ref.children;
24
- var rootRef = React.useRef(null);
25
- var tableRef = React.useRef(null);
26
- var _React$useState = React.useState({
27
- horizontal: 'none',
28
- vertical: 'none'
29
- }),
30
- _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
31
- scrollPosition = _React$useState2[0],
32
- setScrollPosition = _React$useState2[1];
33
- var handleTableScroll = React.useCallback(function () {
34
- var rootNode = rootRef.current;
35
- if (!rootNode) {
36
- return;
37
- }
38
- var scrollWidth = rootNode.scrollWidth,
39
- scrollHeight = rootNode.scrollHeight,
40
- clientWidth = rootNode.clientWidth,
41
- clientHeight = rootNode.clientHeight,
42
- scrollLeft = rootNode.scrollLeft,
43
- scrollTop = rootNode.scrollTop;
44
- var deltaWidth = scrollWidth - clientWidth;
45
- var deltaHeight = scrollHeight - clientHeight;
46
- setScrollPosition({
47
- horizontal: (0, _helpers.calculateScrollPosition)(scrollLeft, deltaWidth),
48
- vertical: (0, _helpers.calculateScrollPosition)(scrollTop, deltaHeight)
49
- });
50
- }, []);
51
- React.useEffect(function () {
52
- if (!tableRef.current) {
53
- return undefined;
54
- }
55
- var tableNode = tableRef.current;
56
- var handleResize = (0, _lodash["default"])(handleTableScroll, 300);
57
- var observer = new ResizeObserver(handleResize);
58
- observer.observe(tableNode);
59
- handleTableScroll();
60
- return function () {
61
- observer.unobserve(tableNode);
62
- };
63
- }, [handleTableScroll]);
64
- return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
65
- className: cn({
66
- 'v-scroll': scrollPosition.vertical,
67
- 'h-scroll': scrollPosition.horizontal
68
- }, [className])
69
- }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner), {
70
- className: cn('inner'),
71
- style: {
72
- height: height
73
- },
74
- ref: rootRef,
75
- onScroll: handleTableScroll
76
- }), /*#__PURE__*/React.createElement(_TableContext["default"].Provider, {
77
- value: {
78
- scrollPosition: scrollPosition
79
- }
80
- }, /*#__PURE__*/React.createElement("table", {
81
- className: cn('table'),
82
- ref: tableRef
83
- }, children))));
84
- };
85
- var _default = exports["default"] = Table;
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- export interface ITableBody {
3
- /** Дополнительный класс корневого элемента */
4
- className?: string;
5
- /** Дополнительные data атрибуты к внутренним элементам */
6
- dataAttrs?: {
7
- root?: Record<string, string>;
8
- };
9
- }
10
- declare const TableBody: React.FC<React.PropsWithChildren<ITableBody>>;
11
- export default TableBody;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var React = _interopRequireWildcard(require("react"));
10
- var _uiHelpers = require("@megafon/ui-helpers");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
14
- var cn = (0, _uiHelpers.cnCreate)('mfui-lkvas-table-body');
15
- var TableBody = function TableBody(_ref) {
16
- var className = _ref.className,
17
- dataAttrs = _ref.dataAttrs,
18
- children = _ref.children;
19
- return /*#__PURE__*/React.createElement("tbody", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
20
- className: cn([className])
21
- }), children);
22
- };
23
- var _default = exports["default"] = TableBody;