@salutejs/plasma-new-hope 0.344.0-canary.2390.20329173821.0 → 0.344.0-canary.2392.20298160025.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 (50) hide show
  1. package/dist/css/cjs/components/Table/Table.css +12 -13
  2. package/dist/css/cjs/components/Table/Table.js +7 -14
  3. package/dist/css/cjs/components/Table/Table.js.map +1 -1
  4. package/dist/css/cjs/components/Table/Table.styles.js +51 -66
  5. package/dist/css/cjs/components/Table/Table.styles.js.map +1 -1
  6. package/dist/css/cjs/components/Table/Table.styles_1jqvkrz.css +12 -0
  7. package/dist/css/cjs/components/Table/Table.tokens.js +1 -2
  8. package/dist/css/cjs/components/Table/Table.tokens.js.map +1 -1
  9. package/dist/css/cjs/components/Table/ui/Cell/Cell.css +12 -13
  10. package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +12 -13
  11. package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +12 -13
  12. package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +12 -13
  13. package/dist/css/cjs/index.css +12 -13
  14. package/dist/css/es/components/Table/Table.css +12 -13
  15. package/dist/css/es/components/Table/Table.js +8 -15
  16. package/dist/css/es/components/Table/Table.js.map +1 -1
  17. package/dist/css/es/components/Table/Table.styles.js +52 -66
  18. package/dist/css/es/components/Table/Table.styles.js.map +1 -1
  19. package/dist/css/es/components/Table/Table.styles_1jqvkrz.css +12 -0
  20. package/dist/css/es/components/Table/Table.tokens.js +1 -2
  21. package/dist/css/es/components/Table/Table.tokens.js.map +1 -1
  22. package/dist/css/es/components/Table/ui/Cell/Cell.css +12 -13
  23. package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +12 -13
  24. package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +12 -13
  25. package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +12 -13
  26. package/dist/css/es/index.css +12 -13
  27. package/dist/emotion/cjs/components/Table/Table.js +8 -15
  28. package/dist/emotion/cjs/components/Table/Table.styles.js +24 -34
  29. package/dist/emotion/cjs/components/Table/Table.tokens.js +1 -2
  30. package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  31. package/dist/emotion/es/components/Table/Table.js +9 -16
  32. package/dist/emotion/es/components/Table/Table.styles.js +24 -31
  33. package/dist/emotion/es/components/Table/Table.tokens.js +1 -2
  34. package/dist/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  35. package/dist/styled-components/cjs/components/Table/Table.js +8 -15
  36. package/dist/styled-components/cjs/components/Table/Table.styles.js +13 -26
  37. package/dist/styled-components/cjs/components/Table/Table.tokens.js +1 -2
  38. package/dist/styled-components/es/components/Table/Table.js +9 -16
  39. package/dist/styled-components/es/components/Table/Table.styles.js +13 -23
  40. package/dist/styled-components/es/components/Table/Table.tokens.js +1 -2
  41. package/package.json +5 -5
  42. package/types/components/Table/Table.d.ts.map +1 -1
  43. package/types/components/Table/Table.styles.d.ts +0 -4
  44. package/types/components/Table/Table.styles.d.ts.map +1 -1
  45. package/types/components/Table/Table.tokens.d.ts +0 -1
  46. package/types/components/Table/Table.tokens.d.ts.map +1 -1
  47. package/types/components/Table/Table.types.d.ts +0 -16
  48. package/types/components/Table/Table.types.d.ts.map +1 -1
  49. package/dist/css/cjs/components/Table/Table.styles_1evzpuw.css +0 -13
  50. package/dist/css/es/components/Table/Table.styles_1evzpuw.css +0 -13
@@ -22,8 +22,7 @@ var classes = {
22
22
  sortingAscIcon: 'sorting-asc-icon',
23
23
  sortingDescIcon: 'sorting-desc-icon',
24
24
  filterIcon: 'filter-icon',
25
- resizeDivider: 'resize-divider',
26
- scrollableContainer: 'table-scrollable-container'
25
+ resizeDivider: 'resize-divider'
27
26
  };
28
27
  var tableTokens = {
29
28
  fontFamily: '--plasma-table-font-family',
@@ -1 +1,16 @@
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,13 +114,12 @@ 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";
118
117
  import { SELECT_COLUMN_ID } from "./utils";
119
118
  import { HeadCell, Cell, EditableCell } from "./ui";
120
- import { base, Table, Tr, Thead, StyledCheckbox, Tbody, ScrollableWrapper } from "./Table.styles";
119
+ import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
121
120
  export var tableRoot = function(Root) {
122
121
  return /*#__PURE__*/ forwardRef(function(_param, ref) {
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, [
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, [
124
123
  "data",
125
124
  "onChange",
126
125
  "columns",
@@ -134,11 +133,7 @@ export var tableRoot = function(Root) {
134
133
  "maxHeight",
135
134
  "stickyHeader",
136
135
  "onCellUpdate",
137
- "setRowProps",
138
- "topContent",
139
- "bottomContent",
140
- "loadingSlot",
141
- "onScroll"
136
+ "setRowProps"
142
137
  ]);
143
138
  var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
144
139
  var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
@@ -261,7 +256,6 @@ export var tableRoot = function(Root) {
261
256
  onRowSelectionChange: handleRowSelection,
262
257
  columnResizeMode: 'onChange',
263
258
  columnResizeDirection: 'ltr',
264
- manualPagination: true,
265
259
  meta: {
266
260
  updateData: function(rowId, columnId, value) {
267
261
  if (onCellUpdate) {
@@ -275,12 +269,11 @@ export var tableRoot = function(Root) {
275
269
  data: data,
276
270
  columns: columns,
277
271
  view: view,
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, {
272
+ size: size,
273
+ style: {
274
+ maxHeight: maxHeight || 'none'
275
+ }
276
+ }, props), /*#__PURE__*/ React.createElement(Table, {
284
277
  borderVariant: borderVariant,
285
278
  stickyHeader: stickyHeader
286
279
  }, /*#__PURE__*/ React.createElement(Thead, {
@@ -327,7 +320,7 @@ export var tableRoot = function(Root) {
327
320
  additionalProps: additionalProps
328
321
  });
329
322
  }));
330
- }))), loadingSlot), bottomContent);
323
+ }))));
331
324
  });
332
325
  };
333
326
  export var tableConfig = {