@alfalab/core-components-table 1.1.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 (281) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/component.d.ts +24 -0
  3. package/dist/component.js +39 -0
  4. package/dist/components/index.d.ts +9 -0
  5. package/dist/components/index.js +38 -0
  6. package/dist/components/pagination/Component.d.ts +22 -0
  7. package/dist/components/pagination/Component.js +52 -0
  8. package/dist/components/pagination/index.css +49 -0
  9. package/dist/components/pagination/index.d.ts +1 -0
  10. package/dist/components/pagination/index.js +17 -0
  11. package/dist/components/pagination/select-field/index.css +20 -0
  12. package/dist/components/pagination/select-field/index.d.ts +3 -0
  13. package/dist/components/pagination/select-field/index.js +26 -0
  14. package/dist/components/table/Component.d.ts +56 -0
  15. package/dist/components/table/Component.js +42 -0
  16. package/dist/components/table/index.css +39 -0
  17. package/dist/components/table/index.d.ts +1 -0
  18. package/dist/components/table/index.js +16 -0
  19. package/dist/components/table/utils.d.ts +5 -0
  20. package/dist/components/table/utils.js +27 -0
  21. package/dist/components/table-context/index.d.ts +18 -0
  22. package/dist/components/table-context/index.js +19 -0
  23. package/dist/components/tbody/Component.d.ts +15 -0
  24. package/dist/components/tbody/Component.js +22 -0
  25. package/dist/components/tbody/index.css +13 -0
  26. package/dist/components/tbody/index.d.ts +1 -0
  27. package/dist/components/tbody/index.js +12 -0
  28. package/dist/components/tcell/Component.d.ts +18 -0
  29. package/dist/components/tcell/Component.js +28 -0
  30. package/dist/components/tcell/index.css +42 -0
  31. package/dist/components/tcell/index.d.ts +1 -0
  32. package/dist/components/tcell/index.js +13 -0
  33. package/dist/components/texpandable-row/Component.d.ts +11 -0
  34. package/dist/components/texpandable-row/Component.js +38 -0
  35. package/dist/components/texpandable-row/index.css +24 -0
  36. package/dist/components/texpandable-row/index.d.ts +1 -0
  37. package/dist/components/texpandable-row/index.js +13 -0
  38. package/dist/components/thead/Component.d.ts +19 -0
  39. package/dist/components/thead/Component.js +23 -0
  40. package/dist/components/thead/index.css +38 -0
  41. package/dist/components/thead/index.d.ts +1 -0
  42. package/dist/components/thead/index.js +12 -0
  43. package/dist/components/thead-cell/Component.d.ts +27 -0
  44. package/dist/components/thead-cell/Component.js +22 -0
  45. package/dist/components/thead-cell/index.css +44 -0
  46. package/dist/components/thead-cell/index.d.ts +1 -0
  47. package/dist/components/thead-cell/index.js +12 -0
  48. package/dist/components/trow/Component.d.ts +28 -0
  49. package/dist/components/trow/Component.js +27 -0
  50. package/dist/components/trow/index.css +43 -0
  51. package/dist/components/trow/index.d.ts +1 -0
  52. package/dist/components/trow/index.js +12 -0
  53. package/dist/components/tsortable-head-cell/Component.d.ts +9 -0
  54. package/dist/components/tsortable-head-cell/Component.js +40 -0
  55. package/dist/components/tsortable-head-cell/index.css +46 -0
  56. package/dist/components/tsortable-head-cell/index.d.ts +1 -0
  57. package/dist/components/tsortable-head-cell/index.js +16 -0
  58. package/dist/components/tsortable-head-cell/sort-icon-asc.d.ts +5 -0
  59. package/dist/components/tsortable-head-cell/sort-icon-asc.js +15 -0
  60. package/dist/components/tsortable-head-cell/sort-icon-desc.d.ts +5 -0
  61. package/dist/components/tsortable-head-cell/sort-icon-desc.js +15 -0
  62. package/dist/components/tsortable-head-cell/sort-icon-unset.d.ts +5 -0
  63. package/dist/components/tsortable-head-cell/sort-icon-unset.js +15 -0
  64. package/dist/cssm/component.d.ts +24 -0
  65. package/dist/cssm/component.js +49 -0
  66. package/dist/cssm/components/index.d.ts +9 -0
  67. package/dist/cssm/components/index.js +48 -0
  68. package/dist/cssm/components/pagination/Component.d.ts +22 -0
  69. package/dist/cssm/components/pagination/Component.js +52 -0
  70. package/dist/cssm/components/pagination/index.d.ts +1 -0
  71. package/dist/cssm/components/pagination/index.js +19 -0
  72. package/dist/cssm/components/pagination/index.module.css +48 -0
  73. package/dist/cssm/components/pagination/select-field/index.d.ts +3 -0
  74. package/dist/cssm/components/pagination/select-field/index.js +25 -0
  75. package/dist/cssm/components/pagination/select-field/index.module.css +19 -0
  76. package/dist/cssm/components/table/Component.d.ts +56 -0
  77. package/dist/cssm/components/table/Component.js +42 -0
  78. package/dist/cssm/components/table/index.d.ts +1 -0
  79. package/dist/cssm/components/table/index.js +18 -0
  80. package/dist/cssm/components/table/index.module.css +38 -0
  81. package/dist/cssm/components/table/utils.d.ts +5 -0
  82. package/dist/cssm/components/table/utils.js +28 -0
  83. package/dist/cssm/components/table-context/index.d.ts +18 -0
  84. package/dist/cssm/components/table-context/index.js +19 -0
  85. package/dist/cssm/components/tbody/Component.d.ts +15 -0
  86. package/dist/cssm/components/tbody/Component.js +21 -0
  87. package/dist/cssm/components/tbody/index.d.ts +1 -0
  88. package/dist/cssm/components/tbody/index.js +13 -0
  89. package/dist/cssm/components/tbody/index.module.css +12 -0
  90. package/dist/cssm/components/tcell/Component.d.ts +18 -0
  91. package/dist/cssm/components/tcell/Component.js +27 -0
  92. package/dist/cssm/components/tcell/index.d.ts +1 -0
  93. package/dist/cssm/components/tcell/index.js +14 -0
  94. package/dist/cssm/components/tcell/index.module.css +41 -0
  95. package/dist/cssm/components/texpandable-row/Component.d.ts +11 -0
  96. package/dist/cssm/components/texpandable-row/Component.js +38 -0
  97. package/dist/cssm/components/texpandable-row/index.d.ts +1 -0
  98. package/dist/cssm/components/texpandable-row/index.js +15 -0
  99. package/dist/cssm/components/texpandable-row/index.module.css +23 -0
  100. package/dist/cssm/components/thead/Component.d.ts +19 -0
  101. package/dist/cssm/components/thead/Component.js +22 -0
  102. package/dist/cssm/components/thead/index.d.ts +1 -0
  103. package/dist/cssm/components/thead/index.js +13 -0
  104. package/dist/cssm/components/thead/index.module.css +37 -0
  105. package/dist/cssm/components/thead-cell/Component.d.ts +27 -0
  106. package/dist/cssm/components/thead-cell/Component.js +21 -0
  107. package/dist/cssm/components/thead-cell/index.d.ts +1 -0
  108. package/dist/cssm/components/thead-cell/index.js +13 -0
  109. package/dist/cssm/components/thead-cell/index.module.css +43 -0
  110. package/dist/cssm/components/trow/Component.d.ts +28 -0
  111. package/dist/cssm/components/trow/Component.js +26 -0
  112. package/dist/cssm/components/trow/index.d.ts +1 -0
  113. package/dist/cssm/components/trow/index.js +13 -0
  114. package/dist/cssm/components/trow/index.module.css +42 -0
  115. package/dist/cssm/components/tsortable-head-cell/Component.d.ts +9 -0
  116. package/dist/cssm/components/tsortable-head-cell/Component.js +40 -0
  117. package/dist/cssm/components/tsortable-head-cell/index.d.ts +1 -0
  118. package/dist/cssm/components/tsortable-head-cell/index.js +18 -0
  119. package/dist/cssm/components/tsortable-head-cell/index.module.css +45 -0
  120. package/dist/cssm/components/tsortable-head-cell/sort-icon-asc.d.ts +5 -0
  121. package/dist/cssm/components/tsortable-head-cell/sort-icon-asc.js +15 -0
  122. package/dist/cssm/components/tsortable-head-cell/sort-icon-desc.d.ts +5 -0
  123. package/dist/cssm/components/tsortable-head-cell/sort-icon-desc.js +15 -0
  124. package/dist/cssm/components/tsortable-head-cell/sort-icon-unset.d.ts +5 -0
  125. package/dist/cssm/components/tsortable-head-cell/sort-icon-unset.js +15 -0
  126. package/dist/cssm/index.d.ts +1 -0
  127. package/dist/cssm/index.js +41 -0
  128. package/dist/cssm/tslib.es6-ce870b46.d.ts +32 -0
  129. package/dist/cssm/tslib.es6-ce870b46.js +42 -0
  130. package/dist/cssm/typings.d.ts +2 -0
  131. package/dist/cssm/typings.js +2 -0
  132. package/dist/cssm/utils.d.ts +4 -0
  133. package/dist/cssm/utils.js +16 -0
  134. package/dist/esm/component.d.ts +24 -0
  135. package/dist/esm/component.js +35 -0
  136. package/dist/esm/components/index.d.ts +9 -0
  137. package/dist/esm/components/index.js +22 -0
  138. package/dist/esm/components/pagination/Component.d.ts +22 -0
  139. package/dist/esm/components/pagination/Component.js +43 -0
  140. package/dist/esm/components/pagination/index.css +49 -0
  141. package/dist/esm/components/pagination/index.d.ts +1 -0
  142. package/dist/esm/components/pagination/index.js +9 -0
  143. package/dist/esm/components/pagination/select-field/index.css +20 -0
  144. package/dist/esm/components/pagination/select-field/index.d.ts +3 -0
  145. package/dist/esm/components/pagination/select-field/index.js +17 -0
  146. package/dist/esm/components/table/Component.d.ts +56 -0
  147. package/dist/esm/components/table/Component.js +33 -0
  148. package/dist/esm/components/table/index.css +39 -0
  149. package/dist/esm/components/table/index.d.ts +1 -0
  150. package/dist/esm/components/table/index.js +8 -0
  151. package/dist/esm/components/table/utils.d.ts +5 -0
  152. package/dist/esm/components/table/utils.js +19 -0
  153. package/dist/esm/components/table-context/index.d.ts +18 -0
  154. package/dist/esm/components/table-context/index.js +10 -0
  155. package/dist/esm/components/tbody/Component.d.ts +15 -0
  156. package/dist/esm/components/tbody/Component.js +13 -0
  157. package/dist/esm/components/tbody/index.css +13 -0
  158. package/dist/esm/components/tbody/index.d.ts +1 -0
  159. package/dist/esm/components/tbody/index.js +4 -0
  160. package/dist/esm/components/tcell/Component.d.ts +18 -0
  161. package/dist/esm/components/tcell/Component.js +19 -0
  162. package/dist/esm/components/tcell/index.css +42 -0
  163. package/dist/esm/components/tcell/index.d.ts +1 -0
  164. package/dist/esm/components/tcell/index.js +5 -0
  165. package/dist/esm/components/texpandable-row/Component.d.ts +11 -0
  166. package/dist/esm/components/texpandable-row/Component.js +29 -0
  167. package/dist/esm/components/texpandable-row/index.css +24 -0
  168. package/dist/esm/components/texpandable-row/index.d.ts +1 -0
  169. package/dist/esm/components/texpandable-row/index.js +5 -0
  170. package/dist/esm/components/thead/Component.d.ts +19 -0
  171. package/dist/esm/components/thead/Component.js +14 -0
  172. package/dist/esm/components/thead/index.css +38 -0
  173. package/dist/esm/components/thead/index.d.ts +1 -0
  174. package/dist/esm/components/thead/index.js +4 -0
  175. package/dist/esm/components/thead-cell/Component.d.ts +27 -0
  176. package/dist/esm/components/thead-cell/Component.js +13 -0
  177. package/dist/esm/components/thead-cell/index.css +44 -0
  178. package/dist/esm/components/thead-cell/index.d.ts +1 -0
  179. package/dist/esm/components/thead-cell/index.js +4 -0
  180. package/dist/esm/components/trow/Component.d.ts +28 -0
  181. package/dist/esm/components/trow/Component.js +18 -0
  182. package/dist/esm/components/trow/index.css +43 -0
  183. package/dist/esm/components/trow/index.d.ts +1 -0
  184. package/dist/esm/components/trow/index.js +4 -0
  185. package/dist/esm/components/tsortable-head-cell/Component.d.ts +9 -0
  186. package/dist/esm/components/tsortable-head-cell/Component.js +31 -0
  187. package/dist/esm/components/tsortable-head-cell/index.css +46 -0
  188. package/dist/esm/components/tsortable-head-cell/index.d.ts +1 -0
  189. package/dist/esm/components/tsortable-head-cell/index.js +8 -0
  190. package/dist/esm/components/tsortable-head-cell/sort-icon-asc.d.ts +5 -0
  191. package/dist/esm/components/tsortable-head-cell/sort-icon-asc.js +7 -0
  192. package/dist/esm/components/tsortable-head-cell/sort-icon-desc.d.ts +5 -0
  193. package/dist/esm/components/tsortable-head-cell/sort-icon-desc.js +7 -0
  194. package/dist/esm/components/tsortable-head-cell/sort-icon-unset.d.ts +5 -0
  195. package/dist/esm/components/tsortable-head-cell/sort-icon-unset.js +7 -0
  196. package/dist/esm/index.d.ts +1 -0
  197. package/dist/esm/index.js +23 -0
  198. package/dist/esm/tslib.es6-f3c5f2e2.d.ts +32 -0
  199. package/dist/esm/tslib.es6-f3c5f2e2.js +40 -0
  200. package/dist/esm/typings.d.ts +2 -0
  201. package/dist/esm/typings.js +1 -0
  202. package/dist/esm/utils.d.ts +4 -0
  203. package/dist/esm/utils.js +8 -0
  204. package/dist/index.d.ts +1 -0
  205. package/dist/index.js +31 -0
  206. package/dist/modern/component.d.ts +24 -0
  207. package/dist/modern/component.js +34 -0
  208. package/dist/modern/components/index.d.ts +9 -0
  209. package/dist/modern/components/index.js +21 -0
  210. package/dist/modern/components/pagination/Component.d.ts +22 -0
  211. package/dist/modern/components/pagination/Component.js +38 -0
  212. package/dist/modern/components/pagination/index.css +49 -0
  213. package/dist/modern/components/pagination/index.d.ts +1 -0
  214. package/dist/modern/components/pagination/index.js +8 -0
  215. package/dist/modern/components/pagination/select-field/index.css +20 -0
  216. package/dist/modern/components/pagination/select-field/index.d.ts +3 -0
  217. package/dist/modern/components/pagination/select-field/index.js +14 -0
  218. package/dist/modern/components/table/Component.d.ts +56 -0
  219. package/dist/modern/components/table/Component.js +28 -0
  220. package/dist/modern/components/table/index.css +39 -0
  221. package/dist/modern/components/table/index.d.ts +1 -0
  222. package/dist/modern/components/table/index.js +7 -0
  223. package/dist/modern/components/table/utils.d.ts +5 -0
  224. package/dist/modern/components/table/utils.js +18 -0
  225. package/dist/modern/components/table-context/index.d.ts +18 -0
  226. package/dist/modern/components/table-context/index.js +10 -0
  227. package/dist/modern/components/tbody/Component.d.ts +15 -0
  228. package/dist/modern/components/tbody/Component.js +11 -0
  229. package/dist/modern/components/tbody/index.css +13 -0
  230. package/dist/modern/components/tbody/index.d.ts +1 -0
  231. package/dist/modern/components/tbody/index.js +3 -0
  232. package/dist/modern/components/tcell/Component.d.ts +18 -0
  233. package/dist/modern/components/tcell/Component.js +17 -0
  234. package/dist/modern/components/tcell/index.css +42 -0
  235. package/dist/modern/components/tcell/index.d.ts +1 -0
  236. package/dist/modern/components/tcell/index.js +4 -0
  237. package/dist/modern/components/texpandable-row/Component.d.ts +11 -0
  238. package/dist/modern/components/texpandable-row/Component.js +26 -0
  239. package/dist/modern/components/texpandable-row/index.css +24 -0
  240. package/dist/modern/components/texpandable-row/index.d.ts +1 -0
  241. package/dist/modern/components/texpandable-row/index.js +4 -0
  242. package/dist/modern/components/thead/Component.d.ts +19 -0
  243. package/dist/modern/components/thead/Component.js +12 -0
  244. package/dist/modern/components/thead/index.css +38 -0
  245. package/dist/modern/components/thead/index.d.ts +1 -0
  246. package/dist/modern/components/thead/index.js +3 -0
  247. package/dist/modern/components/thead-cell/Component.d.ts +27 -0
  248. package/dist/modern/components/thead-cell/Component.js +9 -0
  249. package/dist/modern/components/thead-cell/index.css +44 -0
  250. package/dist/modern/components/thead-cell/index.d.ts +1 -0
  251. package/dist/modern/components/thead-cell/index.js +3 -0
  252. package/dist/modern/components/trow/Component.d.ts +28 -0
  253. package/dist/modern/components/trow/Component.js +13 -0
  254. package/dist/modern/components/trow/index.css +43 -0
  255. package/dist/modern/components/trow/index.d.ts +1 -0
  256. package/dist/modern/components/trow/index.js +3 -0
  257. package/dist/modern/components/tsortable-head-cell/Component.d.ts +9 -0
  258. package/dist/modern/components/tsortable-head-cell/Component.js +28 -0
  259. package/dist/modern/components/tsortable-head-cell/index.css +46 -0
  260. package/dist/modern/components/tsortable-head-cell/index.d.ts +1 -0
  261. package/dist/modern/components/tsortable-head-cell/index.js +7 -0
  262. package/dist/modern/components/tsortable-head-cell/sort-icon-asc.d.ts +5 -0
  263. package/dist/modern/components/tsortable-head-cell/sort-icon-asc.js +6 -0
  264. package/dist/modern/components/tsortable-head-cell/sort-icon-desc.d.ts +5 -0
  265. package/dist/modern/components/tsortable-head-cell/sort-icon-desc.js +6 -0
  266. package/dist/modern/components/tsortable-head-cell/sort-icon-unset.d.ts +5 -0
  267. package/dist/modern/components/tsortable-head-cell/sort-icon-unset.js +6 -0
  268. package/dist/modern/index.d.ts +1 -0
  269. package/dist/modern/index.js +22 -0
  270. package/dist/modern/typings.d.ts +2 -0
  271. package/dist/modern/typings.js +1 -0
  272. package/dist/modern/utils.d.ts +4 -0
  273. package/dist/modern/utils.js +8 -0
  274. package/dist/send-stats.js +82 -0
  275. package/dist/tslib.es6-2f687e1c.d.ts +32 -0
  276. package/dist/tslib.es6-2f687e1c.js +42 -0
  277. package/dist/typings.d.ts +2 -0
  278. package/dist/typings.js +2 -0
  279. package/dist/utils.d.ts +4 -0
  280. package/dist/utils.js +16 -0
  281. package/package.json +26 -0
@@ -0,0 +1,28 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../tslib.es6-2f687e1c.js');
6
+ var React = require('react');
7
+ var cn = require('classnames');
8
+ var components_tableContext_index = require('../table-context/index.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
+
15
+ var styles = {"component":"table__component_1vxc4","hidden":"table__hidden_1vxc4","compact":"table__compact_1vxc4"};
16
+ require('./index.css')
17
+
18
+ var TCell = function (_a) {
19
+ var className = _a.className, style = _a.style, dataTestId = _a.dataTestId, children = _a.children, index = _a.index, restProps = tslib_es6.__rest(_a, ["className", "style", "dataTestId", "children", "index"]);
20
+ var _b = React.useContext(components_tableContext_index.TableContext), columnsConfiguration = _b.columnsConfiguration, compactView = _b.compactView;
21
+ var column = index === undefined ? null : columnsConfiguration[index];
22
+ var width = column === null || column === void 0 ? void 0 : column.width;
23
+ var textAlign = column === null || column === void 0 ? void 0 : column.textAlign;
24
+ var hidden = (column === null || column === void 0 ? void 0 : column.hidden) || false;
25
+ return (React__default['default'].createElement("td", tslib_es6.__assign({ className: cn__default['default'](styles.component, className, hidden && styles.hidden, compactView && styles.compact), style: tslib_es6.__assign(tslib_es6.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
26
+ };
27
+
28
+ exports.TCell = TCell;
@@ -0,0 +1,42 @@
1
+ /* hash: lk1eo */
2
+ :root {
3
+ --color-light-border-primary: #dbdee1;
4
+ --color-light-text-primary: #0b1f35;
5
+ }
6
+ :root {
7
+
8
+ /* Hard */
9
+
10
+ /* Up */
11
+
12
+ /* Hard up */
13
+ }
14
+ :root {
15
+ --gap-xs: 8px;
16
+ --gap-m: 16px;
17
+ --gap-xl: 24px;
18
+ }
19
+ .table__component_1vxc4 {
20
+ font-size: 14px;
21
+ line-height: 20px;
22
+ font-weight: 400;
23
+
24
+ color: var(--color-light-text-primary);
25
+ padding: var(--gap-xl) var(--gap-m);
26
+ height: 72px;
27
+ border-top: 1px solid var(--color-light-border-primary);
28
+ vertical-align: top;
29
+ box-sizing: border-box;
30
+ }
31
+ .table__hidden_1vxc4 {
32
+ display: none;
33
+ }
34
+ .table__compact_1vxc4 {
35
+ padding-top: var(--gap-xs);
36
+ padding-bottom: var(--gap-xs);
37
+
38
+ max-width: 0;
39
+ overflow: hidden;
40
+ text-overflow: ellipsis;
41
+ white-space: nowrap;
42
+ }
@@ -0,0 +1 @@
1
+ export * from "./Component";
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('../../tslib.es6-2f687e1c.js');
6
+ require('react');
7
+ require('classnames');
8
+ require('../table-context/index.js');
9
+ var components_tcell_Component = require('./Component.js');
10
+
11
+
12
+
13
+ exports.TCell = components_tcell_Component.TCell;
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { ReactNode } from 'react';
3
+ import { TRowProps } from "../trow/index";
4
+ type TExpandableRowProps = TRowProps & {
5
+ defaultExpanded?: boolean;
6
+ expanded?: boolean;
7
+ onToggle?: (expanded: boolean) => void;
8
+ renderContent: (expanded: boolean) => ReactNode;
9
+ };
10
+ declare const TExpandableRow: ({ className, selected, expanded, defaultExpanded, onToggle, renderContent, ...restProps }: TExpandableRowProps) => JSX.Element;
11
+ export { TExpandableRowProps, TExpandableRow };
@@ -0,0 +1,38 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../tslib.es6-2f687e1c.js');
6
+ var React = require('react');
7
+ var cn = require('classnames');
8
+ var components_trow_Component = require('../trow/Component.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
14
+
15
+ var styles = {"row":"table__row_1ftvx","selected":"table__selected_1ftvx","expanded":"table__expanded_1ftvx","expandable":"table__expandable_1ftvx"};
16
+ require('./index.css')
17
+
18
+ var TExpandableRow = function (_a) {
19
+ var _b, _c;
20
+ var className = _a.className, selected = _a.selected, expanded = _a.expanded, _d = _a.defaultExpanded, defaultExpanded = _d === void 0 ? false : _d, _e = _a.onToggle, onToggle = _e === void 0 ? function () { return null; } : _e, _f = _a.renderContent, renderContent = _f === void 0 ? function () { return null; } : _f, restProps = tslib_es6.__rest(_a, ["className", "selected", "expanded", "defaultExpanded", "onToggle", "renderContent"]);
21
+ var _g = React.useState(defaultExpanded), expandedState = _g[0], setExpandedState = _g[1];
22
+ var uncontrolled = expanded === undefined;
23
+ var isExpanded = (uncontrolled ? expandedState : expanded);
24
+ var handleToggle = function () {
25
+ if (uncontrolled) {
26
+ setExpandedState(!isExpanded);
27
+ }
28
+ onToggle(isExpanded);
29
+ };
30
+ return (React__default['default'].createElement(React__default['default'].Fragment, null,
31
+ React__default['default'].createElement(components_trow_Component.TRow, tslib_es6.__assign({ className: cn__default['default'](styles.row, className, (_b = {},
32
+ _b[styles.selected] = selected,
33
+ _b[styles.expanded] = isExpanded,
34
+ _b)), selected: selected, onClick: handleToggle }, restProps)),
35
+ React__default['default'].createElement("tr", { className: cn__default['default'](styles.expandable, (_c = {}, _c[styles.expanded] = isExpanded, _c)) }, renderContent(isExpanded))));
36
+ };
37
+
38
+ exports.TExpandableRow = TExpandableRow;
@@ -0,0 +1,24 @@
1
+ /* hash: 1bs8a */
2
+ :root {
3
+
4
+ /* Hard */
5
+
6
+ /* Up */
7
+
8
+ /* Hard up */
9
+ }
10
+ .table__row_1ftvx {
11
+ cursor: pointer;
12
+ }
13
+ .table__selected_1ftvx.table__expanded_1ftvx {
14
+ background-color: inherit;
15
+ }
16
+ .table__expanded_1ftvx:hover {
17
+ background-color: inherit;
18
+ }
19
+ .table__expandable_1ftvx td {
20
+ margin: 0;
21
+ padding-top: 0;
22
+ padding-bottom: 0;
23
+ border: none;
24
+ }
@@ -0,0 +1 @@
1
+ export * from "./Component";
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('../../tslib.es6-2f687e1c.js');
6
+ require('react');
7
+ require('classnames');
8
+ require('../trow/Component.js');
9
+ var components_texpandableRow_Component = require('./Component.js');
10
+
11
+
12
+
13
+ exports.TExpandableRow = components_texpandableRow_Component.TExpandableRow;
@@ -0,0 +1,19 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { HTMLAttributes } from "react";
4
+ type THeadProps = HTMLAttributes<HTMLTableSectionElement> & {
5
+ /**
6
+ * Дополнительный класс
7
+ */
8
+ className?: string;
9
+ /**
10
+ * Дополнительный класс для tr
11
+ */
12
+ rowClassName?: string;
13
+ /**
14
+ * Идентификатор для систем автоматизированного тестирования
15
+ */
16
+ dataTestId?: string;
17
+ };
18
+ declare const THead: React.FC<THeadProps>;
19
+ export { THeadProps, THead };
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../tslib.es6-2f687e1c.js');
6
+ var React = require('react');
7
+ var cn = require('classnames');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
13
+
14
+ var styles = {"component":"table__component_rup1j","row":"table__row_rup1j"};
15
+ require('./index.css')
16
+
17
+ var THead = function (_a) {
18
+ var className = _a.className, rowClassName = _a.rowClassName, children = _a.children, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["className", "rowClassName", "children", "dataTestId"]);
19
+ return (React__default['default'].createElement("thead", tslib_es6.__assign({ className: cn__default['default'](styles.component, className), "data-test-id": dataTestId }, restProps),
20
+ React__default['default'].createElement("tr", { className: cn__default['default'](styles.row, rowClassName) }, children)));
21
+ };
22
+
23
+ exports.THead = THead;
@@ -0,0 +1,38 @@
1
+ /* hash: 1nqvt */
2
+ :root {
3
+ --color-light-graphic-neutral: #dbdee1;
4
+ }
5
+ :root {
6
+
7
+ /* Hard */
8
+
9
+ /* Up */
10
+
11
+ /* Hard up */
12
+ }
13
+ .table__component_rup1j {
14
+ position: relative;
15
+ width: 100%;
16
+ box-sizing: border-box
17
+ }
18
+ .table__component_rup1j th:not(:last-child):not(:empty):after {
19
+ transition: opacity 0.2s;
20
+ position: absolute;
21
+ content: '';
22
+ display: block;
23
+
24
+ width: 1px;
25
+ right: 0;
26
+ top: 12px;
27
+ bottom: 8px;
28
+ background-color: var(--color-light-graphic-neutral);
29
+ }
30
+ .table__component_rup1j th:after {
31
+ opacity: 0;
32
+ }
33
+ .table__component_rup1j:hover th:after {
34
+ opacity: 1;
35
+ }
36
+ .table__row_rup1j {
37
+ height: 72px;
38
+ }
@@ -0,0 +1 @@
1
+ export * from "./Component";
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('../../tslib.es6-2f687e1c.js');
6
+ require('react');
7
+ require('classnames');
8
+ var components_thead_Component = require('./Component.js');
9
+
10
+
11
+
12
+ exports.THead = components_thead_Component.THead;
@@ -0,0 +1,27 @@
1
+ /// <reference types="react" />
2
+ import { ThHTMLAttributes } from 'react';
3
+ import { TextAlignProperty } from "../../typings";
4
+ type THeadCellProps = ThHTMLAttributes<HTMLHeadingElement> & {
5
+ /**
6
+ * Дополнительный класс
7
+ */
8
+ className?: string;
9
+ /**
10
+ * Ширина колонки
11
+ */
12
+ width?: string | number;
13
+ /**
14
+ * Скрытие колонки
15
+ */
16
+ hidden?: boolean;
17
+ /**
18
+ * Выравнивание текста в колонке
19
+ */
20
+ textAlign?: TextAlignProperty;
21
+ /**
22
+ * Идентификатор для систем автоматизированного тестирования
23
+ */
24
+ dataTestId?: string;
25
+ };
26
+ declare const THeadCell: ({ children, className, dataTestId, style, width, textAlign, hidden, ...restProps }: THeadCellProps) => JSX.Element;
27
+ export { THeadCellProps, THeadCell };
@@ -0,0 +1,22 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../tslib.es6-2f687e1c.js');
6
+ var React = require('react');
7
+ var cn = require('classnames');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
13
+
14
+ var styles = {"component":"table__component_1m0ff","sortable":"table__sortable_1m0ff","sorted":"table__sorted_1m0ff","hidden":"table__hidden_1m0ff"};
15
+ require('./index.css')
16
+
17
+ var THeadCell = function (_a) {
18
+ var children = _a.children, className = _a.className, dataTestId = _a.dataTestId, style = _a.style, width = _a.width, textAlign = _a.textAlign, hidden = _a.hidden, restProps = tslib_es6.__rest(_a, ["children", "className", "dataTestId", "style", "width", "textAlign", "hidden"]);
19
+ return (React__default['default'].createElement("th", tslib_es6.__assign({ className: cn__default['default'](styles.component, className, hidden && styles.hidden), style: tslib_es6.__assign(tslib_es6.__assign({}, style), { width: width, textAlign: textAlign }), "data-test-id": dataTestId }, restProps), children));
20
+ };
21
+
22
+ exports.THeadCell = THeadCell;
@@ -0,0 +1,44 @@
1
+ /* hash: b8dhi */
2
+ :root {
3
+ --color-light-bg-primary: #fff;
4
+ --color-light-border-primary: #dbdee1;
5
+ --color-light-text-primary: #0b1f35;
6
+ }
7
+ :root {
8
+
9
+ /* Hard */
10
+
11
+ /* Up */
12
+
13
+ /* Hard up */
14
+ }
15
+ :root {
16
+ --gap-s: 12px;
17
+ --gap-2xl: 32px;
18
+ }
19
+ .table__component_1m0ff {
20
+ font-size: 12px;
21
+ line-height: 16px;
22
+ font-weight: 500;
23
+ letter-spacing: 1.25px;
24
+ text-transform: uppercase;
25
+
26
+ line-height: 20px;
27
+ position: relative;
28
+ text-align: left;
29
+ color: var(--color-light-text-primary);
30
+ padding: var(--gap-2xl) var(--gap-s) 0;
31
+ border-bottom: 1px solid var(--color-light-border-primary);
32
+ background: var(--color-light-bg-primary);
33
+ vertical-align: top;
34
+ box-sizing: border-box;
35
+ }
36
+ .table__sortable_1m0ff {
37
+ cursor: pointer;
38
+ }
39
+ .table__sorted_1m0ff {
40
+ color: var(--color-light-text-primary);
41
+ }
42
+ .table__hidden_1m0ff {
43
+ display: none;
44
+ }
@@ -0,0 +1 @@
1
+ export * from "./Component";
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('../../tslib.es6-2f687e1c.js');
6
+ require('react');
7
+ require('classnames');
8
+ var components_theadCell_Component = require('./Component.js');
9
+
10
+
11
+
12
+ exports.THeadCell = components_theadCell_Component.THeadCell;
@@ -0,0 +1,28 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { HTMLAttributes } from "react";
4
+ import { TCell, TCellProps } from "../tcell/index";
5
+ type TRowProps = HTMLAttributes<HTMLTableRowElement> & {
6
+ /**
7
+ * Компоненты ячеек
8
+ */
9
+ children: Array<React.ReactElement<TCellProps, typeof TCell>>;
10
+ /**
11
+ * Дополнительный класс
12
+ */
13
+ className?: string;
14
+ /**
15
+ * Стиль выбранной строки
16
+ */
17
+ selected?: boolean;
18
+ /**
19
+ * Убирает нижнюю границу
20
+ */
21
+ withoutBorder?: boolean;
22
+ /**
23
+ * Идентификатор для систем автоматизированного тестирования
24
+ */
25
+ dataTestId?: string;
26
+ };
27
+ declare const TRow: ({ children, className, selected, withoutBorder, dataTestId, ...restProps }: TRowProps) => JSX.Element;
28
+ export { TRowProps, TRow };
@@ -0,0 +1,27 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../tslib.es6-2f687e1c.js');
6
+ var React = require('react');
7
+ var cn = require('classnames');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
13
+
14
+ var styles = {"component":"table__component_gfjww","withoutBorder":"table__withoutBorder_gfjww","clickable":"table__clickable_gfjww","selected":"table__selected_gfjww"};
15
+ require('./index.css')
16
+
17
+ var TRow = function (_a) {
18
+ var _b;
19
+ var children = _a.children, className = _a.className, selected = _a.selected, withoutBorder = _a.withoutBorder, dataTestId = _a.dataTestId, restProps = tslib_es6.__rest(_a, ["children", "className", "selected", "withoutBorder", "dataTestId"]);
20
+ return (React__default['default'].createElement("tr", tslib_es6.__assign({ className: cn__default['default'](styles.component, className, (_b = {},
21
+ _b[styles.clickable] = typeof restProps.onClick !== 'undefined',
22
+ _b[styles.selected] = selected,
23
+ _b[styles.withoutBorder] = withoutBorder,
24
+ _b)), "data-test-id": dataTestId }, restProps), React__default['default'].Children.map(children, function (child, index) { return React__default['default'].cloneElement(child, { index: index }); })));
25
+ };
26
+
27
+ exports.TRow = TRow;
@@ -0,0 +1,43 @@
1
+ /* hash: 11wnh */
2
+ :root {
3
+ --color-static-graphic-solitude: #e8f2fe;
4
+ }
5
+ :root {
6
+ --color-light-bg-primary: #fff;
7
+ --color-light-bg-secondary: #f3f4f5;
8
+ }
9
+ :root {
10
+
11
+ /* Hard */
12
+
13
+ /* Up */
14
+
15
+ /* Hard up */
16
+ }
17
+ .table__component_gfjww {
18
+ padding-top: 1px;
19
+ width: 100%;
20
+ transition: background-color 0.2s;
21
+ box-sizing: border-box;
22
+ background: var(--color-light-bg-primary)
23
+ }
24
+ .table__component_gfjww:first-child td {
25
+ border-top: 0;
26
+ }
27
+ .table__withoutBorder_gfjww {
28
+ td {
29
+ border: none;
30
+ }
31
+ }
32
+ .table__clickable_gfjww {
33
+ cursor: pointer
34
+ }
35
+ .table__clickable_gfjww:hover {
36
+ background-color: var(--color-light-bg-secondary);
37
+ }
38
+ .table__selected_gfjww {
39
+ background-color: #f2f8ff /* нет цвета в палитре */
40
+ }
41
+ .table__selected_gfjww:hover {
42
+ background-color: var(--color-static-graphic-solitude);
43
+ }
@@ -0,0 +1 @@
1
+ export * from "./Component";
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('../../tslib.es6-2f687e1c.js');
6
+ require('react');
7
+ require('classnames');
8
+ var components_trow_Component = require('./Component.js');
9
+
10
+
11
+
12
+ exports.TRow = components_trow_Component.TRow;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { THeadCellProps } from "../thead-cell/index";
3
+ type TSortableHeadCellProps = THeadCellProps & {
4
+ isSortedDesc?: boolean;
5
+ defaultIsSortedDesc?: boolean;
6
+ onSort?: () => void;
7
+ };
8
+ declare const TSortableHeadCell: ({ children, className, defaultIsSortedDesc, isSortedDesc, textAlign, onSort, ...restProps }: TSortableHeadCellProps) => JSX.Element;
9
+ export { TSortableHeadCellProps, TSortableHeadCell };
@@ -0,0 +1,40 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../tslib.es6-2f687e1c.js');
6
+ var React = require('react');
7
+ var cn = require('classnames');
8
+ var components_theadCell_Component = require('../thead-cell/Component.js');
9
+ var components_tsortableHeadCell_sortIconAsc = require('./sort-icon-asc.js');
10
+ var components_tsortableHeadCell_sortIconDesc = require('./sort-icon-desc.js');
11
+ var components_tsortableHeadCell_sortIconUnset = require('./sort-icon-unset.js');
12
+
13
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
+
15
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
+ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
17
+
18
+ var styles = {"component":"table__component_5ob2m","content":"table__content_5ob2m","icon":"table__icon_5ob2m","reverse":"table__reverse_5ob2m","sorted":"table__sorted_5ob2m"};
19
+ require('./index.css')
20
+
21
+ var TSortableHeadCell = function (_a) {
22
+ var _b, _c;
23
+ var children = _a.children, className = _a.className, defaultIsSortedDesc = _a.defaultIsSortedDesc, isSortedDesc = _a.isSortedDesc, textAlign = _a.textAlign, onSort = _a.onSort, restProps = tslib_es6.__rest(_a, ["children", "className", "defaultIsSortedDesc", "isSortedDesc", "textAlign", "onSort"]);
24
+ var SortIcon = React.useMemo(function () {
25
+ var value = isSortedDesc;
26
+ if (value === undefined)
27
+ value = defaultIsSortedDesc;
28
+ if (typeof value === 'boolean')
29
+ return value ? components_tsortableHeadCell_sortIconDesc.SortIconDesc : components_tsortableHeadCell_sortIconAsc.SortIconAsc;
30
+ return components_tsortableHeadCell_sortIconUnset.SortIconUnset;
31
+ }, [defaultIsSortedDesc, isSortedDesc]);
32
+ return (React__default['default'].createElement(components_theadCell_Component.THeadCell, tslib_es6.__assign({ className: cn__default['default'](className, styles.component) }, restProps),
33
+ React__default['default'].createElement("div", { className: cn__default['default'](styles.content, (_b = {}, _b[styles.reverse] = textAlign === 'right', _b)) },
34
+ children,
35
+ React__default['default'].createElement(SortIcon, { onClick: onSort, className: cn__default['default'](styles.icon, (_c = {},
36
+ _c[styles.sorted] = isSortedDesc !== undefined,
37
+ _c)) }))));
38
+ };
39
+
40
+ exports.TSortableHeadCell = TSortableHeadCell;
@@ -0,0 +1,46 @@
1
+ /* hash: 1tbmz */
2
+ :root {
3
+ --color-light-graphic-link: #007aff;
4
+ --color-light-graphic-primary: #0b1f35;
5
+ --color-light-graphic-secondary: #6d7986;
6
+ }
7
+ :root {
8
+
9
+ /* Hard */
10
+
11
+ /* Up */
12
+
13
+ /* Hard up */
14
+ }
15
+ :root {
16
+ --gap-xs: 8px;
17
+ }
18
+ .table__component_5ob2m {
19
+ position: relative;
20
+ }
21
+ .table__content_5ob2m {
22
+ display: flex;
23
+ align-items: center;
24
+ }
25
+ .table__icon_5ob2m {
26
+ cursor: pointer;
27
+ margin-left: var(--gap-xs);
28
+ color: var(--color-light-graphic-secondary);
29
+ transition: color 0.2s ease
30
+ }
31
+ .table__icon_5ob2m:hover {
32
+ color: var(--color-light-graphic-primary);
33
+ }
34
+ .table__reverse_5ob2m {
35
+ flex-direction: row-reverse
36
+ }
37
+ .table__reverse_5ob2m .table__icon_5ob2m {
38
+ margin-left: 0;
39
+ margin-right: var(--gap-xs);
40
+ }
41
+ .table__sorted_5ob2m {
42
+ color: var(--color-light-graphic-link)
43
+ }
44
+ .table__sorted_5ob2m:hover {
45
+ color: var(--color-light-graphic-link);
46
+ }
@@ -0,0 +1 @@
1
+ export * from "./Component";
@@ -0,0 +1,16 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ require('../../tslib.es6-2f687e1c.js');
6
+ require('react');
7
+ require('classnames');
8
+ require('../thead-cell/Component.js');
9
+ var components_tsortableHeadCell_Component = require('./Component.js');
10
+ require('./sort-icon-asc.js');
11
+ require('./sort-icon-desc.js');
12
+ require('./sort-icon-unset.js');
13
+
14
+
15
+
16
+ exports.TSortableHeadCell = components_tsortableHeadCell_Component.TSortableHeadCell;
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import React from 'react';
3
+ import { SVGProps } from "react";
4
+ declare const SortIconAsc: React.FC<SVGProps<SVGSVGElement>>;
5
+ export { SortIconAsc };
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib_es6 = require('../../tslib.es6-2f687e1c.js');
6
+ var React = require('react');
7
+
8
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
+
10
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
+
12
+ var SortIconAsc = function (props) { return (React__default['default'].createElement("svg", tslib_es6.__assign({ width: '18', height: '18', viewBox: '0 0 18 18', fill: 'currentColor', xmlns: 'http://www.w3.org/2000/svg', focusable: 'false', role: 'img' }, props),
13
+ React__default['default'].createElement("path", { d: 'M3.00004 10C3.00004 10 11.4477 10 12 10C12 9.33333 12.0001 8.16667 12.0001 7.5H3.0001C3.00006 8 3.0001 9.5 3.00004 10ZM3.0001 3.5C3.00003 4.16667 3 5.33333 3 6H9C9 5.33333 9 4.16667 9 3.5C9 3.5 3.55238 3.5 3.0001 3.5ZM3.00009 14C3.21041 14 15 14 15 14C15 13.5 15 12 15 11.5C15 11.5 3.55238 11.5 3.00009 11.5C3 12 3 13.5 3.00009 14Z' }))); };
14
+
15
+ exports.SortIconAsc = SortIconAsc;