@salutejs/plasma-new-hope 0.344.0-canary.2399.20427286988.0 → 0.344.0-canary.2400.20429488881.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 (65) hide show
  1. package/dist/css/cjs/components/Table/Table.css +13 -12
  2. package/dist/css/cjs/components/Table/Table.js +14 -10
  3. package/dist/css/cjs/components/Table/Table.js.map +1 -1
  4. package/dist/css/cjs/components/Table/Table.styles.js +66 -51
  5. package/dist/css/cjs/components/Table/Table.styles.js.map +1 -1
  6. package/dist/css/cjs/components/Table/Table.styles_a4393s.css +13 -0
  7. package/dist/css/cjs/components/Table/Table.tokens.js +2 -1
  8. package/dist/css/cjs/components/Table/Table.tokens.js.map +1 -1
  9. package/dist/css/cjs/components/Table/ui/Cell/Cell.css +13 -12
  10. package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +13 -12
  11. package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +13 -12
  12. package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +13 -12
  13. package/dist/css/cjs/components/Tabs/utils/index.js +2 -5
  14. package/dist/css/cjs/components/Tabs/utils/index.js.map +1 -1
  15. package/dist/css/cjs/index.css +13 -12
  16. package/dist/css/es/components/Table/Table.css +13 -12
  17. package/dist/css/es/components/Table/Table.js +15 -11
  18. package/dist/css/es/components/Table/Table.js.map +1 -1
  19. package/dist/css/es/components/Table/Table.styles.js +66 -52
  20. package/dist/css/es/components/Table/Table.styles.js.map +1 -1
  21. package/dist/css/es/components/Table/Table.styles_a4393s.css +13 -0
  22. package/dist/css/es/components/Table/Table.tokens.js +2 -1
  23. package/dist/css/es/components/Table/Table.tokens.js.map +1 -1
  24. package/dist/css/es/components/Table/ui/Cell/Cell.css +13 -12
  25. package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +13 -12
  26. package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +13 -12
  27. package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +13 -12
  28. package/dist/css/es/components/Tabs/utils/index.js +2 -5
  29. package/dist/css/es/components/Tabs/utils/index.js.map +1 -1
  30. package/dist/css/es/index.css +13 -12
  31. package/dist/emotion/cjs/components/Table/Table.js +15 -10
  32. package/dist/emotion/cjs/components/Table/Table.styles.js +34 -24
  33. package/dist/emotion/cjs/components/Table/Table.tokens.js +2 -1
  34. package/dist/emotion/cjs/components/Tabs/utils/index.js +2 -4
  35. package/dist/emotion/cjs/components/_beta/Tooltip/Tooltip.types.js +4 -0
  36. package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  37. package/dist/emotion/es/components/Table/Table.js +16 -11
  38. package/dist/emotion/es/components/Table/Table.styles.js +31 -24
  39. package/dist/emotion/es/components/Table/Table.tokens.js +2 -1
  40. package/dist/emotion/es/components/Tabs/utils/index.js +2 -4
  41. package/dist/emotion/es/components/_beta/Tooltip/Tooltip.types.js +1 -0
  42. package/dist/styled-components/cjs/components/Table/Table.js +15 -10
  43. package/dist/styled-components/cjs/components/Table/Table.styles.js +27 -14
  44. package/dist/styled-components/cjs/components/Table/Table.tokens.js +2 -1
  45. package/dist/styled-components/cjs/components/Tabs/utils/index.js +2 -4
  46. package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.types.js +4 -0
  47. package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  48. package/dist/styled-components/es/components/Table/Table.js +16 -11
  49. package/dist/styled-components/es/components/Table/Table.styles.js +24 -14
  50. package/dist/styled-components/es/components/Table/Table.tokens.js +2 -1
  51. package/dist/styled-components/es/components/Tabs/utils/index.js +2 -4
  52. package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.types.js +1 -0
  53. package/package.json +5 -5
  54. package/types/components/Table/Table.d.ts.map +1 -1
  55. package/types/components/Table/Table.styles.d.ts +4 -0
  56. package/types/components/Table/Table.styles.d.ts.map +1 -1
  57. package/types/components/Table/Table.tokens.d.ts +1 -0
  58. package/types/components/Table/Table.tokens.d.ts.map +1 -1
  59. package/types/components/Table/Table.types.d.ts +16 -0
  60. package/types/components/Table/Table.types.d.ts.map +1 -1
  61. package/types/components/Tabs/utils/index.d.ts.map +1 -1
  62. package/types/components/_beta/Tooltip/Tooltip.types.d.ts +62 -0
  63. package/types/components/_beta/Tooltip/Tooltip.types.d.ts.map +1 -0
  64. package/dist/css/cjs/components/Table/Table.styles_1jqvkrz.css +0 -12
  65. package/dist/css/es/components/Table/Table.styles_1jqvkrz.css +0 -12
@@ -22,7 +22,8 @@ var classes = {
22
22
  sortingAscIcon: 'sorting-asc-icon',
23
23
  sortingDescIcon: 'sorting-desc-icon',
24
24
  filterIcon: 'filter-icon',
25
- resizeDivider: 'resize-divider'
25
+ resizeDivider: 'resize-divider',
26
+ scrollableContainer: 'table-scrollable-container'
26
27
  };
27
28
  var tableTokens = {
28
29
  fontFamily: '--plasma-table-font-family',
@@ -16,7 +16,6 @@ _export(exports, {
16
16
  return getLastOverflowingTab;
17
17
  }
18
18
  });
19
- var TOLERANCE = 1; // Погрешность для субпиксельного рендеринга
20
19
  var getIsFirstOverflowingTab = function(item, maxScroll) {
21
20
  var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
22
21
  if (!item.current) {
@@ -26,7 +25,7 @@ var getIsFirstOverflowingTab = function(item, maxScroll) {
26
25
  if (currentOffset === undefined) {
27
26
  return;
28
27
  }
29
- return currentOffset < maxScroll - TOLERANCE;
28
+ return currentOffset < maxScroll;
30
29
  };
31
30
  var getIsLastOverflowingTab = function(item, minScroll) {
32
31
  var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
@@ -38,8 +37,7 @@ var getIsLastOverflowingTab = function(item, minScroll) {
38
37
  return;
39
38
  }
40
39
  var additionalOffset = orientation === 'horizontal' ? item.current.offsetWidth : item.current.offsetHeight;
41
- var itemRightEdge = currentOffset + additionalOffset;
42
- return itemRightEdge > minScroll + TOLERANCE;
40
+ return currentOffset + additionalOffset > minScroll;
43
41
  };
44
42
  var getFirstOverflowingTab = function(items, maxScroll) {
45
43
  var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'horizontal';
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
@@ -1,16 +1 @@
1
1
  "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Combobox", {
6
- enumerable: true,
7
- get: function() {
8
- return Combobox;
9
- }
10
- });
11
- var _engines = require("../../../engines");
12
- var _ = require("../../..");
13
- var _Comboboxconfig = require("./Combobox.config");
14
- var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
15
- var ComboboxComponent = (0, _engines.component)(mergedConfig);
16
- var Combobox = ComboboxComponent;
@@ -114,12 +114,13 @@ function _unsupported_iterable_to_array(o, minLen) {
114
114
  import React, { forwardRef, useState, useMemo, useRef } from "react";
115
115
  import { getCoreRowModel, useReactTable, getSortedRowModel, getFilteredRowModel } from "@tanstack/react-table";
116
116
  import { useForkRef } from "@salutejs/plasma-core";
117
+ import { classes } from "./Table.tokens";
117
118
  import { SELECT_COLUMN_ID } from "./utils";
118
119
  import { HeadCell, Cell, EditableCell } from "./ui";
119
- import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
120
+ import { base, Table, Tr, Thead, StyledCheckbox, Tbody, ScrollableWrapper } from "./Table.styles";
120
121
  export var tableRoot = function(Root) {
121
122
  return /*#__PURE__*/ forwardRef(function(_param, ref) {
122
- var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
123
+ var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, topContent = _param.topContent, bottomContent = _param.bottomContent, loadingSlot = _param.loadingSlot, onScroll = _param.onScroll, props = _object_without_properties(_param, [
123
124
  "data",
124
125
  "onChange",
125
126
  "columns",
@@ -133,7 +134,11 @@ export var tableRoot = function(Root) {
133
134
  "maxHeight",
134
135
  "stickyHeader",
135
136
  "onCellUpdate",
136
- "setRowProps"
137
+ "setRowProps",
138
+ "topContent",
139
+ "bottomContent",
140
+ "loadingSlot",
141
+ "onScroll"
137
142
  ]);
138
143
  var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
139
144
  var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -256,6 +261,7 @@ export var tableRoot = function(Root) {
256
261
  onRowSelectionChange: handleRowSelection,
257
262
  columnResizeMode: 'onChange',
258
263
  columnResizeDirection: 'ltr',
264
+ manualPagination: true,
259
265
  meta: {
260
266
  updateData: function(rowId, columnId, value) {
261
267
  if (onCellUpdate) {
@@ -269,11 +275,12 @@ export var tableRoot = function(Root) {
269
275
  data: data,
270
276
  columns: columns,
271
277
  view: view,
272
- size: size,
273
- style: {
274
- maxHeight: maxHeight || 'none'
275
- }
276
- }, props), /*#__PURE__*/ React.createElement(Table, {
278
+ size: size
279
+ }, props), topContent, /*#__PURE__*/ React.createElement(ScrollableWrapper, {
280
+ className: classes.scrollableContainer,
281
+ onScroll: onScroll,
282
+ maxHeight: maxHeight
283
+ }, /*#__PURE__*/ React.createElement(Table, {
277
284
  borderVariant: borderVariant,
278
285
  stickyHeader: stickyHeader
279
286
  }, /*#__PURE__*/ React.createElement(Thead, {
@@ -300,8 +307,6 @@ export var tableRoot = function(Root) {
300
307
  }, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
301
308
  var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
302
309
  var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
303
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
304
- // @ts-ignore
305
310
  return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
306
311
  key: cell.id,
307
312
  size: size,
@@ -320,7 +325,7 @@ export var tableRoot = function(Root) {
320
325
  additionalProps: additionalProps
321
326
  });
322
327
  }));
323
- }))));
328
+ }))), loadingSlot), bottomContent);
324
329
  });
325
330
  };
326
331
  export var tableConfig = {