@wise/dynamic-flow-client-internal 5.23.0 → 5.23.2
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.
- package/build/i18n/ar.json +45 -0
- package/build/i18n/ko.json +45 -0
- package/build/main.css +33 -0
- package/build/main.js +15 -10
- package/build/main.mjs +99 -94
- package/build/tsconfig.types.tsbuildinfo +1 -1
- package/build/types/dynamicFlow/context-menu/useDFContextMenu.d.ts.map +1 -1
- package/build/types/dynamicFlow/getMergedRenderers.d.ts.map +1 -1
- package/build/types/dynamicFlow/messages.d.ts.map +1 -1
- package/build/types/dynamicFlow/renderers.d.ts +11 -5
- package/build/types/dynamicFlow/renderers.d.ts.map +1 -1
- package/build/types/dynamicFlow/telemetry/dispatchAnalyticsEvent.d.ts.map +1 -1
- package/build/types/dynamicFlow/telemetry/getLogEvent.d.ts.map +1 -1
- package/build/types/dynamicFlow/telemetry/getTrackEvent.d.ts.map +1 -1
- package/build/types/dynamicFlow/useWiseHttpClient.d.ts.map +1 -1
- package/build/types/dynamicFlow/useWiseToCoreProps.d.ts.map +1 -1
- package/build/types/i18n/index.d.ts.map +1 -1
- package/build/types/test-utils/NeptuneProviders.d.ts.map +1 -1
- package/build/types/test-utils/respond-with.d.ts.map +1 -1
- package/build/types/test-utils/rtl-utils.d.ts.map +1 -1
- package/build/types/test-utils/wait.d.ts.map +1 -1
- package/package.json +18 -18
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
{
|
|
2
|
+
"df.wise.ArraySchema.addItem": "Save",
|
|
3
|
+
"df.wise.ArraySchema.addItemTitle": "Add Item",
|
|
4
|
+
"df.wise.ArraySchema.editItem": "Save",
|
|
5
|
+
"df.wise.ArraySchema.maxItemsError": "Please add {maxItems} or fewer.",
|
|
6
|
+
"df.wise.ArraySchema.minItemsError": "Please add at least {minItems}.",
|
|
7
|
+
"df.wise.ArraySchema.removeItem": "Remove",
|
|
8
|
+
"df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
|
|
9
|
+
"df.wise.ControlFeedback.maxLength": "Please enter {maxLength} or fewer characters.",
|
|
10
|
+
"df.wise.ControlFeedback.maximum": "Please enter a number that's {maximum} or less.",
|
|
11
|
+
"df.wise.ControlFeedback.maximumDate": "Please enter a date that's on or before {maximum}.",
|
|
12
|
+
"df.wise.ControlFeedback.minLength": "Please enter at least {minLength} characters.",
|
|
13
|
+
"df.wise.ControlFeedback.minimum": "Please enter a number that's {minimum} or more.",
|
|
14
|
+
"df.wise.ControlFeedback.minimumDate": "Please enter a date that's on or after {minimum}.",
|
|
15
|
+
"df.wise.ControlFeedback.pattern": "Please enter this in the correct format.",
|
|
16
|
+
"df.wise.ControlFeedback.patternDate": "Please enter a date in the correct format.",
|
|
17
|
+
"df.wise.ControlFeedback.required": "Please fill out this field.",
|
|
18
|
+
"df.wise.ControlFeedback.type": "Incorrect type",
|
|
19
|
+
"df.wise.CopyFeedback.copy": "Copied to clipboard",
|
|
20
|
+
"df.wise.CopyFeedback.copyFailed": "Failed to copy to clipboard",
|
|
21
|
+
"df.wise.DynamicParagraph.copied": "Copied to clipboard",
|
|
22
|
+
"df.wise.DynamicParagraph.copy": "Copy",
|
|
23
|
+
"df.wise.ErrorBoundary.errorAlert": "Something went wrong.",
|
|
24
|
+
"df.wise.ErrorBoundary.retry": "Retry",
|
|
25
|
+
"df.wise.ExternalConfirmation.cancel": "Cancel",
|
|
26
|
+
"df.wise.ExternalConfirmation.description": "Please confirm you want to open **{origin}** in a new browser tab.",
|
|
27
|
+
"df.wise.ExternalConfirmation.open": "Open in new tab",
|
|
28
|
+
"df.wise.ExternalConfirmation.title": "Please confirm",
|
|
29
|
+
"df.wise.Help.ariaLabel": "Click here for more info.",
|
|
30
|
+
"df.wise.MultiSelect.summary": "{first} and {count} more",
|
|
31
|
+
"df.wise.MultipleFileUploadSchema.maxFileSizeError": "Sorry, that file is too big. Please upload a smaller file.",
|
|
32
|
+
"df.wise.MultipleFileUploadSchema.maxItemsError": "Please upload {maxItems} or fewer files.",
|
|
33
|
+
"df.wise.MultipleFileUploadSchema.minItemsError": "Please upload at least {minItems} file(s).",
|
|
34
|
+
"df.wise.PersistAsyncSchema.genericError": "Something went wrong, please try again.",
|
|
35
|
+
"df.wise.SearchLayout.loading": "Loading...",
|
|
36
|
+
"df.wise.back.label": "Back",
|
|
37
|
+
"df.wise.filter.noResults": "No results",
|
|
38
|
+
"df.wise.filter.placeholder": "Start typing to search",
|
|
39
|
+
"df.wise.filter.results": "Search results",
|
|
40
|
+
"df.wise.group.all": "All",
|
|
41
|
+
"df.wise.group.currencies-with-account-details": "Currencies with account details",
|
|
42
|
+
"df.wise.group.popular": "Popular",
|
|
43
|
+
"df.wise.group.recent": "Recent",
|
|
44
|
+
"df.wise.step.scrollToBottom": "Scroll to bottom"
|
|
45
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
{
|
|
2
|
+
"df.wise.ArraySchema.addItem": "저장",
|
|
3
|
+
"df.wise.ArraySchema.addItemTitle": "Add Item",
|
|
4
|
+
"df.wise.ArraySchema.editItem": "저장",
|
|
5
|
+
"df.wise.ArraySchema.maxItemsError": "Please add {maxItems} or fewer.",
|
|
6
|
+
"df.wise.ArraySchema.minItemsError": "Please add at least {minItems}.",
|
|
7
|
+
"df.wise.ArraySchema.removeItem": "제거",
|
|
8
|
+
"df.wise.ButtonLayout.buttonLoadingMessage": "This might take a few seconds",
|
|
9
|
+
"df.wise.ControlFeedback.maxLength": "Please enter {maxLength} or fewer characters.",
|
|
10
|
+
"df.wise.ControlFeedback.maximum": "Please enter a number that's {maximum} or less.",
|
|
11
|
+
"df.wise.ControlFeedback.maximumDate": "Please enter a date that's on or before {maximum}.",
|
|
12
|
+
"df.wise.ControlFeedback.minLength": "{minLength}자 이상 입력하세요.",
|
|
13
|
+
"df.wise.ControlFeedback.minimum": "Please enter a number that's {minimum} or more.",
|
|
14
|
+
"df.wise.ControlFeedback.minimumDate": "Please enter a date that's on or after {minimum}.",
|
|
15
|
+
"df.wise.ControlFeedback.pattern": "Please enter this in the correct format.",
|
|
16
|
+
"df.wise.ControlFeedback.patternDate": "Please enter a date in the correct format.",
|
|
17
|
+
"df.wise.ControlFeedback.required": "Please fill out this field.",
|
|
18
|
+
"df.wise.ControlFeedback.type": "Incorrect type",
|
|
19
|
+
"df.wise.CopyFeedback.copy": "Copied to clipboard",
|
|
20
|
+
"df.wise.CopyFeedback.copyFailed": "Failed to copy to clipboard",
|
|
21
|
+
"df.wise.DynamicParagraph.copied": "Copied to clipboard",
|
|
22
|
+
"df.wise.DynamicParagraph.copy": "복사",
|
|
23
|
+
"df.wise.ErrorBoundary.errorAlert": "Something went wrong.",
|
|
24
|
+
"df.wise.ErrorBoundary.retry": "Retry",
|
|
25
|
+
"df.wise.ExternalConfirmation.cancel": "취소",
|
|
26
|
+
"df.wise.ExternalConfirmation.description": "Please confirm you want to open **{origin}** in a new browser tab.",
|
|
27
|
+
"df.wise.ExternalConfirmation.open": "Open in new tab",
|
|
28
|
+
"df.wise.ExternalConfirmation.title": "Please confirm",
|
|
29
|
+
"df.wise.Help.ariaLabel": "Click here for more info.",
|
|
30
|
+
"df.wise.MultiSelect.summary": "{first} and {count} more",
|
|
31
|
+
"df.wise.MultipleFileUploadSchema.maxFileSizeError": "Sorry, that file is too big. Please upload a smaller file.",
|
|
32
|
+
"df.wise.MultipleFileUploadSchema.maxItemsError": "Please upload {maxItems} or fewer files.",
|
|
33
|
+
"df.wise.MultipleFileUploadSchema.minItemsError": "Please upload at least {minItems} file(s).",
|
|
34
|
+
"df.wise.PersistAsyncSchema.genericError": "문제가 발생했습니다. 다시 시도하세요.",
|
|
35
|
+
"df.wise.SearchLayout.loading": "Loading...",
|
|
36
|
+
"df.wise.back.label": "뒤로",
|
|
37
|
+
"df.wise.filter.noResults": "결과 없음",
|
|
38
|
+
"df.wise.filter.placeholder": "Start typing to search",
|
|
39
|
+
"df.wise.filter.results": "검색 결과",
|
|
40
|
+
"df.wise.group.all": "All",
|
|
41
|
+
"df.wise.group.currencies-with-account-details": "Currencies with account details",
|
|
42
|
+
"df.wise.group.popular": "Popular",
|
|
43
|
+
"df.wise.group.recent": "Recent",
|
|
44
|
+
"df.wise.step.scrollToBottom": "Scroll to bottom"
|
|
45
|
+
}
|
package/build/main.css
CHANGED
|
@@ -4,16 +4,19 @@
|
|
|
4
4
|
border-radius: var(--radius-medium);
|
|
5
5
|
padding: var(--size-16);
|
|
6
6
|
}
|
|
7
|
+
|
|
7
8
|
.df-box-renderer-fixed-width {
|
|
8
9
|
display: flex;
|
|
9
10
|
justify-content: center;
|
|
10
11
|
}
|
|
12
|
+
|
|
11
13
|
.df-box-renderer-width-xs,
|
|
12
14
|
.df-box-renderer-width-sm,
|
|
13
15
|
.df-box-renderer-width-md,
|
|
14
16
|
.df-box-renderer-width-lg {
|
|
15
17
|
width: 100%;
|
|
16
18
|
}
|
|
19
|
+
|
|
17
20
|
@media screen and (width >=768px) {
|
|
18
21
|
.df-box-renderer-border {
|
|
19
22
|
padding: var(--size-24);
|
|
@@ -35,6 +38,7 @@
|
|
|
35
38
|
width: 83.33%;
|
|
36
39
|
}
|
|
37
40
|
}
|
|
41
|
+
|
|
38
42
|
@media screen and (width >=990px) {
|
|
39
43
|
.df-box-renderer-width-xs {
|
|
40
44
|
width: 25%;
|
|
@@ -52,16 +56,20 @@
|
|
|
52
56
|
width: 66.66%;
|
|
53
57
|
}
|
|
54
58
|
}
|
|
59
|
+
|
|
55
60
|
/* container queries (when .df-prefer-container-queries is set on a parent) */
|
|
61
|
+
|
|
56
62
|
.df-prefer-container-queries .df-box-renderer.df-box-renderer-border {
|
|
57
63
|
padding: var(--size-16);
|
|
58
64
|
}
|
|
65
|
+
|
|
59
66
|
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-xs,
|
|
60
67
|
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-sm,
|
|
61
68
|
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-md,
|
|
62
69
|
.df-prefer-container-queries .df-box-renderer.df-box-renderer-width-lg {
|
|
63
70
|
width: 100%;
|
|
64
71
|
}
|
|
72
|
+
|
|
65
73
|
@container (min-width: 480px) {
|
|
66
74
|
.df-prefer-container-queries .df-box-renderer.df-box-renderer-border {
|
|
67
75
|
padding: var(--size-24);
|
|
@@ -88,15 +96,18 @@
|
|
|
88
96
|
gap: var(--size-4);
|
|
89
97
|
flex-direction: column;
|
|
90
98
|
}
|
|
99
|
+
|
|
91
100
|
.df-columns-renderer-column,
|
|
92
101
|
.df-columns-renderer-bias-start .df-columns-renderer-column:nth-child(2),
|
|
93
102
|
.df-columns-renderer-bias-end .df-columns-renderer-column:nth-child(1) {
|
|
94
103
|
flex: 1;
|
|
95
104
|
}
|
|
105
|
+
|
|
96
106
|
.df-columns-renderer-bias-start .df-columns-renderer-column:nth-child(1),
|
|
97
107
|
.df-columns-renderer-bias-end .df-columns-renderer-column:nth-child(2) {
|
|
98
108
|
flex: 2;
|
|
99
109
|
}
|
|
110
|
+
|
|
100
111
|
@media (width >=768px) {
|
|
101
112
|
.df-columns-renderer-container {
|
|
102
113
|
flex-direction: row;
|
|
@@ -106,21 +117,26 @@
|
|
|
106
117
|
.df-image .df-illustration {
|
|
107
118
|
padding: 0;
|
|
108
119
|
}
|
|
120
|
+
|
|
109
121
|
.df-image {
|
|
110
122
|
display: flex;
|
|
111
123
|
}
|
|
124
|
+
|
|
112
125
|
.df-image.start {
|
|
113
126
|
justify-content: start;
|
|
114
127
|
align-items: start;
|
|
115
128
|
}
|
|
129
|
+
|
|
116
130
|
.df-image.center {
|
|
117
131
|
justify-content: center;
|
|
118
132
|
align-items: center;
|
|
119
133
|
}
|
|
134
|
+
|
|
120
135
|
.df-image.end {
|
|
121
136
|
justify-content: end;
|
|
122
137
|
align-items: end;
|
|
123
138
|
}
|
|
139
|
+
|
|
124
140
|
.df-image img.df-reserve-space {
|
|
125
141
|
width: 100%;
|
|
126
142
|
/*
|
|
@@ -131,25 +147,32 @@
|
|
|
131
147
|
aspect-ratio: auto 1 / 1;
|
|
132
148
|
height: auto;
|
|
133
149
|
}
|
|
150
|
+
|
|
134
151
|
.df-image img:not([src]) {
|
|
135
152
|
visibility: hidden;
|
|
136
153
|
}
|
|
154
|
+
|
|
137
155
|
/* wide screens (or default) */
|
|
138
156
|
.df-image.xs img.df-reserve-space {
|
|
139
157
|
width: 100px;
|
|
140
158
|
}
|
|
159
|
+
|
|
141
160
|
.df-image.sm img.df-reserve-space {
|
|
142
161
|
width: 200px;
|
|
143
162
|
}
|
|
163
|
+
|
|
144
164
|
.df-image.md img.df-reserve-space {
|
|
145
165
|
width: 300px;
|
|
146
166
|
}
|
|
167
|
+
|
|
147
168
|
.df-image.lg img.df-reserve-space {
|
|
148
169
|
width: 500px;
|
|
149
170
|
}
|
|
171
|
+
|
|
150
172
|
.df-image.xl img.df-reserve-space {
|
|
151
173
|
max-width: 600px;
|
|
152
174
|
}
|
|
175
|
+
|
|
153
176
|
/* narrow screens */
|
|
154
177
|
@media (width <576px) {
|
|
155
178
|
.df-image.xs img.df-reserve-space {
|
|
@@ -168,6 +191,7 @@
|
|
|
168
191
|
width: 300px;
|
|
169
192
|
}
|
|
170
193
|
}
|
|
194
|
+
|
|
171
195
|
/* narrow container */
|
|
172
196
|
@container (max-width: 576px) {
|
|
173
197
|
.df-image.xs img.df-reserve-space {
|
|
@@ -192,14 +216,17 @@
|
|
|
192
216
|
.df-media-layout-avatar {
|
|
193
217
|
display: flex;
|
|
194
218
|
}
|
|
219
|
+
|
|
195
220
|
.df-media-layout-avatar.start {
|
|
196
221
|
justify-content: start;
|
|
197
222
|
align-items: start;
|
|
198
223
|
}
|
|
224
|
+
|
|
199
225
|
.df-media-layout-avatar.center {
|
|
200
226
|
justify-content: center;
|
|
201
227
|
align-items: center;
|
|
202
228
|
}
|
|
229
|
+
|
|
203
230
|
.df-media-layout-avatar.end {
|
|
204
231
|
justify-content: end;
|
|
205
232
|
align-items: end;
|
|
@@ -224,13 +251,16 @@
|
|
|
224
251
|
padding: var(--size-16) 0;
|
|
225
252
|
background-color: var(--color-background-screen);
|
|
226
253
|
}
|
|
254
|
+
|
|
227
255
|
/* If we're in a drawer, we need to account for the bottom padding on the drawer content */
|
|
228
256
|
.np-drawer-content .df-step-fixed__footer {
|
|
229
257
|
bottom: -16px;
|
|
230
258
|
}
|
|
259
|
+
|
|
231
260
|
.tw-modal-body--scrollable .df-step-fixed__footer {
|
|
232
261
|
bottom: -24px;
|
|
233
262
|
}
|
|
263
|
+
|
|
234
264
|
.df-modal .df-back-button {
|
|
235
265
|
position: fixed;
|
|
236
266
|
top: 24px;
|
|
@@ -248,15 +278,18 @@
|
|
|
248
278
|
display: block !important;
|
|
249
279
|
/* left-aligned by default */
|
|
250
280
|
}
|
|
281
|
+
|
|
251
282
|
.df-button.circular {
|
|
252
283
|
display: flex;
|
|
253
284
|
justify-content: center;
|
|
254
285
|
}
|
|
286
|
+
|
|
255
287
|
.df-button.small.align-center {
|
|
256
288
|
display: block !important;
|
|
257
289
|
margin-left: auto;
|
|
258
290
|
margin-right: auto;
|
|
259
291
|
}
|
|
292
|
+
|
|
260
293
|
/**
|
|
261
294
|
* This specifies the container for container queries about width.
|
|
262
295
|
* We don't use it by default, but integrations can specify it using the className prop in the DF component.
|
package/build/main.js
CHANGED
|
@@ -145,7 +145,7 @@ var import_dynamic_flow_client4 = require("@wise/dynamic-flow-client");
|
|
|
145
145
|
// src/dynamicFlow/telemetry/app-version.ts
|
|
146
146
|
var appVersion = (
|
|
147
147
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
|
|
148
|
-
typeof process !== "undefined" ? "5.23.
|
|
148
|
+
typeof process !== "undefined" ? "5.23.2" : "0.0.0"
|
|
149
149
|
);
|
|
150
150
|
|
|
151
151
|
// src/dynamicFlow/context-menu/useContextMenu.tsx
|
|
@@ -374,7 +374,7 @@ var AlertRenderer = {
|
|
|
374
374
|
render: ({ context, markdown, margin, callToAction }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
375
375
|
import_components.Alert,
|
|
376
376
|
{
|
|
377
|
-
type: context,
|
|
377
|
+
type: mapAlertType(context),
|
|
378
378
|
className: getMargin(margin),
|
|
379
379
|
message: markdown,
|
|
380
380
|
action: mapCtaToAlertAction(callToAction)
|
|
@@ -390,6 +390,7 @@ var mapCtaToAlertAction = (callToAction) => {
|
|
|
390
390
|
}
|
|
391
391
|
return void 0;
|
|
392
392
|
};
|
|
393
|
+
var mapAlertType = (context) => context !== "proposition" ? context : "neutral";
|
|
393
394
|
var AlertRenderer_default = AlertRenderer;
|
|
394
395
|
|
|
395
396
|
// ../renderers/src/BoxRenderer.tsx
|
|
@@ -660,7 +661,7 @@ var AvatarMedia = ({
|
|
|
660
661
|
}
|
|
661
662
|
);
|
|
662
663
|
}
|
|
663
|
-
const avatarsWithoutBadges = avatars.filter(({ asset, icon }) => asset || icon).slice(0, 2).map(({ asset, icon, backgroundColor, color }) => ({
|
|
664
|
+
const avatarsWithoutBadges = avatars.filter(({ asset, icon }) => Boolean(asset || icon)).slice(0, 2).map(({ asset, icon, backgroundColor, color }) => ({
|
|
664
665
|
asset: icon != null ? icon : asset,
|
|
665
666
|
style: { backgroundColor, color }
|
|
666
667
|
}));
|
|
@@ -747,16 +748,19 @@ var LegacyMedia = ({ image, icon, preferAvatar, size }) => {
|
|
|
747
748
|
const iconNode = getIconNode(icon);
|
|
748
749
|
const badge = getBadgedMedia(iconNode, imageNode, size);
|
|
749
750
|
if (badge) {
|
|
750
|
-
return badge;
|
|
751
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: badge });
|
|
751
752
|
}
|
|
752
753
|
if (imageNode) {
|
|
753
|
-
return preferAvatar ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_components5.AvatarView, { children: imageNode }) :
|
|
754
|
+
return preferAvatar ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_components5.AvatarView, { children: imageNode }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
|
|
755
|
+
imageNode,
|
|
756
|
+
" "
|
|
757
|
+
] });
|
|
754
758
|
}
|
|
755
759
|
if (iconNode && icon) {
|
|
756
760
|
if ("text" in icon || size === 48) {
|
|
757
761
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_components5.AvatarView, { size, children: iconNode });
|
|
758
762
|
}
|
|
759
|
-
return iconNode;
|
|
763
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, { children: iconNode });
|
|
760
764
|
}
|
|
761
765
|
return null;
|
|
762
766
|
};
|
|
@@ -1808,7 +1812,7 @@ var import_react10 = require("react");
|
|
|
1808
1812
|
// ../renderers/src/ImageRenderer/isAnimated.ts
|
|
1809
1813
|
var isAnimated = (uri) => {
|
|
1810
1814
|
const { rComponents } = stringToURN(uri);
|
|
1811
|
-
return rComponents
|
|
1815
|
+
return rComponents.type === "animated";
|
|
1812
1816
|
};
|
|
1813
1817
|
|
|
1814
1818
|
// ../renderers/src/ImageRenderer/SafeIllustration3D.tsx
|
|
@@ -2659,10 +2663,10 @@ var MultiUploadInputRenderer = {
|
|
|
2659
2663
|
"aria-describedby": descriptionId,
|
|
2660
2664
|
description,
|
|
2661
2665
|
disabled,
|
|
2662
|
-
files: value.map(({ id:
|
|
2663
|
-
id:
|
|
2666
|
+
files: value.map(({ id: fileId, file, validationState: fileValidationState }) => ({
|
|
2667
|
+
id: fileId,
|
|
2664
2668
|
filename: file.name,
|
|
2665
|
-
status: (
|
|
2669
|
+
status: (fileValidationState == null ? void 0 : fileValidationState.status) === "invalid" ? import_components36.Status.FAILED : import_components36.Status.SUCCEEDED
|
|
2666
2670
|
})),
|
|
2667
2671
|
fileTypes: acceptsToFileTypes(accepts),
|
|
2668
2672
|
maxFiles: maxItems,
|
|
@@ -3180,6 +3184,7 @@ function BlockSearchRendererComponent({
|
|
|
3180
3184
|
id,
|
|
3181
3185
|
name: id,
|
|
3182
3186
|
placeholder: hint,
|
|
3187
|
+
shape: "pill",
|
|
3183
3188
|
type: "text",
|
|
3184
3189
|
value: query,
|
|
3185
3190
|
onChange: ({ currentTarget: { value } }) => {
|