@salutejs/plasma-new-hope 0.344.0-canary.2339.20130914411.0 → 0.344.0-canary.2339.20225591374.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 (62) hide show
  1. package/dist/css/cjs/components/Table/Table.js +2 -3
  2. package/dist/css/cjs/components/Table/Table.js.map +1 -1
  3. package/dist/css/cjs/components/Table/ui/Cell/Cell.css +0 -174
  4. package/dist/css/cjs/components/Table/ui/Cell/Cell.js +2 -2
  5. package/dist/css/cjs/components/Table/ui/Cell/Cell.js.map +1 -1
  6. package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.css +0 -2
  7. package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.js +2 -2
  8. package/dist/css/cjs/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
  9. package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.css +0 -13
  10. package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.js +4 -4
  11. package/dist/css/cjs/components/Table/ui/HeadCell/HeadCell.js.map +1 -1
  12. package/dist/css/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -13
  13. package/dist/css/cjs/components/Table/utils/constants.js +8 -0
  14. package/dist/css/cjs/components/Table/utils/constants.js.map +1 -0
  15. package/dist/css/es/components/Table/Table.js +2 -2
  16. package/dist/css/es/components/Table/Table.js.map +1 -1
  17. package/dist/css/es/components/Table/ui/Cell/Cell.css +0 -174
  18. package/dist/css/es/components/Table/ui/Cell/Cell.js +1 -1
  19. package/dist/css/es/components/Table/ui/Cell/Cell.js.map +1 -1
  20. package/dist/css/es/components/Table/ui/EditableCell/EditableCell.css +0 -2
  21. package/dist/css/es/components/Table/ui/EditableCell/EditableCell.js +1 -1
  22. package/dist/css/es/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
  23. package/dist/css/es/components/Table/ui/HeadCell/HeadCell.css +0 -13
  24. package/dist/css/es/components/Table/ui/HeadCell/HeadCell.js +1 -1
  25. package/dist/css/es/components/Table/ui/HeadCell/HeadCell.js.map +1 -1
  26. package/dist/css/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +0 -13
  27. package/dist/css/es/components/Table/utils/constants.js +4 -0
  28. package/dist/css/es/components/Table/utils/constants.js.map +1 -0
  29. package/dist/emotion/cjs/components/Table/Table.js +2 -5
  30. package/dist/emotion/cjs/components/Table/ui/Cell/Cell.js +2 -2
  31. package/dist/emotion/cjs/components/Table/ui/EditableCell/EditableCell.js +2 -2
  32. package/dist/emotion/cjs/components/Table/ui/HeadCell/HeadCell.js +4 -4
  33. package/dist/emotion/cjs/components/Table/utils/constants.js +11 -0
  34. package/dist/emotion/cjs/components/Table/utils/index.js +18 -0
  35. package/dist/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  36. package/dist/emotion/es/components/Table/Table.js +1 -1
  37. package/dist/emotion/es/components/Table/ui/Cell/Cell.js +1 -1
  38. package/dist/emotion/es/components/Table/ui/EditableCell/EditableCell.js +1 -1
  39. package/dist/emotion/es/components/Table/ui/HeadCell/HeadCell.js +1 -1
  40. package/dist/emotion/es/components/Table/utils/constants.js +1 -0
  41. package/dist/emotion/es/components/Table/utils/index.js +1 -0
  42. package/dist/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  43. package/dist/styled-components/cjs/components/Table/Table.js +2 -5
  44. package/dist/styled-components/cjs/components/Table/ui/Cell/Cell.js +2 -2
  45. package/dist/styled-components/cjs/components/Table/ui/EditableCell/EditableCell.js +2 -2
  46. package/dist/styled-components/cjs/components/Table/ui/HeadCell/HeadCell.js +4 -4
  47. package/dist/styled-components/cjs/components/Table/utils/constants.js +11 -0
  48. package/dist/styled-components/cjs/components/Table/utils/index.js +18 -0
  49. package/dist/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
  50. package/dist/styled-components/es/components/Table/Table.js +1 -1
  51. package/dist/styled-components/es/components/Table/ui/Cell/Cell.js +1 -1
  52. package/dist/styled-components/es/components/Table/ui/EditableCell/EditableCell.js +1 -1
  53. package/dist/styled-components/es/components/Table/ui/HeadCell/HeadCell.js +1 -1
  54. package/dist/styled-components/es/components/Table/utils/constants.js +1 -0
  55. package/dist/styled-components/es/components/Table/utils/index.js +1 -0
  56. package/package.json +5 -5
  57. package/types/components/Table/Table.d.ts +0 -1
  58. package/types/components/Table/Table.d.ts.map +1 -1
  59. package/types/components/Table/utils/constants.d.ts +2 -0
  60. package/types/components/Table/utils/constants.d.ts.map +1 -0
  61. package/types/components/Table/utils/index.d.ts +2 -0
  62. package/types/components/Table/utils/index.d.ts.map +1 -0
@@ -1,18 +1,5 @@
1
1
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
2
 
3
- .IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
4
-
5
- .EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:0;}.EditableCell_styles_1g3clv2_t12w3lu5__5329cb3b:hover .EditableCell_styles_1g3clv2_editIcon__5329cb3b{opacity:1;}
6
- .EditableCell_styles_1g3clv2_idy8fgn__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;}
7
- .EditableCell_styles_1g3clv2_cwrhll2__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;}
8
- .EditableCell_styles_1g3clv2_e1dkea5v__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:var(--plasma-table-editable-cell-padding);height:100%;}
9
- .EditableCell_styles_1g3clv2_i1uj28nu__5329cb3b{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:0.0625rem solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
10
- .EditableCell_styles_1g3clv2_i1c7bo0z__5329cb3b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);color:var(--text-primary);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
11
- .EditableCell_styles_1g3clv2_i1jx30pt__5329cb3b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
12
- .EditableCell_styles_1g3clv2_i17hwnh4__5329cb3b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
13
-
14
- .Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
15
-
16
3
  .HeadCell_styles_155gsrn_c14eoxb5__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
17
4
  .HeadCell_styles_155gsrn_t1179z8p__5c959fae{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
18
5
  .HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
@@ -0,0 +1,4 @@
1
+ var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
2
+
3
+ export { SELECT_COLUMN_ID };
4
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.js","sources":["../../../../../../src/components/Table/utils/constants.ts"],"sourcesContent":["export const SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';\n"],"names":["SELECT_COLUMN_ID"],"mappings":"AAAO,IAAMA,gBAAgB,GAAG;;;;"}
@@ -9,9 +9,6 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- get SELECT_COLUMN_ID () {
13
- return SELECT_COLUMN_ID;
14
- },
15
12
  get tableConfig () {
16
13
  return tableConfig;
17
14
  },
@@ -22,6 +19,7 @@ _export(exports, {
22
19
  var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
23
20
  var _reacttable = require("@tanstack/react-table");
24
21
  var _plasmacore = require("@salutejs/plasma-core");
22
+ var _utils = require("./utils");
25
23
  var _ui = require("./ui");
26
24
  var _Tablestyles = require("./Table.styles");
27
25
  function _array_like_to_array(arr, len) {
@@ -178,7 +176,6 @@ function _unsupported_iterable_to_array(o, minLen) {
178
176
  if (n === "Map" || n === "Set") return Array.from(n);
179
177
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
180
178
  }
181
- var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
182
179
  var tableRoot = function(Root) {
183
180
  return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
184
181
  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, [
@@ -244,7 +241,7 @@ var tableRoot = function(Root) {
244
241
  var columnsData = (0, _react.useMemo)(function() {
245
242
  return _to_consumable_array(enableSelection ? [
246
243
  {
247
- id: SELECT_COLUMN_ID,
244
+ id: _utils.SELECT_COLUMN_ID,
248
245
  header: function(param) {
249
246
  var table = param.table;
250
247
  var _props__checkboxAppearance;
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "Cell", {
11
11
  var _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
12
  var _reacttable = require("@tanstack/react-table");
13
13
  var _Tablestyles = require("../../Table.styles");
14
- var _Table = require("../../Table");
14
+ var _utils = require("../../utils");
15
15
  var _Cellstyles = require("./Cell.styles");
16
16
  function _define_property(obj, key, value) {
17
17
  if (key in obj) {
@@ -53,7 +53,7 @@ var Cell = function(param) {
53
53
  return /*#__PURE__*/ _react.default.createElement(_Cellstyles.Td, _object_spread({
54
54
  key: cell.id,
55
55
  borderVariant: borderVariant,
56
- selectionCell: cell.column.id === _Table.SELECT_COLUMN_ID,
56
+ selectionCell: cell.column.id === _utils.SELECT_COLUMN_ID,
57
57
  selected: selected,
58
58
  view: view
59
59
  }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : (0, _reacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ _react.default.createElement(_Tablestyles.Resizer, {
@@ -12,7 +12,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
12
  var _reacttable = require("@tanstack/react-table");
13
13
  var _hooks = require("../../../../hooks");
14
14
  var _Tablestyles = require("../../Table.styles");
15
- var _Table = require("../../Table");
15
+ var _utils = require("../../utils");
16
16
  var _Icon = require("../../../_Icon");
17
17
  var _HeadCell = require("../HeadCell/HeadCell");
18
18
  var _Tabletokens = require("../../Table.tokens");
@@ -192,7 +192,7 @@ var EditableCell = function(param) {
192
192
  return /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.Td, _object_spread({
193
193
  key: cell.id,
194
194
  borderVariant: borderVariant,
195
- selectionCell: cell.column.id === _Table.SELECT_COLUMN_ID,
195
+ selectionCell: cell.column.id === _utils.SELECT_COLUMN_ID,
196
196
  onClick: handleEditClick,
197
197
  editingMode: editingMode,
198
198
  selected: selected,
@@ -20,7 +20,7 @@ var _reacttable = require("@tanstack/react-table");
20
20
  var _react = /*#__PURE__*/ _interop_require_default(require("react"));
21
21
  var _Tablestyles = require("../../Table.styles");
22
22
  var _Icon = require("../../../_Icon");
23
- var _Table = require("../../Table");
23
+ var _utils = require("../../utils");
24
24
  var _Tabletokens = require("../../Table.tokens");
25
25
  var _HeadCellstyles = require("./HeadCell.styles");
26
26
  var _Filter = require("./ui/Filter/Filter");
@@ -41,11 +41,11 @@ var HeadCell = function(param) {
41
41
  key: header.id,
42
42
  colSpan: header.colSpan,
43
43
  borderVariant: borderVariant,
44
- selectionCell: header.column.id === _Table.SELECT_COLUMN_ID,
45
- style: header.column.id !== _Table.SELECT_COLUMN_ID ? {
44
+ selectionCell: header.column.id === _utils.SELECT_COLUMN_ID,
45
+ style: header.column.id !== _utils.SELECT_COLUMN_ID ? {
46
46
  width: header.getSize()
47
47
  } : undefined
48
- }, header.isPlaceholder ? null : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_HeadCellstyles.ThWrapper, null, (0, _reacttable.flexRender)(header.column.columnDef.header, header.getContext()), header.column.id !== _Table.SELECT_COLUMN_ID && /*#__PURE__*/ _react.default.createElement(_HeadCellstyles.ControlButtons, null, filters && /*#__PURE__*/ _react.default.createElement(_Filter.Filter, {
48
+ }, header.isPlaceholder ? null : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_HeadCellstyles.ThWrapper, null, (0, _reacttable.flexRender)(header.column.columnDef.header, header.getContext()), header.column.id !== _utils.SELECT_COLUMN_ID && /*#__PURE__*/ _react.default.createElement(_HeadCellstyles.ControlButtons, null, filters && /*#__PURE__*/ _react.default.createElement(_Filter.Filter, {
49
49
  header: header,
50
50
  size: size,
51
51
  outerFiltered: outerFiltered,
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "SELECT_COLUMN_ID", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return SELECT_COLUMN_ID;
9
+ }
10
+ });
11
+ var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ _export_star(require("./constants"), exports);
6
+ function _export_star(from, to) {
7
+ Object.keys(from).forEach(function(k) {
8
+ if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
9
+ Object.defineProperty(to, k, {
10
+ enumerable: true,
11
+ get: function() {
12
+ return from[k];
13
+ }
14
+ });
15
+ }
16
+ });
17
+ return from;
18
+ }
@@ -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,9 +114,9 @@ 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 { SELECT_COLUMN_ID } from "./utils";
117
118
  import { HeadCell, Cell, EditableCell } from "./ui";
118
119
  import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
119
- export var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
120
120
  export var tableRoot = function(Root) {
121
121
  return /*#__PURE__*/ forwardRef(function(_param, ref) {
122
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, [
@@ -29,7 +29,7 @@ function _object_spread(target) {
29
29
  import React from "react";
30
30
  import { flexRender } from "@tanstack/react-table";
31
31
  import { Resizer } from "../../Table.styles";
32
- import { SELECT_COLUMN_ID } from "../../Table";
32
+ import { SELECT_COLUMN_ID } from "../../utils";
33
33
  import { Td } from "./Cell.styles";
34
34
  export var Cell = function(param) {
35
35
  var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view, additionalProps = param.additionalProps;
@@ -76,7 +76,7 @@ import React, { useState, useRef } from "react";
76
76
  import { flexRender } from "@tanstack/react-table";
77
77
  import { useOutsideClick } from "../../../../hooks";
78
78
  import { Resizer } from "../../Table.styles";
79
- import { SELECT_COLUMN_ID } from "../../Table";
79
+ import { SELECT_COLUMN_ID } from "../../utils";
80
80
  import { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from "../../../_Icon";
81
81
  import { getIconSize } from "../HeadCell/HeadCell";
82
82
  import { classes } from "../../Table.tokens";
@@ -2,7 +2,7 @@ import { flexRender } from "@tanstack/react-table";
2
2
  import React from "react";
3
3
  import { Th, Resizer } from "../../Table.styles";
4
4
  import { IconSwapVert, IconArrowDown, IconArrowUp } from "../../../_Icon";
5
- import { SELECT_COLUMN_ID } from "../../Table";
5
+ import { SELECT_COLUMN_ID } from "../../utils";
6
6
  import { classes } from "../../Table.tokens";
7
7
  import { ControlButtons, ThWrapper, IconWrapper } from "./HeadCell.styles";
8
8
  import { Filter } from "./ui/Filter/Filter";
@@ -0,0 +1 @@
1
+ export var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
@@ -0,0 +1 @@
1
+ export * from "./constants";
@@ -0,0 +1,7 @@
1
+ import { component, mergeConfig } from "../../../engines";
2
+ import { comboboxNewConfig } from "../../..";
3
+ import { config } from "./Combobox.config";
4
+ var mergedConfig = mergeConfig(comboboxNewConfig, config);
5
+ var ComboboxComponent = component(mergedConfig);
6
+ var Combobox = ComboboxComponent;
7
+ export { Combobox };
@@ -9,9 +9,6 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- get SELECT_COLUMN_ID () {
13
- return SELECT_COLUMN_ID;
14
- },
15
12
  get tableConfig () {
16
13
  return tableConfig;
17
14
  },
@@ -22,6 +19,7 @@ _export(exports, {
22
19
  var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
23
20
  var _reacttable = require("@tanstack/react-table");
24
21
  var _plasmacore = require("@salutejs/plasma-core");
22
+ var _utils = require("./utils");
25
23
  var _ui = require("./ui");
26
24
  var _Tablestyles = require("./Table.styles");
27
25
  function _array_like_to_array(arr, len) {
@@ -178,7 +176,6 @@ function _unsupported_iterable_to_array(o, minLen) {
178
176
  if (n === "Map" || n === "Set") return Array.from(n);
179
177
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
180
178
  }
181
- var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
182
179
  var tableRoot = function(Root) {
183
180
  return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
184
181
  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, [
@@ -244,7 +241,7 @@ var tableRoot = function(Root) {
244
241
  var columnsData = (0, _react.useMemo)(function() {
245
242
  return _to_consumable_array(enableSelection ? [
246
243
  {
247
- id: SELECT_COLUMN_ID,
244
+ id: _utils.SELECT_COLUMN_ID,
248
245
  header: function(param) {
249
246
  var table = param.table;
250
247
  var _props__checkboxAppearance;
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "Cell", {
11
11
  var _react = /*#__PURE__*/ _interop_require_default(require("react"));
12
12
  var _reacttable = require("@tanstack/react-table");
13
13
  var _Tablestyles = require("../../Table.styles");
14
- var _Table = require("../../Table");
14
+ var _utils = require("../../utils");
15
15
  var _Cellstyles = require("./Cell.styles");
16
16
  function _define_property(obj, key, value) {
17
17
  if (key in obj) {
@@ -53,7 +53,7 @@ var Cell = function(param) {
53
53
  return /*#__PURE__*/ _react.default.createElement(_Cellstyles.Td, _object_spread({
54
54
  key: cell.id,
55
55
  borderVariant: borderVariant,
56
- selectionCell: cell.column.id === _Table.SELECT_COLUMN_ID,
56
+ selectionCell: cell.column.id === _utils.SELECT_COLUMN_ID,
57
57
  selected: selected,
58
58
  view: view
59
59
  }, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : (0, _reacttable.flexRender)(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ _react.default.createElement(_Tablestyles.Resizer, {
@@ -12,7 +12,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
12
  var _reacttable = require("@tanstack/react-table");
13
13
  var _hooks = require("../../../../hooks");
14
14
  var _Tablestyles = require("../../Table.styles");
15
- var _Table = require("../../Table");
15
+ var _utils = require("../../utils");
16
16
  var _Icon = require("../../../_Icon");
17
17
  var _HeadCell = require("../HeadCell/HeadCell");
18
18
  var _Tabletokens = require("../../Table.tokens");
@@ -192,7 +192,7 @@ var EditableCell = function(param) {
192
192
  return /*#__PURE__*/ _react.default.createElement(_EditableCellstyles.Td, _object_spread({
193
193
  key: cell.id,
194
194
  borderVariant: borderVariant,
195
- selectionCell: cell.column.id === _Table.SELECT_COLUMN_ID,
195
+ selectionCell: cell.column.id === _utils.SELECT_COLUMN_ID,
196
196
  onClick: handleEditClick,
197
197
  editingMode: editingMode,
198
198
  selected: selected,
@@ -20,7 +20,7 @@ var _reacttable = require("@tanstack/react-table");
20
20
  var _react = /*#__PURE__*/ _interop_require_default(require("react"));
21
21
  var _Tablestyles = require("../../Table.styles");
22
22
  var _Icon = require("../../../_Icon");
23
- var _Table = require("../../Table");
23
+ var _utils = require("../../utils");
24
24
  var _Tabletokens = require("../../Table.tokens");
25
25
  var _HeadCellstyles = require("./HeadCell.styles");
26
26
  var _Filter = require("./ui/Filter/Filter");
@@ -41,11 +41,11 @@ var HeadCell = function(param) {
41
41
  key: header.id,
42
42
  colSpan: header.colSpan,
43
43
  borderVariant: borderVariant,
44
- selectionCell: header.column.id === _Table.SELECT_COLUMN_ID,
45
- style: header.column.id !== _Table.SELECT_COLUMN_ID ? {
44
+ selectionCell: header.column.id === _utils.SELECT_COLUMN_ID,
45
+ style: header.column.id !== _utils.SELECT_COLUMN_ID ? {
46
46
  width: header.getSize()
47
47
  } : undefined
48
- }, header.isPlaceholder ? null : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_HeadCellstyles.ThWrapper, null, (0, _reacttable.flexRender)(header.column.columnDef.header, header.getContext()), header.column.id !== _Table.SELECT_COLUMN_ID && /*#__PURE__*/ _react.default.createElement(_HeadCellstyles.ControlButtons, null, filters && /*#__PURE__*/ _react.default.createElement(_Filter.Filter, {
48
+ }, header.isPlaceholder ? null : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_HeadCellstyles.ThWrapper, null, (0, _reacttable.flexRender)(header.column.columnDef.header, header.getContext()), header.column.id !== _utils.SELECT_COLUMN_ID && /*#__PURE__*/ _react.default.createElement(_HeadCellstyles.ControlButtons, null, filters && /*#__PURE__*/ _react.default.createElement(_Filter.Filter, {
49
49
  header: header,
50
50
  size: size,
51
51
  outerFiltered: outerFiltered,
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "SELECT_COLUMN_ID", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return SELECT_COLUMN_ID;
9
+ }
10
+ });
11
+ var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ _export_star(require("./constants"), exports);
6
+ function _export_star(from, to) {
7
+ Object.keys(from).forEach(function(k) {
8
+ if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
9
+ Object.defineProperty(to, k, {
10
+ enumerable: true,
11
+ get: function() {
12
+ return from[k];
13
+ }
14
+ });
15
+ }
16
+ });
17
+ return from;
18
+ }
@@ -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,9 +114,9 @@ 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 { SELECT_COLUMN_ID } from "./utils";
117
118
  import { HeadCell, Cell, EditableCell } from "./ui";
118
119
  import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
119
- export var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
120
120
  export var tableRoot = function(Root) {
121
121
  return /*#__PURE__*/ forwardRef(function(_param, ref) {
122
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, [
@@ -29,7 +29,7 @@ function _object_spread(target) {
29
29
  import React from "react";
30
30
  import { flexRender } from "@tanstack/react-table";
31
31
  import { Resizer } from "../../Table.styles";
32
- import { SELECT_COLUMN_ID } from "../../Table";
32
+ import { SELECT_COLUMN_ID } from "../../utils";
33
33
  import { Td } from "./Cell.styles";
34
34
  export var Cell = function(param) {
35
35
  var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view, additionalProps = param.additionalProps;
@@ -76,7 +76,7 @@ import React, { useState, useRef } from "react";
76
76
  import { flexRender } from "@tanstack/react-table";
77
77
  import { useOutsideClick } from "../../../../hooks";
78
78
  import { Resizer } from "../../Table.styles";
79
- import { SELECT_COLUMN_ID } from "../../Table";
79
+ import { SELECT_COLUMN_ID } from "../../utils";
80
80
  import { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from "../../../_Icon";
81
81
  import { getIconSize } from "../HeadCell/HeadCell";
82
82
  import { classes } from "../../Table.tokens";
@@ -2,7 +2,7 @@ import { flexRender } from "@tanstack/react-table";
2
2
  import React from "react";
3
3
  import { Th, Resizer } from "../../Table.styles";
4
4
  import { IconSwapVert, IconArrowDown, IconArrowUp } from "../../../_Icon";
5
- import { SELECT_COLUMN_ID } from "../../Table";
5
+ import { SELECT_COLUMN_ID } from "../../utils";
6
6
  import { classes } from "../../Table.tokens";
7
7
  import { ControlButtons, ThWrapper, IconWrapper } from "./HeadCell.styles";
8
8
  import { Filter } from "./ui/Filter/Filter";
@@ -0,0 +1 @@
1
+ export var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
@@ -0,0 +1 @@
1
+ export * from "./constants";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.344.0-canary.2339.20130914411.0",
3
+ "version": "0.344.0-canary.2339.20225591374.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "exports": {
6
6
  ".": {
@@ -92,8 +92,8 @@
92
92
  "@rollup/plugin-babel": "^6.0.4",
93
93
  "@rollup/plugin-commonjs": "^25.0.4",
94
94
  "@rollup/plugin-node-resolve": "^15.1.0",
95
- "@salutejs/plasma-cy-utils": "0.142.0-canary.2339.20130914411.0",
96
- "@salutejs/plasma-sb-utils": "0.212.0-canary.2339.20130914411.0",
95
+ "@salutejs/plasma-cy-utils": "0.142.0-canary.2339.20225591374.0",
96
+ "@salutejs/plasma-sb-utils": "0.212.0-canary.2339.20225591374.0",
97
97
  "@salutejs/plasma-themes": "0.38.0",
98
98
  "@types/lodash": "^4.14.191",
99
99
  "@types/lodash.chunk": "4.2.9",
@@ -122,7 +122,7 @@
122
122
  "@linaria/react": "5.0.3",
123
123
  "@popperjs/core": "2.11.8",
124
124
  "@salutejs/input-core": "2.1.2",
125
- "@salutejs/plasma-core": "1.212.0-canary.2339.20130914411.0",
125
+ "@salutejs/plasma-core": "1.212.0-canary.2339.20225591374.0",
126
126
  "@salutejs/react-maskinput": "3.3.2",
127
127
  "@tanstack/react-table": "8.21.2",
128
128
  "@tanstack/react-virtual": "3.13.2",
@@ -142,5 +142,5 @@
142
142
  "sideEffects": [
143
143
  "*.css"
144
144
  ],
145
- "gitHead": "e9fed562f73bdca5cdb29b9c2f1916fd2792a68c"
145
+ "gitHead": "8ab082465c5d24199a8feae1e0f17e65489653c6"
146
146
  }
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import { RootProps } from '../../engines';
3
3
  import { TableProps } from './Table.types';
4
- export declare const SELECT_COLUMN_ID = "SELECT_COLUMN_UNIQUE_ID";
5
4
  export declare const tableRoot: (Root: RootProps<HTMLDivElement, TableProps>) => React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement>>;
6
5
  export declare const tableConfig: {
7
6
  name: string;
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAcrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AASzD,eAAO,MAAM,gBAAgB,4BAA4B,CAAC;AAE1D,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFA8OhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAhPQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;CA0PpE,CAAC"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAcrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,OAAO,EAAE,UAAU,EAAgB,MAAM,eAAe,CAAC;AASzD,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFA8OhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAhPQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;CA0PpE,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const SELECT_COLUMN_ID = "SELECT_COLUMN_UNIQUE_ID";
2
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,4BAA4B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './constants';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}