@transferwise/components 0.0.0-experimental-68d1b00 → 0.0.0-experimental-40e4505

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/build/i18n/en.json +0 -2
  2. package/build/i18n/en.json.js +0 -2
  3. package/build/i18n/en.json.js.map +1 -1
  4. package/build/i18n/en.json.mjs +0 -2
  5. package/build/i18n/en.json.mjs.map +1 -1
  6. package/build/main.css +0 -215
  7. package/build/styles/main.css +0 -215
  8. package/build/types/uploadInput/UploadInput.d.ts +9 -0
  9. package/build/types/uploadInput/UploadInput.d.ts.map +1 -1
  10. package/build/types/uploadInput/uploadItem/UploadItem.d.ts +3 -1
  11. package/build/types/uploadInput/uploadItem/UploadItem.d.ts.map +1 -1
  12. package/build/types/uploadInput/uploadItem/UploadItemLink.d.ts.map +1 -1
  13. package/build/uploadInput/UploadInput.js +57 -51
  14. package/build/uploadInput/UploadInput.js.map +1 -1
  15. package/build/uploadInput/UploadInput.mjs +57 -51
  16. package/build/uploadInput/UploadInput.mjs.map +1 -1
  17. package/build/uploadInput/uploadItem/UploadItem.js +8 -3
  18. package/build/uploadInput/uploadItem/UploadItem.js.map +1 -1
  19. package/build/uploadInput/uploadItem/UploadItem.mjs +8 -3
  20. package/build/uploadInput/uploadItem/UploadItem.mjs.map +1 -1
  21. package/build/uploadInput/uploadItem/UploadItemLink.js +1 -0
  22. package/build/uploadInput/uploadItem/UploadItemLink.js.map +1 -1
  23. package/build/uploadInput/uploadItem/UploadItemLink.mjs +1 -0
  24. package/build/uploadInput/uploadItem/UploadItemLink.mjs.map +1 -1
  25. package/package.json +3 -3
  26. package/src/i18n/en.json +0 -2
  27. package/src/main.css +0 -215
  28. package/src/main.less +0 -1
  29. package/src/uploadInput/UploadInput.spec.tsx +150 -6
  30. package/src/uploadInput/UploadInput.tsx +83 -60
  31. package/src/uploadInput/uploadItem/UploadItem.tsx +12 -6
  32. package/src/uploadInput/uploadItem/UploadItemLink.tsx +9 -1
  33. package/build/styles/table/Table.css +0 -215
  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 -12
  37. package/build/types/table/Table.messages.d.ts.map +0 -1
  38. package/build/types/table/TableCell.d.ts +0 -37
  39. package/build/types/table/TableCell.d.ts.map +0 -1
  40. package/build/types/table/TableHeader.d.ts +0 -12
  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/table/Table.css +0 -215
  49. package/src/table/Table.less +0 -261
  50. package/src/table/Table.messages.ts +0 -12
  51. package/src/table/Table.spec.tsx +0 -87
  52. package/src/table/Table.story.tsx +0 -352
  53. package/src/table/Table.tsx +0 -121
  54. package/src/table/TableCell.spec.tsx +0 -298
  55. package/src/table/TableCell.tsx +0 -153
  56. package/src/table/TableHeader.spec.tsx +0 -58
  57. package/src/table/TableHeader.tsx +0 -50
  58. package/src/table/TableRow.spec.tsx +0 -104
  59. package/src/table/TableRow.tsx +0 -62
  60. package/src/table/TableStatusText.spec.tsx +0 -53
  61. package/src/table/TableStatusText.tsx +0 -35
  62. package/src/table/index.ts +0 -11
@@ -30,8 +30,6 @@
30
30
  "neptune.Summary.statusDone": "Item done",
31
31
  "neptune.Summary.statusNotDone": "Item to do",
32
32
  "neptune.Summary.statusPending": "Item pending",
33
- "neptune.Table.emptyData": "No results found",
34
- "neptune.Table.refreshPage": "Refresh page",
35
33
  "neptune.Upload.csButtonText": "Upload another file?",
36
34
  "neptune.Upload.csFailureText": "Upload failed. Please, try again",
37
35
  "neptune.Upload.csSuccessText": "Upload complete!",
@@ -32,8 +32,6 @@ var en = {
32
32
  "neptune.Summary.statusDone": "Item done",
33
33
  "neptune.Summary.statusNotDone": "Item to do",
34
34
  "neptune.Summary.statusPending": "Item pending",
35
- "neptune.Table.emptyData": "No results found",
36
- "neptune.Table.refreshPage": "Refresh page",
37
35
  "neptune.Upload.csButtonText": "Upload another file?",
38
36
  "neptune.Upload.csFailureText": "Upload failed. Please, try again",
39
37
  "neptune.Upload.csSuccessText": "Upload complete!",
@@ -1 +1 @@
1
- {"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -30,8 +30,6 @@ var en = {
30
30
  "neptune.Summary.statusDone": "Item done",
31
31
  "neptune.Summary.statusNotDone": "Item to do",
32
32
  "neptune.Summary.statusPending": "Item pending",
33
- "neptune.Table.emptyData": "No results found",
34
- "neptune.Table.refreshPage": "Refresh page",
35
33
  "neptune.Upload.csButtonText": "Upload another file?",
36
34
  "neptune.Upload.csFailureText": "Upload failed. Please, try again",
37
35
  "neptune.Upload.csSuccessText": "Upload complete!",
@@ -1 +1 @@
1
- {"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/main.css CHANGED
@@ -5025,221 +5025,6 @@ html:not([dir="rtl"]) .np-navigation-option {
5025
5025
  padding: 0 var(--size-24);
5026
5026
  }
5027
5027
  }
5028
- .np-table {
5029
- width: 100%;
5030
- background-color: transparent;
5031
- }
5032
- .np-table-container {
5033
- padding: 8px;
5034
- padding: var(--size-8);
5035
- background-color: rgba(134,167,189,0.10196);
5036
- background-color: var(--color-background-neutral);
5037
- border-radius: 16px;
5038
- border-radius: var(--radius-medium);
5039
- }
5040
- .np-table-container--loading .np-table-header {
5041
- min-width: calc(160px * 2);
5042
- }
5043
- .np-table-container--center {
5044
- margin-right: auto;
5045
- margin-left: auto;
5046
- }
5047
- .np-table-container--full-width {
5048
- width: 100%;
5049
- }
5050
- .np-table-inner-container {
5051
- 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));
5052
- background-position: left center, right center, left center, right center;
5053
- background-repeat: no-repeat;
5054
- background-color: var(--color-contrast-overlay);
5055
- background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
5056
- background-attachment: local, local, scroll, scroll;
5057
- overflow-x: auto;
5058
- border-radius: 10px;
5059
- }
5060
- .np-theme-personal--dark .np-table-inner-container {
5061
- 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));
5062
- }
5063
- .np-table-row:last-child .np-table-cell:first-child {
5064
- border-bottom-left-radius: 10px;
5065
- }
5066
- .np-table-row:last-child .np-table-cell:last-child {
5067
- border-bottom-right-radius: 10px;
5068
- }
5069
- .np-table-row--clickable:hover .np-table-cell {
5070
- background-color: var(--color-background-screen-hover);
5071
- cursor: pointer;
5072
- }
5073
- .np-table-row--separator .np-table-cell {
5074
- padding: 0;
5075
- }
5076
- .np-table-header,
5077
- .np-table-cell {
5078
- padding: 0;
5079
- }
5080
- .np-table-header:first-child,
5081
- .np-table-cell:first-child {
5082
- padding-left: 16px;
5083
- padding-left: var(--size-16);
5084
- }
5085
- .np-table-header:first-child .np-table-header-content,
5086
- .np-table-cell:first-child .np-table-header-content,
5087
- .np-table-header:first-child .np-table-cell-content,
5088
- .np-table-cell:first-child .np-table-cell-content {
5089
- padding-left: 0;
5090
- }
5091
- .np-table-header:last-child,
5092
- .np-table-cell:last-child {
5093
- padding-right: 16px;
5094
- padding-right: var(--size-16);
5095
- }
5096
- .np-table-header:last-child .np-table-header-content,
5097
- .np-table-cell:last-child .np-table-header-content,
5098
- .np-table-header:last-child .np-table-cell-content,
5099
- .np-table-cell:last-child .np-table-cell-content {
5100
- padding-right: 0;
5101
- }
5102
- .np-table-header .np-text-body-large-bold,
5103
- .np-table-cell .np-text-body-large-bold {
5104
- font-size: 0.875rem;
5105
- font-size: var(--font-size-14);
5106
- }
5107
- .np-table-header.np-table-header--right,
5108
- .np-table-cell.np-table-cell--right {
5109
- padding-right: calc(8px + 12px);
5110
- padding-right: calc(var(--size-8) + var(--size-12));
5111
- }
5112
- .np-table-header.np-table-header--right > .np-text-body-default,
5113
- .np-table-cell.np-table-cell--right > .np-text-body-default {
5114
- text-align: right;
5115
- }
5116
- .np-table-header.np-table-header--right .np-table-header-content,
5117
- .np-table-cell.np-table-cell--right .np-table-content {
5118
- justify-content: end;
5119
- }
5120
- .np-table-header-content,
5121
- .np-table-content {
5122
- display: flex;
5123
- align-items: center;
5124
- justify-content: start;
5125
- }
5126
- .np-table-header {
5127
- min-width: 160px;
5128
- padding-right: 8px;
5129
- padding-right: var(--size-8);
5130
- padding-bottom: 8px;
5131
- padding-bottom: var(--size-8);
5132
- padding-left: 8px;
5133
- padding-left: var(--size-8);
5134
- background-color: rgba(134,167,189,0.10196);
5135
- background-color: var(--color-background-neutral);
5136
- color: #37517e;
5137
- color: var(--color-content-primary);
5138
- }
5139
- .np-table-header-content {
5140
- padding-top: 5px;
5141
- padding-bottom: 5px;
5142
- white-space: nowrap;
5143
- }
5144
- .np-table-header--has-error {
5145
- color: var(--color-sentiment-negative);
5146
- }
5147
- .np-table-cell {
5148
- padding: 16px 8px;
5149
- padding: var(--size-16) var(--size-8);
5150
- }
5151
- .np-table-cell--primary {
5152
- min-width: 200px;
5153
- }
5154
- .np-table-cell--currency .np-text-body-default {
5155
- white-space: nowrap;
5156
- }
5157
- .np-table-cell--status .status-circle {
5158
- width: 24px;
5159
- height: 24px;
5160
- }
5161
- .np-table-cell--status .status-circle .status-icon > svg {
5162
- width: 21px;
5163
- height: 21px;
5164
- }
5165
- .np-table-cell .tw-chevron {
5166
- margin-left: 8px;
5167
- margin-left: var(--size-8);
5168
- }
5169
- .np-table-cell-separator {
5170
- margin-top: 4px;
5171
- margin-top: var(--size-4);
5172
- margin-bottom: 4px;
5173
- margin-bottom: var(--size-4);
5174
- height: 1px;
5175
- padding: 0;
5176
- background-color: rgba(134,167,189,0.10196);
5177
- background-color: var(--color-background-neutral);
5178
- }
5179
- .np-table-cell .np-text-body-default {
5180
- line-height: 1.375rem;
5181
- line-height: var(--line-height-22);
5182
- }
5183
- .np-table-cell .np-text-body-large-bold {
5184
- display: flex;
5185
- align-items: center;
5186
- color: #37517e;
5187
- color: var(--color-content-primary);
5188
- white-space: nowrap;
5189
- }
5190
- .np-table-cell .np-table-content--success {
5191
- color: var(--color-sentiment-positive);
5192
- }
5193
- .np-table-cell .np-table-content--error {
5194
- color: var(--color-sentiment-negative);
5195
- }
5196
- .np-table-cell .tw-loader {
5197
- margin: 150px auto;
5198
- }
5199
- @media (max-width: 320px) {
5200
- .np-table-cell .tw-loader {
5201
- margin-top: 70px;
5202
- margin-bottom: 70px;
5203
- }
5204
- }
5205
- .np-table-content {
5206
- gap: 12px;
5207
- gap: var(--size-12);
5208
- }
5209
- .np-table-content--success,
5210
- .np-table-content--error {
5211
- gap: 4px;
5212
- gap: var(--size-4);
5213
- }
5214
- .np-table-content--success .np-table-content-text,
5215
- .np-table-content--error .np-table-content-text {
5216
- line-height: 155%;
5217
- }
5218
- .np-table-content-media {
5219
- flex-shrink: 0;
5220
- }
5221
- .np-table-content-body {
5222
- display: flex;
5223
- flex-direction: column;
5224
- font-size: 0.75rem;
5225
- font-size: var(--font-size-12);
5226
- color: #768e9c;
5227
- color: var(--color-content-tertiary);
5228
- }
5229
- .np-table-content--reversed {
5230
- flex-direction: row-reverse;
5231
- }
5232
- .np-table-content--reversed .np-table-content-body {
5233
- align-items: end;
5234
- }
5235
- .np-table-empty-data {
5236
- display: flex;
5237
- align-items: center;
5238
- }
5239
- .np-table-empty-data .status-circle {
5240
- margin-right: 12px;
5241
- margin-right: var(--size-12);
5242
- }
5243
5028
  .np-tile {
5244
5029
  min-width: 120px;
5245
5030
  border-radius: 10px;
@@ -5025,221 +5025,6 @@ html:not([dir="rtl"]) .np-navigation-option {
5025
5025
  padding: 0 var(--size-24);
5026
5026
  }
5027
5027
  }
5028
- .np-table {
5029
- width: 100%;
5030
- background-color: transparent;
5031
- }
5032
- .np-table-container {
5033
- padding: 8px;
5034
- padding: var(--size-8);
5035
- background-color: rgba(134,167,189,0.10196);
5036
- background-color: var(--color-background-neutral);
5037
- border-radius: 16px;
5038
- border-radius: var(--radius-medium);
5039
- }
5040
- .np-table-container--loading .np-table-header {
5041
- min-width: calc(160px * 2);
5042
- }
5043
- .np-table-container--center {
5044
- margin-right: auto;
5045
- margin-left: auto;
5046
- }
5047
- .np-table-container--full-width {
5048
- width: 100%;
5049
- }
5050
- .np-table-inner-container {
5051
- 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));
5052
- background-position: left center, right center, left center, right center;
5053
- background-repeat: no-repeat;
5054
- background-color: var(--color-contrast-overlay);
5055
- background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
5056
- background-attachment: local, local, scroll, scroll;
5057
- overflow-x: auto;
5058
- border-radius: 10px;
5059
- }
5060
- .np-theme-personal--dark .np-table-inner-container {
5061
- 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));
5062
- }
5063
- .np-table-row:last-child .np-table-cell:first-child {
5064
- border-bottom-left-radius: 10px;
5065
- }
5066
- .np-table-row:last-child .np-table-cell:last-child {
5067
- border-bottom-right-radius: 10px;
5068
- }
5069
- .np-table-row--clickable:hover .np-table-cell {
5070
- background-color: var(--color-background-screen-hover);
5071
- cursor: pointer;
5072
- }
5073
- .np-table-row--separator .np-table-cell {
5074
- padding: 0;
5075
- }
5076
- .np-table-header,
5077
- .np-table-cell {
5078
- padding: 0;
5079
- }
5080
- .np-table-header:first-child,
5081
- .np-table-cell:first-child {
5082
- padding-left: 16px;
5083
- padding-left: var(--size-16);
5084
- }
5085
- .np-table-header:first-child .np-table-header-content,
5086
- .np-table-cell:first-child .np-table-header-content,
5087
- .np-table-header:first-child .np-table-cell-content,
5088
- .np-table-cell:first-child .np-table-cell-content {
5089
- padding-left: 0;
5090
- }
5091
- .np-table-header:last-child,
5092
- .np-table-cell:last-child {
5093
- padding-right: 16px;
5094
- padding-right: var(--size-16);
5095
- }
5096
- .np-table-header:last-child .np-table-header-content,
5097
- .np-table-cell:last-child .np-table-header-content,
5098
- .np-table-header:last-child .np-table-cell-content,
5099
- .np-table-cell:last-child .np-table-cell-content {
5100
- padding-right: 0;
5101
- }
5102
- .np-table-header .np-text-body-large-bold,
5103
- .np-table-cell .np-text-body-large-bold {
5104
- font-size: 0.875rem;
5105
- font-size: var(--font-size-14);
5106
- }
5107
- .np-table-header.np-table-header--right,
5108
- .np-table-cell.np-table-cell--right {
5109
- padding-right: calc(8px + 12px);
5110
- padding-right: calc(var(--size-8) + var(--size-12));
5111
- }
5112
- .np-table-header.np-table-header--right > .np-text-body-default,
5113
- .np-table-cell.np-table-cell--right > .np-text-body-default {
5114
- text-align: right;
5115
- }
5116
- .np-table-header.np-table-header--right .np-table-header-content,
5117
- .np-table-cell.np-table-cell--right .np-table-content {
5118
- justify-content: end;
5119
- }
5120
- .np-table-header-content,
5121
- .np-table-content {
5122
- display: flex;
5123
- align-items: center;
5124
- justify-content: start;
5125
- }
5126
- .np-table-header {
5127
- min-width: 160px;
5128
- padding-right: 8px;
5129
- padding-right: var(--size-8);
5130
- padding-bottom: 8px;
5131
- padding-bottom: var(--size-8);
5132
- padding-left: 8px;
5133
- padding-left: var(--size-8);
5134
- background-color: rgba(134,167,189,0.10196);
5135
- background-color: var(--color-background-neutral);
5136
- color: #37517e;
5137
- color: var(--color-content-primary);
5138
- }
5139
- .np-table-header-content {
5140
- padding-top: 5px;
5141
- padding-bottom: 5px;
5142
- white-space: nowrap;
5143
- }
5144
- .np-table-header--has-error {
5145
- color: var(--color-sentiment-negative);
5146
- }
5147
- .np-table-cell {
5148
- padding: 16px 8px;
5149
- padding: var(--size-16) var(--size-8);
5150
- }
5151
- .np-table-cell--primary {
5152
- min-width: 200px;
5153
- }
5154
- .np-table-cell--currency .np-text-body-default {
5155
- white-space: nowrap;
5156
- }
5157
- .np-table-cell--status .status-circle {
5158
- width: 24px;
5159
- height: 24px;
5160
- }
5161
- .np-table-cell--status .status-circle .status-icon > svg {
5162
- width: 21px;
5163
- height: 21px;
5164
- }
5165
- .np-table-cell .tw-chevron {
5166
- margin-left: 8px;
5167
- margin-left: var(--size-8);
5168
- }
5169
- .np-table-cell-separator {
5170
- margin-top: 4px;
5171
- margin-top: var(--size-4);
5172
- margin-bottom: 4px;
5173
- margin-bottom: var(--size-4);
5174
- height: 1px;
5175
- padding: 0;
5176
- background-color: rgba(134,167,189,0.10196);
5177
- background-color: var(--color-background-neutral);
5178
- }
5179
- .np-table-cell .np-text-body-default {
5180
- line-height: 1.375rem;
5181
- line-height: var(--line-height-22);
5182
- }
5183
- .np-table-cell .np-text-body-large-bold {
5184
- display: flex;
5185
- align-items: center;
5186
- color: #37517e;
5187
- color: var(--color-content-primary);
5188
- white-space: nowrap;
5189
- }
5190
- .np-table-cell .np-table-content--success {
5191
- color: var(--color-sentiment-positive);
5192
- }
5193
- .np-table-cell .np-table-content--error {
5194
- color: var(--color-sentiment-negative);
5195
- }
5196
- .np-table-cell .tw-loader {
5197
- margin: 150px auto;
5198
- }
5199
- @media (max-width: 320px) {
5200
- .np-table-cell .tw-loader {
5201
- margin-top: 70px;
5202
- margin-bottom: 70px;
5203
- }
5204
- }
5205
- .np-table-content {
5206
- gap: 12px;
5207
- gap: var(--size-12);
5208
- }
5209
- .np-table-content--success,
5210
- .np-table-content--error {
5211
- gap: 4px;
5212
- gap: var(--size-4);
5213
- }
5214
- .np-table-content--success .np-table-content-text,
5215
- .np-table-content--error .np-table-content-text {
5216
- line-height: 155%;
5217
- }
5218
- .np-table-content-media {
5219
- flex-shrink: 0;
5220
- }
5221
- .np-table-content-body {
5222
- display: flex;
5223
- flex-direction: column;
5224
- font-size: 0.75rem;
5225
- font-size: var(--font-size-12);
5226
- color: #768e9c;
5227
- color: var(--color-content-tertiary);
5228
- }
5229
- .np-table-content--reversed {
5230
- flex-direction: row-reverse;
5231
- }
5232
- .np-table-content--reversed .np-table-content-body {
5233
- align-items: end;
5234
- }
5235
- .np-table-empty-data {
5236
- display: flex;
5237
- align-items: center;
5238
- }
5239
- .np-table-empty-data .status-circle {
5240
- margin-right: 12px;
5241
- margin-right: var(--size-12);
5242
- }
5243
5028
  .np-tile {
5244
5029
  min-width: 120px;
5245
5030
  border-radius: 10px;
@@ -72,6 +72,15 @@ export type UploadInputProps = {
72
72
  } & Pick<UploadButtonProps, 'disabled' | 'multiple' | 'fileTypes' | 'sizeLimit' | 'description' | 'id' | 'uploadButtonTitle'> & {
73
73
  onDownload?: UploadItemProps['onDownload'];
74
74
  } & CommonProps;
75
+ /**
76
+ * The component allows users to upload files, manage the list of uploaded files,
77
+ * and handle file validation and deletion.
78
+ *
79
+ * @param {UploadInputProps} props - The properties for the UploadInput component.
80
+ *
81
+ * @see {@link UploadInput} for further information.
82
+ * @see {@link https://storybook.wise.design/?path=/docs/forms-uploadinput--docs|Storybook Wise Design}
83
+ */
75
84
  declare const UploadInput: ({ files, fileInputName, className, deleteConfirm, disabled, multiple, fileTypes, sizeLimit, description, onUploadFile, onDeleteFile, onValidationError, onFilesChange, onDownload, maxFiles, maxFilesErrorMessage, id, sizeLimitErrorMessage, uploadButtonTitle, }: UploadInputProps) => import("react").JSX.Element;
76
85
  export default UploadInput;
77
86
  //# sourceMappingURL=UploadInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UploadInput.d.ts","sourceRoot":"","sources":["../../../src/uploadInput/UploadInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAiC,MAAM,WAAW,CAAC;AAOvE,OAAO,EAAE,YAAY,EAAe,cAAc,EAAE,MAAM,SAAS,CAAC;AACpE,OAAqB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAE9E,OAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAEhC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAE9D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAErD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,aAAa,CAAC,EAAE;QACd;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAEvB;;WAEG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QAErB;;WAEG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,GAAG,IAAI,CACN,iBAAiB,EACjB,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,aAAa,GAAG,IAAI,GAAG,mBAAmB,CACjG,GAAG;IAAE,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CAAE,GAAG,WAAW,CAAC;AAYjE,QAAA,MAAM,WAAW,uQAoBd,gBAAgB,gCA8SlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"UploadInput.d.ts","sourceRoot":"","sources":["../../../src/uploadInput/UploadInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAiC,MAAM,WAAW,CAAC;AAOvE,OAAO,EAAE,YAAY,EAAe,cAAc,EAAE,MAAM,SAAS,CAAC;AACpE,OAAqB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAE9E,OAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAEhC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;IAE9D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAErD;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,aAAa,CAAC,EAAE;QACd;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAEvB;;WAEG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QAErB;;WAEG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IAEF;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,GAAG,IAAI,CACN,iBAAiB,EACjB,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,aAAa,GAAG,IAAI,GAAG,mBAAmB,CACjG,GAAG;IAAE,UAAU,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CAAE,GAAG,WAAW,CAAC;AAgCjE;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,uQAoBd,gBAAgB,gCAwSlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -21,7 +21,9 @@ interface UploadItemRef {
21
21
  }
22
22
  export declare enum TEST_IDS {
23
23
  uploadItem = "uploadItem",
24
- mediaBody = "mediaBody"
24
+ mediaBody = "mediaBody",
25
+ link = "link",
26
+ action = "action"
25
27
  }
26
28
  declare const UploadItem: import("react").ForwardRefExoticComponent<Omit<UploadItemProps, "ref"> & import("react").RefAttributes<UploadItemRef>>;
27
29
  export default UploadItem;
@@ -1 +1 @@
1
- {"version":3,"file":"UploadItem.d.ts","sourceRoot":"","sources":["../../../../src/uploadInput/uploadItem/UploadItem.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAe,MAAM,UAAU,CAAC;AAKrD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,mBAAmB,GAAG;IAC5D,IAAI,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC;AAEF,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,oBAAY,QAAQ;IAClB,UAAU,eAAe;IACzB,SAAS,cAAc;CACxB;AAED,QAAA,MAAM,UAAU,wHAgJf,CAAC;AAIF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"UploadItem.d.ts","sourceRoot":"","sources":["../../../../src/uploadInput/uploadItem/UploadItem.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAe,MAAM,UAAU,CAAC;AAKrD,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,mBAAmB,GAAG;IAC5D,IAAI,EAAE,YAAY,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;CAChC,CAAC;AAEF,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,oBAAY,QAAQ;IAClB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,QAAA,MAAM,UAAU,wHAqJf,CAAC;AAIF,eAAe,UAAU,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"UploadItemLink.d.ts","sourceRoot":"","sources":["../../../../src/uploadInput/uploadItem/UploadItemLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAc,MAAM,OAAO,CAAC;AASlE,eAAO,MAAM,cAAc;UALnB,MAAM;iBACC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI;sBACtB,OAAO;;;sEAyB1B,CAAC"}
1
+ {"version":3,"file":"UploadItemLink.d.ts","sourceRoot":"","sources":["../../../../src/uploadInput/uploadItem/UploadItemLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAc,MAAM,OAAO,CAAC;AASlE,eAAO,MAAM,cAAc;UALnB,MAAM;iBACC,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI;sBACtB,OAAO;;;sEAiC1B,CAAC"}