@transferwise/components 0.0.0-experimental-029bd71 → 0.0.0-experimental-bb32303

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 (66) hide show
  1. package/build/button/Button.js.map +1 -1
  2. package/build/button/Button.mjs.map +1 -1
  3. package/build/button/legacyUtils/legacyUtils.js.map +1 -1
  4. package/build/button/legacyUtils/legacyUtils.mjs.map +1 -1
  5. package/build/i18n/en.json +0 -5
  6. package/build/i18n/en.json.js +0 -5
  7. package/build/i18n/en.json.js.map +1 -1
  8. package/build/i18n/en.json.mjs +0 -5
  9. package/build/i18n/en.json.mjs.map +1 -1
  10. package/build/main.css +0 -300
  11. package/build/styles/main.css +0 -300
  12. package/build/types/button/Button.d.ts +1 -1
  13. package/build/types/button/Button.d.ts.map +1 -1
  14. package/build/types/button/legacyUtils/legacyUtils.d.ts +2 -2
  15. package/build/types/button/legacyUtils/legacyUtils.d.ts.map +1 -1
  16. package/build/types/test-utils/index.d.ts +158 -0
  17. package/build/types/test-utils/index.d.ts.map +1 -0
  18. package/build/types/test-utils/jest.setup.d.ts +2 -0
  19. package/build/types/test-utils/jest.setup.d.ts.map +1 -0
  20. package/package.json +5 -4
  21. package/src/button/{Button.spec.js → Button.spec.tsx} +3 -2
  22. package/src/button/Button.tsx +1 -1
  23. package/src/button/legacyUtils/{legacyUtils.spec.js → legacyUtils.spec.tsx} +1 -1
  24. package/src/button/legacyUtils/legacyUtils.ts +2 -2
  25. package/src/i18n/en.json +0 -5
  26. package/src/main.css +0 -300
  27. package/src/main.less +0 -1
  28. package/src/modal/{Modal.rtl.spec.js → Modal.rtl.spec.tsx} +8 -7
  29. package/src/slidingPanel/SlidingPanel.spec.js +1 -1
  30. package/src/ssr.spec.tsx +264 -0
  31. package/src/test-utils/{index.js → index.tsx} +11 -6
  32. package/src/test-utils/{jest.setup.js → jest.setup.ts} +13 -8
  33. package/build/styles/table/Table.css +0 -300
  34. package/build/types/table/Table.d.ts +0 -23
  35. package/build/types/table/Table.d.ts.map +0 -1
  36. package/build/types/table/Table.messages.d.ts +0 -24
  37. package/build/types/table/Table.messages.d.ts.map +0 -1
  38. package/build/types/table/TableCell.d.ts +0 -44
  39. package/build/types/table/TableCell.d.ts.map +0 -1
  40. package/build/types/table/TableHeader.d.ts +0 -13
  41. package/build/types/table/TableHeader.d.ts.map +0 -1
  42. package/build/types/table/TableRow.d.ts +0 -17
  43. package/build/types/table/TableRow.d.ts.map +0 -1
  44. package/build/types/table/TableStatusText.d.ts +0 -9
  45. package/build/types/table/TableStatusText.d.ts.map +0 -1
  46. package/build/types/table/index.d.ts +0 -6
  47. package/build/types/table/index.d.ts.map +0 -1
  48. package/src/ssr.spec.js +0 -256
  49. package/src/table/Table.css +0 -300
  50. package/src/table/Table.less +0 -361
  51. package/src/table/Table.messages.ts +0 -24
  52. package/src/table/Table.spec.tsx +0 -88
  53. package/src/table/Table.story.tsx +0 -359
  54. package/src/table/Table.tsx +0 -166
  55. package/src/table/TableCell.spec.tsx +0 -304
  56. package/src/table/TableCell.tsx +0 -170
  57. package/src/table/TableHeader.spec.tsx +0 -55
  58. package/src/table/TableHeader.tsx +0 -75
  59. package/src/table/TableRow.spec.tsx +0 -117
  60. package/src/table/TableRow.tsx +0 -70
  61. package/src/table/TableStatusText.spec.tsx +0 -53
  62. package/src/table/TableStatusText.tsx +0 -36
  63. package/src/table/index.ts +0 -11
  64. /package/src/button/__snapshots__/{Button.spec.js.snap → Button.spec.tsx.snap} +0 -0
  65. /package/src/dimmer/{Dimmer.rtl.spec.js → Dimmer.rtl.spec.tsx} +0 -0
  66. /package/src/info/{Info.spec.js → Info.spec.jsx} +0 -0
@@ -1,14 +1,19 @@
1
- require('@testing-library/jest-dom');
1
+ import util from 'node:util';
2
+ import '@testing-library/jest-dom';
2
3
 
3
- const { default: Adapter } = require('@cfaester/enzyme-adapter-react-18');
4
- const Enzyme = require('enzyme');
5
- const util = require('node:util');
4
+ import Adapter from '@cfaester/enzyme-adapter-react-18';
5
+ import Enzyme from 'enzyme';
6
+ import fetchMock from 'jest-fetch-mock';
6
7
 
7
- global.fetch = require('jest-fetch-mock');
8
+ global.fetch = fetchMock as unknown as typeof global.fetch;
8
9
 
10
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
9
11
  Enzyme.configure({ adapter: new Adapter() });
10
12
 
11
- global.requestAnimationFrame = (callback) => callback();
13
+ global.requestAnimationFrame = (callback: (time: number) => void): number => {
14
+ callback(performance.now());
15
+ return 0;
16
+ };
12
17
 
13
18
  Object.defineProperty(global, 'TextEncoder', {
14
19
  value: util.TextEncoder,
@@ -18,7 +23,7 @@ Object.defineProperty(global, 'TextEncoder', {
18
23
  // This mock will make tests fail when props error occurs.
19
24
  const { error, warn } = console;
20
25
  // eslint-disable-next-line no-console
21
- console.error = (message, ...args) => {
26
+ console.error = (message: string, ...args: unknown[]): void => {
22
27
  if (/(Invalid prop|Failed prop type)/i.test(message)) {
23
28
  throw new Error(message);
24
29
  }
@@ -27,7 +32,7 @@ console.error = (message, ...args) => {
27
32
  };
28
33
 
29
34
  // eslint-disable-next-line no-console
30
- console.warn = (message, ...args) => {
35
+ console.warn = (message: string, ...args: unknown[]): void => {
31
36
  if (/(Call to useTheme outside a ThemeProvider)/i.test(message)) {
32
37
  return;
33
38
  }
@@ -1,300 +0,0 @@
1
- .np-table {
2
- width: 100%;
3
- background-color: transparent;
4
- }
5
- .np-table-outer-container {
6
- border-radius: 16px;
7
- border-radius: var(--radius-medium);
8
- }
9
- .np-table-outer-container:focus {
10
- outline: none;
11
- }
12
- .np-table-outer-container:focus-visible {
13
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
14
- outline-offset: var(--ring-outline-offset);
15
- }
16
- .np-table-outer-container:focus-visible {
17
- outline-offset: 0;
18
- }
19
- .np-table-outer-container--center {
20
- margin-right: auto;
21
- margin-left: auto;
22
- }
23
- @media (max-width: 767px) {
24
- .np-table-outer-container--center {
25
- width: 100%;
26
- }
27
- }
28
- .np-table-outer-container--full-width {
29
- width: 100%;
30
- }
31
- .np-table-container {
32
- padding: 8px;
33
- padding: var(--size-8);
34
- background-color: rgba(134,167,189,0.10196);
35
- background-color: var(--color-background-neutral);
36
- border-radius: inherit;
37
- }
38
- .np-table-container--loading .np-table-inner-container {
39
- background-image: none;
40
- }
41
- .np-table-inner-container {
42
- background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
43
- background-position: left center, right center, left center, right center;
44
- background-repeat: no-repeat;
45
- background-color: var(--color-contrast-overlay);
46
- background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
47
- background-attachment: local, local, scroll, scroll;
48
- overflow-x: auto;
49
- border-radius: 10px;
50
- }
51
- .np-theme-personal--dark .np-table-inner-container {
52
- background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, #000000, rgba(0, 0, 0, 0)), linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
53
- }
54
- .np-table-row:last-child .np-table-cell:first-child {
55
- border-bottom-left-radius: 10px;
56
- }
57
- .np-table-row:last-child .np-table-cell:last-child {
58
- border-bottom-right-radius: 10px;
59
- }
60
- .np-table-row:focus {
61
- outline: none;
62
- }
63
- .np-table-row:focus-visible {
64
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
65
- outline-offset: var(--ring-outline-offset);
66
- }
67
- .np-table-row:focus-visible {
68
- outline-offset: -2px;
69
- border-radius: 6px;
70
- }
71
- .np-table-row--clickable .np-table-cell {
72
- position: relative;
73
- }
74
- .np-table-row--clickable .np-table-cell:before {
75
- display: none;
76
- content: "";
77
- position: absolute;
78
- height: 100%;
79
- width: 100%;
80
- top: 0;
81
- left: 0;
82
- background-color: var(--color-background-screen-hover);
83
- }
84
- .np-table-row--clickable .np-table-cell:first-child:before,
85
- .np-table-row--clickable .np-table-cell:last-child:before {
86
- width: calc(100% - 8px);
87
- width: calc(100% - var(--size-8));
88
- }
89
- .np-table-row--clickable .np-table-cell:first-child:before {
90
- left: 8px;
91
- left: var(--size-8);
92
- border-top-left-radius: 6px;
93
- border-bottom-left-radius: 6px;
94
- }
95
- .np-table-row--clickable .np-table-cell:last-child:before {
96
- border-top-right-radius: 6px;
97
- border-bottom-right-radius: 6px;
98
- }
99
- .np-table-row--clickable:hover .np-table-cell:before {
100
- display: block;
101
- }
102
- .np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before,
103
- .np-table-row--clickable:hover:focus-visible .np-table-cell:last-child:before {
104
- width: 100%;
105
- }
106
- .np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before {
107
- left: 0;
108
- }
109
- .np-table-row--cosmetic .np-table-cell {
110
- height: 8px;
111
- height: var(--size-8);
112
- padding: 0;
113
- }
114
- .np-table-header,
115
- .np-table-cell {
116
- padding: 0;
117
- }
118
- .np-table-header:first-child,
119
- .np-table-cell:first-child {
120
- padding-left: 16px;
121
- padding-left: var(--size-16);
122
- }
123
- .np-table-header:first-child .np-table-header-content,
124
- .np-table-cell:first-child .np-table-header-content,
125
- .np-table-header:first-child .np-table-cell-content,
126
- .np-table-cell:first-child .np-table-cell-content {
127
- padding-left: 0;
128
- }
129
- .np-table-header:last-child,
130
- .np-table-cell:last-child {
131
- padding-right: 16px;
132
- padding-right: var(--size-16);
133
- }
134
- .np-table-header:last-child .np-table-header-content,
135
- .np-table-cell:last-child .np-table-header-content,
136
- .np-table-header:last-child .np-table-cell-content,
137
- .np-table-cell:last-child .np-table-cell-content {
138
- padding-right: 0;
139
- }
140
- .np-table-header .np-table-text-secondary,
141
- .np-table-cell .np-table-text-secondary {
142
- color: #768e9c;
143
- color: var(--color-content-tertiary);
144
- font-size: 0.75rem;
145
- font-size: var(--font-size-12);
146
- font-style: normal;
147
- font-weight: 400;
148
- font-weight: var(--font-weight-regular);
149
- line-height: 1.125rem;
150
- line-height: var(--line-height-18);
151
- }
152
- .np-table-header.np-table-header--right > .np-text-body-default,
153
- .np-table-cell.np-table-cell--right > .np-text-body-default {
154
- text-align: right;
155
- }
156
- .np-table-header.np-table-header--right + .np-table-header:not(.np-table-header--right),
157
- .np-table-cell.np-table-cell--right + .np-table-cell:not(.np-table-cell--right) {
158
- padding-left: calc(8px + 12px);
159
- padding-left: calc(var(--size-8) + var(--size-12));
160
- }
161
- .np-table-header.np-table-header--right .np-table-header-content,
162
- .np-table-cell.np-table-cell--right .np-table-content {
163
- justify-content: end;
164
- }
165
- .np-table-header-content,
166
- .np-table-content {
167
- display: flex;
168
- align-items: center;
169
- justify-content: start;
170
- }
171
- .np-table-header {
172
- min-width: 160px;
173
- padding-right: 8px;
174
- padding-right: var(--size-8);
175
- padding-bottom: 8px;
176
- padding-bottom: var(--size-8);
177
- padding-left: 8px;
178
- padding-left: var(--size-8);
179
- background-color: rgba(134,167,189,0.10196);
180
- background-color: var(--color-background-neutral);
181
- color: var(--color-interactive-primary);
182
- }
183
- .np-table-header-content {
184
- padding-top: 5px;
185
- padding-bottom: 5px;
186
- white-space: nowrap;
187
- line-height: 1.375rem;
188
- line-height: var(--line-height-22);
189
- letter-spacing: 0.0125em;
190
- letter-spacing: var(--letter-spacing-sm);
191
- }
192
- .np-table-header--error {
193
- color: var(--color-sentiment-negative);
194
- }
195
- .np-table-header--action {
196
- min-width: 0;
197
- padding: 0;
198
- }
199
- .np-table-cell {
200
- padding: 16px 8px;
201
- padding: var(--size-16) var(--size-8);
202
- position: relative;
203
- }
204
- .np-table-cell--cosmetic {
205
- padding: 0;
206
- }
207
- .np-table-cell--primary {
208
- min-width: 200px;
209
- }
210
- .np-table-cell--currency .np-text-body-default {
211
- white-space: nowrap;
212
- }
213
- .np-table-cell--status .status-circle {
214
- width: 24px;
215
- height: 24px;
216
- }
217
- .np-table-cell--status .status-circle .status-icon > svg {
218
- width: 21px;
219
- height: 21px;
220
- }
221
- .np-table-cell .tw-chevron {
222
- margin-left: 8px;
223
- margin-left: var(--size-8);
224
- }
225
- .np-table-cell-separator {
226
- margin-top: 4px;
227
- margin-top: var(--size-4);
228
- margin-bottom: 4px;
229
- margin-bottom: var(--size-4);
230
- height: 1px;
231
- background-color: rgba(134,167,189,0.10196);
232
- background-color: var(--color-background-neutral);
233
- padding: 0;
234
- }
235
- .np-table-cell .np-text-body-default {
236
- line-height: 1.375rem;
237
- line-height: var(--line-height-22);
238
- letter-spacing: 0.01em;
239
- letter-spacing: var(--letter-spacing-xs);
240
- }
241
- .np-table-cell .np-text-body-default-bold {
242
- display: flex;
243
- align-items: center;
244
- color: #37517e;
245
- color: var(--color-content-primary);
246
- white-space: nowrap;
247
- }
248
- .np-table-cell .np-table-content--success {
249
- color: var(--color-sentiment-positive);
250
- }
251
- .np-table-cell .np-table-content--error {
252
- color: var(--color-sentiment-negative);
253
- }
254
- .np-table-cell .tw-loader {
255
- margin: 150px auto;
256
- }
257
- @media (max-width: 320px) {
258
- .np-table-cell .tw-loader {
259
- margin-top: 70px;
260
- margin-bottom: 70px;
261
- }
262
- }
263
- .np-table-content {
264
- gap: 12px;
265
- gap: var(--size-12);
266
- }
267
- .np-table-content--success,
268
- .np-table-content--error {
269
- gap: 4px;
270
- gap: var(--size-4);
271
- }
272
- .np-table-content--success .np-table-content-text,
273
- .np-table-content--error .np-table-content-text {
274
- line-height: 155%;
275
- }
276
- .np-table-content-media {
277
- flex-shrink: 0;
278
- }
279
- .np-table-content-body {
280
- display: flex;
281
- flex-direction: column;
282
- font-size: 0.75rem;
283
- font-size: var(--font-size-12);
284
- color: #768e9c;
285
- color: var(--color-content-tertiary);
286
- }
287
- .np-table-content--reversed {
288
- flex-direction: row-reverse;
289
- }
290
- .np-table-content--reversed .np-table-content-body {
291
- align-items: end;
292
- }
293
- .np-table-empty-data {
294
- display: flex;
295
- align-items: center;
296
- }
297
- .np-table-empty-data .status-circle {
298
- margin-right: 12px;
299
- margin-right: var(--size-12);
300
- }
@@ -1,23 +0,0 @@
1
- import { TableHeaderType } from './TableHeader';
2
- import { TableRowClickableType, TableRowType } from './TableRow';
3
- export interface TableProps {
4
- 'aria-labelledby'?: string;
5
- data: {
6
- headers?: TableHeaderType[];
7
- rows?: TableRowType[] | TableRowClickableType[];
8
- onRowClick?: (rowData: TableRowType | TableRowClickableType) => void;
9
- };
10
- loading?: boolean;
11
- className?: string | undefined;
12
- fullWidth?: boolean;
13
- error?: {
14
- message?: string;
15
- action?: {
16
- href?: string;
17
- text?: string;
18
- };
19
- };
20
- }
21
- declare const Table: ({ "aria-labelledby": ariaLabelledBy, data, loading, className, fullWidth, error, }: TableProps) => import("react").JSX.Element;
22
- export default Table;
23
- //# sourceMappingURL=Table.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAoB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAiB,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAU3E,MAAM,WAAW,UAAU;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,EAAE;QACJ,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;QAC5B,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,qBAAqB,EAAE,CAAC;QAChD,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,GAAG,qBAAqB,KAAK,IAAI,CAAC;KACtE,CAAC;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE;YACP,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;CACH;AAED,QAAA,MAAM,KAAK,uFAOR,UAAU,gCA4HZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -1,24 +0,0 @@
1
- declare const _default: {
2
- loading: {
3
- id: string;
4
- defaultMessage: string;
5
- };
6
- loaded: {
7
- id: string;
8
- defaultMessage: string;
9
- };
10
- emptyData: {
11
- id: string;
12
- defaultMessage: string;
13
- };
14
- refreshPage: {
15
- id: string;
16
- defaultMessage: string;
17
- };
18
- actionHeader: {
19
- id: string;
20
- defaultMessage: string;
21
- };
22
- };
23
- export default _default;
24
- //# sourceMappingURL=Table.messages.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Table.messages.d.ts","sourceRoot":"","sources":["../../../src/table/Table.messages.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,wBAqBG"}
@@ -1,44 +0,0 @@
1
- import React from 'react';
2
- interface TableCellTypeProp {
3
- type: 'leading' | 'text' | 'currency' | 'status';
4
- }
5
- interface TableCellTextProps {
6
- primaryText?: string;
7
- secondaryText?: string;
8
- }
9
- interface TableCellStatusProp {
10
- status?: 'error' | 'success';
11
- }
12
- export interface TableCellLeading extends TableCellTypeProp, TableCellTextProps, TableCellStatusProp {
13
- avatar?: {
14
- src?: string;
15
- fullName?: string;
16
- backgroundColorSeed?: string;
17
- };
18
- }
19
- export interface TableCellText extends TableCellTypeProp, TableCellStatusProp {
20
- text?: string;
21
- }
22
- interface Currency {
23
- value: string | number;
24
- currency: string;
25
- }
26
- export interface TableCellCurrency extends TableCellTypeProp, TableCellStatusProp {
27
- primaryCurrency?: Currency;
28
- secondaryCurrency?: Currency;
29
- }
30
- export interface TableCellStatus extends TableCellTypeProp, TableCellTextProps {
31
- sentiment?: 'negative' | 'neutral' | 'positive' | 'warning' | 'pending';
32
- }
33
- export interface TableCellType {
34
- cell?: TableCellLeading & TableCellText & TableCellCurrency & TableCellStatus;
35
- alignment?: 'right';
36
- }
37
- export interface TableCellProps extends TableCellType {
38
- className?: string;
39
- colSpan?: number;
40
- children?: React.ReactNode;
41
- }
42
- declare const TableCell: ({ cell, alignment, className, colSpan, children }: TableCellProps) => React.JSX.Element;
43
- export default TableCell;
44
- //# sourceMappingURL=TableCell.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/table/TableCell.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,iBAAiB;IACzB,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;CAClD;AAGD,UAAU,kBAAkB;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAGD,UAAU,mBAAmB;IAC3B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,gBACf,SAAQ,iBAAiB,EACvB,kBAAkB,EAClB,mBAAmB;IACrB,MAAM,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;CACH;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,mBAAmB;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB,EAAE,mBAAmB;IAC/E,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,iBAAiB,CAAC,EAAE,QAAQ,CAAC;CAC9B;AAED,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,EAAE,kBAAkB;IAC5E,SAAS,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;CACzE;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,gBAAgB,GAAG,aAAa,GAAG,iBAAiB,GAAG,eAAe,CAAC;IAC9E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAGD,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,sDAAuD,cAAc,sBAoGnF,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,13 +0,0 @@
1
- export interface TableHeaderType {
2
- header?: string;
3
- className?: string;
4
- alignment?: 'right';
5
- status?: 'error';
6
- width?: string;
7
- }
8
- export interface TableHeaderProps extends TableHeaderType {
9
- isActionHeader?: boolean;
10
- }
11
- declare const TableHeader: ({ header, className, alignment, status, width, isActionHeader, }: TableHeaderProps) => import("react").JSX.Element;
12
- export default TableHeader;
13
- //# sourceMappingURL=TableHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/table/TableHeader.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,qEAOd,gBAAgB,gCAgDlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { TableCellProps } from './TableCell';
3
- export interface TableRowType {
4
- cells?: TableCellProps[];
5
- }
6
- export interface TableRowClickableType extends TableRowType {
7
- id: number | string;
8
- }
9
- export interface TableRowProps {
10
- rowData?: TableRowType | TableRowClickableType;
11
- hasSeparator?: boolean;
12
- children?: React.ReactNode;
13
- onRowClick?: (rowData: TableRowType | TableRowClickableType) => void;
14
- }
15
- declare const TableRow: ({ rowData, hasSeparator, children, onRowClick }: TableRowProps) => React.JSX.Element;
16
- export default TableRow;
17
- //# sourceMappingURL=TableRow.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAKxD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,YAAY,GAAG,qBAAqB,CAAC;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,GAAG,qBAAqB,KAAK,IAAI,CAAC;CACtE;AAED,QAAA,MAAM,QAAQ,oDAA6D,aAAa,sBA8CvF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,9 +0,0 @@
1
- export interface TableStatusTextProps {
2
- text: string;
3
- className?: string;
4
- status?: 'success' | 'error';
5
- typography?: 'default' | 'default-bold';
6
- }
7
- declare const TableStatusText: ({ text, className, status, typography, }: TableStatusTextProps) => import("react").JSX.Element;
8
- export default TableStatusText;
9
- //# sourceMappingURL=TableStatusText.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TableStatusText.d.ts","sourceRoot":"","sources":["../../../src/table/TableStatusText.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACzC;AAED,QAAA,MAAM,eAAe,6CAKlB,oBAAoB,gCAkBtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -1,6 +0,0 @@
1
- export { default } from './Table';
2
- export type { TableProps } from './Table';
3
- export type { TableRowType, TableRowClickableType } from './TableRow';
4
- export type { TableHeaderType } from './TableHeader';
5
- export type { TableCellLeading, TableCellText, TableCellCurrency, TableCellStatus, TableCellType, } from './TableCell';
6
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EACV,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,aAAa,GACd,MAAM,aAAa,CAAC"}