@megafon/ui-lk-vas 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist/lib/components/Table/components/TableTh/TableTh.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.index-of.js");
 var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
 var _TableContext = _interopRequireDefault(require("../../contexts/TableContext"));
@@ -13,18 +15,33 @@ var _TableTooltip = _interopRequireDefault(require("../TableTooltip/TableTooltip
 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); }
 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; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
     viewBox: "0 0 32 32"
   }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M16 4C9.4 4 4 9.4 4 16s5.4 12 12 12 12-5.4 12-12S22.6 4 16 4zm1 18h-2v-8h2v8zm0-10h-2v-2h2v2z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4zm0 9.25c-.78 0-1.412.633-1.412 1.412v7.059a1.412 1.412 0 102.824 0v-7.059c0-.78-.632-1.412-1.412-1.412zm-.144-4.477a1.412 1.412 0 100 2.824 1.412 1.412 0 000-2.824z"
   }));
 };
 var cn = (0, _uiHelpers.cnCreate)('mfui-9-lkvas-table-th');
 var TableTh = function TableTh(_ref) {
-  var pinned = _ref.pinned,
+  var className = _ref.className,
+    pinned = _ref.pinned,
     _ref$showSorting = _ref.showSorting,
     showSorting = _ref$showSorting === void 0 ? false : _ref$showSorting,
+    _ref$isSortActive = _ref.isSortActive,
+    isSortActive = _ref$isSortActive === void 0 ? false : _ref$isSortActive,
+    _ref$currentSortType = _ref.currentSortType,
+    currentSortType = _ref$currentSortType === void 0 ? 'up' : _ref$currentSortType,
     minWidth = _ref.minWidth,
     width = _ref.width,
     infoTooltip = _ref.infoTooltip,
@@ -45,11 +62,15 @@ var TableTh = function TableTh(_ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: cn('sorting')
     }, /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.sortingUp), {
-      className: cn('sorting-up'),
+      className: cn('sorting-up', {
+        current: isSortActive && currentSortType === 'up'
+      }),
       onClick: handleSort('up'),
       role: "presentation"
     })), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.sortingDown), {
-      className: cn('sorting-down'),
+      className: cn('sorting-down', {
+        current: isSortActive && currentSortType === 'down'
+      }),
       onClick: handleSort('down'),
       role: "presentation"
     })));
@@ -58,17 +79,20 @@ var TableTh = function TableTh(_ref) {
     if (!infoTooltip) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(_TableTooltip["default"], (0, _extends2["default"])({}, infoTooltip, {
+    var additionalContent = infoTooltip.additionalContent,
+      restProps = __rest(infoTooltip, ["additionalContent"]);
+    return /*#__PURE__*/React.createElement(_TableTooltip["default"], (0, _extends2["default"])({}, restProps, {
       trigger: /*#__PURE__*/React.createElement(InfoIcon, {
         className: cn('notice-icon')
       })
-    }));
+    }), !!additionalContent && additionalContent);
   };
   return /*#__PURE__*/React.createElement("th", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       pinned: pinned,
-      scroll: pinned && scrollPosition
-    }),
+      scroll: pinned && scrollPosition.horizontal,
+      active: isSortActive
+    }, [className]),
     style: {
       minWidth: minWidth,
       width: width

package/dist/lib/components/Table/components/TableTooltip/TableTooltip.d.ts

@@ -8,7 +8,7 @@ export interface ITableTooltipProps {
     /** Заголовок */
     title: string;
     /** Текст */
-    text: string;
+    text?: string;
     /** Текст кнопки */
     buttonText?: string;
     /** Отобразить кнопку закрытия */
@@ -18,6 +18,7 @@ export interface ITableTooltipProps {
         root?: string;
         tooltip?: string;
     };
+    children?: React.ReactNode;
     /** Обработчик клика по кнопке */
     onButtonClick?: (e: React.SyntheticEvent<EventTarget, Event>) => void;
     /** Обработчик клика по кнопке закрытия */

package/dist/lib/components/Table/components/TableTooltip/TableTooltip.js

@@ -19,6 +19,7 @@ var TableTooltip = function TableTooltip(_ref) {
     buttonText = _ref.buttonText,
     hasCloseButton = _ref.hasCloseButton,
     classes = _ref.classes,
+    children = _ref.children,
     onButtonClick = _ref.onButtonClick,
     onCloseButtonClick = _ref.onCloseButtonClick;
   var triggerRef = React.useRef(null);
@@ -39,7 +40,8 @@ var TableTooltip = function TableTooltip(_ref) {
     placement: "bottom",
     fallbackPlacements: ['top', 'left', 'right'],
     triggerEvent: "click",
-    colorTheme: "blue"
-  }));
+    colorTheme: "blue",
+    offset: "small"
+  }, children));
 };
 var _default = exports["default"] = TableTooltip;

package/dist/lib/components/Table/components/TableTr/TableTr.d.ts

@@ -1,4 +1,12 @@
 import * as React from 'react';
 import './TableTr.scss';
-declare const TableTr: React.FC<React.PropsWithChildren>;
+export interface ITableTr {
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+}
+declare const TableTr: React.FC<React.PropsWithChildren<ITableTr>>;
 export default TableTr;

package/dist/lib/components/Table/components/TableTr/TableTr.js

@@ -5,15 +5,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _uiHelpers = require("@megafon/ui-helpers");
 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); }
 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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var cn = (0, _uiHelpers.cnCreate)('mfui-9-lkvas-table-tr');
 var TableTr = function TableTr(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement("tr", {
-    className: cn()
-  }, children);
+  var className = _ref.className,
+    dataAttrs = _ref.dataAttrs,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("tr", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    className: cn([className])
+  }), children);
 };
 var _default = exports["default"] = TableTr;

package/dist/lib/components/Table/contexts/TableContext.js

@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = require("react");
 var TableContext = /*#__PURE__*/(0, _react.createContext)({
-  scrollPosition: 'none'
+  scrollPosition: {
+    horizontal: 'none',
+    vertical: 'none'
+  }
 });
 var _default = exports["default"] = TableContext;

package/dist/lib/components/Table/helpers.d.ts

@@ -1,2 +1,2 @@
-import type { ScrollPositionType } from './types';
-export declare const calculateScrollPosition: (scrollLeft: number, deltaWidth: number) => ScrollPositionType;
+import type { ScrollPositionValueType } from './types';
+export declare const calculateScrollPosition: (scroll: number, delta: number) => ScrollPositionValueType;

package/dist/lib/components/Table/helpers.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.calculateScrollPosition = void 0;
-var calculateScrollPosition = exports.calculateScrollPosition = function calculateScrollPosition(scrollLeft, deltaWidth) {
-  if (deltaWidth === 0) {
+var calculateScrollPosition = exports.calculateScrollPosition = function calculateScrollPosition(scroll, delta) {
+  if (delta === 0) {
     return 'none';
   }
-  if (scrollLeft === 0) {
+  if (scroll === 0) {
     return 'start';
   }
-  if (scrollLeft === deltaWidth) {
+  if (scroll === delta) {
     return 'end';
   }
   return 'between';

package/dist/lib/components/Table/types.d.ts

@@ -1 +1,5 @@
-export type ScrollPositionType = 'start' | 'between' | 'end' | 'none';
+export type ScrollPositionValueType = 'start' | 'between' | 'end' | 'none';
+export type ScrollPositionType = {
+    horizontal: ScrollPositionValueType;
+    vertical: ScrollPositionValueType;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-lk-vas",
-    "version": "1.0.0-alpha.2",
+    "version": "1.0.0-alpha.21",
     "files": [
         "dist"
     ],
@@ -77,11 +77,11 @@
         "typescript": "^5.3.3"
     },
     "dependencies": {
-        "@megafon/ui-core": "^9.0.0-alpha.2",
-        "@megafon/ui-helpers": "^5.0.0-alpha.1",
-        "@megafon/ui-icons": "^4.0.0-alpha.1",
+        "@megafon/ui-core": "^9.0.0-alpha.21",
+        "@megafon/ui-helpers": "^5.0.0-alpha.3",
+        "@megafon/ui-icons": "^4.0.0-alpha.12",
         "chart.js": "4.0.1",
         "lodash.throttle": "^4.1.1"
     },
-    "gitHead": "c05af40112195b392b04f65fdb227bf6f20b9f65"
+    "gitHead": "7d9db674447f8aa7ac10690806d154e53d899ebe"
 }