@capillarytech/creatives-library 9.0.13-beta.0 → 9.0.14-beta.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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "9.0.13-beta.0",
4
+ "version": "9.0.14-beta.0",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
@@ -394,7 +394,7 @@ const ErrorSection = ({
394
394
  <>
395
395
  {title && (
396
396
  <CapRow
397
- useLegacy
397
+ type="flex"
398
398
  className={`error-header ${
399
399
  !liquidError ? 'standard-error-header' : ''
400
400
  }`}
@@ -251,12 +251,15 @@
251
251
  align-items: center;
252
252
  justify-content: space-between;
253
253
  font-weight: $FONT_WEIGHT_MEDIUM;
254
+ color: $CAP_G01;
254
255
 
255
256
  .ant-btn.cap-button-v2.ant-btn-link {
256
257
  display: flex;
257
258
  margin-left: auto;
258
259
  background-color: inherit;
259
260
  align-items: center;
261
+ height: min-content;
262
+ color: map-get($CAP_SECONDARY, base );
260
263
  }
261
264
 
262
265
  .warning-icon {
@@ -160,7 +160,6 @@ const FormBuilderShell = (props) => {
160
160
  const legacy = toLegacy(init);
161
161
  emitValidity(runValidate(legacy), legacy);
162
162
  }
163
- // eslint-disable-next-line react-hooks/exhaustive-deps
164
163
  }, [schemaReady]);
165
164
 
166
165
  // ---- re-hydrate on a GENUINE external parent push (edit load / discard) ----
@@ -169,7 +168,6 @@ const FormBuilderShell = (props) => {
169
168
  const current = toLegacy(stateRef.current);
170
169
  const isEcho = isEqual(parentFormData, lastEmittedRef.current) || isEqual(parentFormData, current);
171
170
  if (!isEcho) dispatch(hydrate(fromLegacy(parentFormData, { channel })));
172
- // eslint-disable-next-line react-hooks/exhaustive-deps
173
171
  }, [parentFormData]);
174
172
 
175
173
  // Submit a form that passed sync validation (mirrors Classic onSubmitWrapper).
@@ -218,7 +216,6 @@ const FormBuilderShell = (props) => {
218
216
  }
219
217
  }
220
218
  prevStartValidationRef.current = startValidation;
221
- // eslint-disable-next-line react-hooks/exhaustive-deps
222
219
  }, [startValidation]);
223
220
 
224
221
  // Inline (below-the-box) message map. The only change vs the old flow: in full mode
@@ -232,7 +229,6 @@ const FormBuilderShell = (props) => {
232
229
  const descriptor = adapter.getEditorErrorDescriptor(toLegacy(stateRef.current), { tags, isFullMode, currentModule });
233
230
  if (descriptor?.kind !== EDITOR_ERROR_KIND.BRACE) return {};
234
231
  return { [editorId]: intl.formatMessage(descriptor.message, descriptor.values) };
235
- // eslint-disable-next-line react-hooks/exhaustive-deps
236
232
  }, [errorData, intl, isFullMode, currentModule]);
237
233
 
238
234
  // ---- field change ----
@@ -253,7 +249,13 @@ const FormBuilderShell = (props) => {
253
249
  // as soon as the field becomes valid. Focus-safe because renderers don't toggle
254
250
  // CapInput's antd suffix (see InputField), so the <input> never remounts.
255
251
  const validationActive = propsRef.current.startValidation || internalCheckValidation || Boolean(propsRef.current.checkValidation);
256
- if (validationActive) {
252
+ // Library mode (liquid-supported, non-full) mirrors Classic by validating on EVERY
253
+ // change, so brace / missing-tag errors surface live (footer + body border) as the
254
+ // user types — before the first Done. Required/empty errors stay hidden either way:
255
+ // the renderers gate their DISPLAY on checkValidation and standardFooterMsg returns
256
+ // [] for them (see getEditorErrorDescriptor).
257
+ const validateLive = liquidEnabled && !isFullMode;
258
+ if (validationActive || validateLive) {
257
259
  emitValidity(runValidate(legacy), legacy);
258
260
  }
259
261
  };
@@ -13,7 +13,6 @@ const SchemaForm = ({ schema, renderContext }) => {
13
13
  <>
14
14
  {schema.standalone?.sections?.map((section, index) => (
15
15
  // The schema is a frozen, never-reordered layout descriptor, so the index is a stable key here.
16
- // eslint-disable-next-line react/no-array-index-key
17
16
  <Section key={index} section={section} renderContext={renderContext} />
18
17
  ))}
19
18
  </>
@@ -2986,7 +2986,7 @@ new message content.",
2986
2986
  }
2987
2987
  onChange={[Function]}
2988
2988
  size="large"
2989
- suffix={null}
2989
+ suffix={<span />}
2990
2990
  value="ggg"
2991
2991
  >
2992
2992
  <ForwardRef
@@ -3020,7 +3020,11 @@ new message content.",
3020
3020
  prefixCls="ant-input"
3021
3021
  style={Object {}}
3022
3022
  styles={Object {}}
3023
- suffix={null}
3023
+ suffix={
3024
+ <React.Fragment>
3025
+ <span />
3026
+ </React.Fragment>
3027
+ }
3024
3028
  value="ggg"
3025
3029
  >
3026
3030
  <ForwardRef
@@ -3053,7 +3057,13 @@ new message content.",
3053
3057
  prefixCls="ant-input"
3054
3058
  style={Object {}}
3055
3059
  styles={Object {}}
3056
- suffix={null}
3060
+ suffix={
3061
+ <React.Fragment>
3062
+ <React.Fragment>
3063
+ <span />
3064
+ </React.Fragment>
3065
+ </React.Fragment>
3066
+ }
3057
3067
  triggerFocus={[Function]}
3058
3068
  value="ggg"
3059
3069
  >
@@ -3064,19 +3074,29 @@ new message content.",
3064
3074
  <span
3065
3075
  className="ant-input-wrapper ant-input-group css-dev-only-do-not-override-dbp7pc"
3066
3076
  >
3067
- <input
3068
- className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined"
3069
- disabled={false}
3070
- onBlur={[Function]}
3071
- onChange={[Function]}
3072
- onCompositionEnd={[Function]}
3073
- onCompositionStart={[Function]}
3074
- onFocus={[Function]}
3075
- onKeyDown={[Function]}
3076
- onKeyUp={[Function]}
3077
- type="text"
3078
- value="ggg"
3079
- />
3077
+ <span
3078
+ className="ant-input-affix-wrapper ant-input-affix-wrapper-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined"
3079
+ onClick={[Function]}
3080
+ >
3081
+ <input
3082
+ className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc"
3083
+ disabled={false}
3084
+ onBlur={[Function]}
3085
+ onChange={[Function]}
3086
+ onCompositionEnd={[Function]}
3087
+ onCompositionStart={[Function]}
3088
+ onFocus={[Function]}
3089
+ onKeyDown={[Function]}
3090
+ onKeyUp={[Function]}
3091
+ type="text"
3092
+ value="ggg"
3093
+ />
3094
+ <span
3095
+ className="ant-input-suffix"
3096
+ >
3097
+ <span />
3098
+ </span>
3099
+ </span>
3080
3100
  <span
3081
3101
  className="ant-input-group-addon"
3082
3102
  >
@@ -3918,7 +3938,7 @@ new message content.",
3918
3938
  "marginTop": 12,
3919
3939
  }
3920
3940
  }
3921
- suffix={null}
3941
+ suffix={<span />}
3922
3942
  value="ggg"
3923
3943
  >
3924
3944
  <ForwardRef
@@ -3943,7 +3963,11 @@ new message content.",
3943
3963
  }
3944
3964
  }
3945
3965
  styles={Object {}}
3946
- suffix={null}
3966
+ suffix={
3967
+ <React.Fragment>
3968
+ <span />
3969
+ </React.Fragment>
3970
+ }
3947
3971
  value="ggg"
3948
3972
  >
3949
3973
  <ForwardRef
@@ -3967,28 +3991,44 @@ new message content.",
3967
3991
  }
3968
3992
  }
3969
3993
  styles={Object {}}
3970
- suffix={null}
3994
+ suffix={
3995
+ <React.Fragment>
3996
+ <React.Fragment>
3997
+ <span />
3998
+ </React.Fragment>
3999
+ </React.Fragment>
4000
+ }
3971
4001
  triggerFocus={[Function]}
3972
4002
  value="ggg"
3973
4003
  >
3974
- <input
3975
- className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined css-var-root ant-input-css-var"
3976
- disabled={false}
3977
- onBlur={[Function]}
3978
- onChange={[Function]}
3979
- onCompositionEnd={[Function]}
3980
- onCompositionStart={[Function]}
3981
- onFocus={[Function]}
3982
- onKeyDown={[Function]}
3983
- onKeyUp={[Function]}
4004
+ <span
4005
+ className="ant-input-affix-wrapper ant-input-affix-wrapper-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined css-var-root ant-input-css-var"
4006
+ onClick={[Function]}
3984
4007
  style={
3985
4008
  Object {
3986
4009
  "marginTop": 12,
3987
4010
  }
3988
4011
  }
3989
- type="text"
3990
- value="ggg"
3991
- />
4012
+ >
4013
+ <input
4014
+ className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc"
4015
+ disabled={false}
4016
+ onBlur={[Function]}
4017
+ onChange={[Function]}
4018
+ onCompositionEnd={[Function]}
4019
+ onCompositionStart={[Function]}
4020
+ onFocus={[Function]}
4021
+ onKeyDown={[Function]}
4022
+ onKeyUp={[Function]}
4023
+ type="text"
4024
+ value="ggg"
4025
+ />
4026
+ <span
4027
+ className="ant-input-suffix"
4028
+ >
4029
+ <span />
4030
+ </span>
4031
+ </span>
3992
4032
  </ForwardRef>
3993
4033
  </ForwardRef>
3994
4034
  </Input>
@@ -7226,7 +7266,7 @@ new message content.",
7226
7266
  }
7227
7267
  onChange={[Function]}
7228
7268
  size="large"
7229
- suffix={null}
7269
+ suffix={<span />}
7230
7270
  value="ggg"
7231
7271
  >
7232
7272
  <ForwardRef
@@ -7260,7 +7300,11 @@ new message content.",
7260
7300
  prefixCls="ant-input"
7261
7301
  style={Object {}}
7262
7302
  styles={Object {}}
7263
- suffix={null}
7303
+ suffix={
7304
+ <React.Fragment>
7305
+ <span />
7306
+ </React.Fragment>
7307
+ }
7264
7308
  value="ggg"
7265
7309
  >
7266
7310
  <ForwardRef
@@ -7293,7 +7337,13 @@ new message content.",
7293
7337
  prefixCls="ant-input"
7294
7338
  style={Object {}}
7295
7339
  styles={Object {}}
7296
- suffix={null}
7340
+ suffix={
7341
+ <React.Fragment>
7342
+ <React.Fragment>
7343
+ <span />
7344
+ </React.Fragment>
7345
+ </React.Fragment>
7346
+ }
7297
7347
  triggerFocus={[Function]}
7298
7348
  value="ggg"
7299
7349
  >
@@ -7304,19 +7354,29 @@ new message content.",
7304
7354
  <span
7305
7355
  className="ant-input-wrapper ant-input-group css-dev-only-do-not-override-dbp7pc"
7306
7356
  >
7307
- <input
7308
- className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined"
7309
- disabled={false}
7310
- onBlur={[Function]}
7311
- onChange={[Function]}
7312
- onCompositionEnd={[Function]}
7313
- onCompositionStart={[Function]}
7314
- onFocus={[Function]}
7315
- onKeyDown={[Function]}
7316
- onKeyUp={[Function]}
7317
- type="text"
7318
- value="ggg"
7319
- />
7357
+ <span
7358
+ className="ant-input-affix-wrapper ant-input-affix-wrapper-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined"
7359
+ onClick={[Function]}
7360
+ >
7361
+ <input
7362
+ className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc"
7363
+ disabled={false}
7364
+ onBlur={[Function]}
7365
+ onChange={[Function]}
7366
+ onCompositionEnd={[Function]}
7367
+ onCompositionStart={[Function]}
7368
+ onFocus={[Function]}
7369
+ onKeyDown={[Function]}
7370
+ onKeyUp={[Function]}
7371
+ type="text"
7372
+ value="ggg"
7373
+ />
7374
+ <span
7375
+ className="ant-input-suffix"
7376
+ >
7377
+ <span />
7378
+ </span>
7379
+ </span>
7320
7380
  <span
7321
7381
  className="ant-input-group-addon"
7322
7382
  >
@@ -8158,7 +8218,7 @@ new message content.",
8158
8218
  "marginTop": 12,
8159
8219
  }
8160
8220
  }
8161
- suffix={null}
8221
+ suffix={<span />}
8162
8222
  value="ggg"
8163
8223
  >
8164
8224
  <ForwardRef
@@ -8183,7 +8243,11 @@ new message content.",
8183
8243
  }
8184
8244
  }
8185
8245
  styles={Object {}}
8186
- suffix={null}
8246
+ suffix={
8247
+ <React.Fragment>
8248
+ <span />
8249
+ </React.Fragment>
8250
+ }
8187
8251
  value="ggg"
8188
8252
  >
8189
8253
  <ForwardRef
@@ -8207,28 +8271,44 @@ new message content.",
8207
8271
  }
8208
8272
  }
8209
8273
  styles={Object {}}
8210
- suffix={null}
8274
+ suffix={
8275
+ <React.Fragment>
8276
+ <React.Fragment>
8277
+ <span />
8278
+ </React.Fragment>
8279
+ </React.Fragment>
8280
+ }
8211
8281
  triggerFocus={[Function]}
8212
8282
  value="ggg"
8213
8283
  >
8214
- <input
8215
- className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined css-var-root ant-input-css-var"
8216
- disabled={false}
8217
- onBlur={[Function]}
8218
- onChange={[Function]}
8219
- onCompositionEnd={[Function]}
8220
- onCompositionStart={[Function]}
8221
- onFocus={[Function]}
8222
- onKeyDown={[Function]}
8223
- onKeyUp={[Function]}
8284
+ <span
8285
+ className="ant-input-affix-wrapper ant-input-affix-wrapper-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined css-var-root ant-input-css-var"
8286
+ onClick={[Function]}
8224
8287
  style={
8225
8288
  Object {
8226
8289
  "marginTop": 12,
8227
8290
  }
8228
8291
  }
8229
- type="text"
8230
- value="ggg"
8231
- />
8292
+ >
8293
+ <input
8294
+ className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc"
8295
+ disabled={false}
8296
+ onBlur={[Function]}
8297
+ onChange={[Function]}
8298
+ onCompositionEnd={[Function]}
8299
+ onCompositionStart={[Function]}
8300
+ onFocus={[Function]}
8301
+ onKeyDown={[Function]}
8302
+ onKeyUp={[Function]}
8303
+ type="text"
8304
+ value="ggg"
8305
+ />
8306
+ <span
8307
+ className="ant-input-suffix"
8308
+ >
8309
+ <span />
8310
+ </span>
8311
+ </span>
8232
8312
  </ForwardRef>
8233
8313
  </ForwardRef>
8234
8314
  </Input>
@@ -11450,7 +11530,7 @@ new message content.",
11450
11530
  }
11451
11531
  onChange={[Function]}
11452
11532
  size="large"
11453
- suffix={null}
11533
+ suffix={<span />}
11454
11534
  value="Demo Old 2"
11455
11535
  >
11456
11536
  <ForwardRef
@@ -11484,7 +11564,11 @@ new message content.",
11484
11564
  prefixCls="ant-input"
11485
11565
  style={Object {}}
11486
11566
  styles={Object {}}
11487
- suffix={null}
11567
+ suffix={
11568
+ <React.Fragment>
11569
+ <span />
11570
+ </React.Fragment>
11571
+ }
11488
11572
  value="Demo Old 2"
11489
11573
  >
11490
11574
  <ForwardRef
@@ -11517,7 +11601,13 @@ new message content.",
11517
11601
  prefixCls="ant-input"
11518
11602
  style={Object {}}
11519
11603
  styles={Object {}}
11520
- suffix={null}
11604
+ suffix={
11605
+ <React.Fragment>
11606
+ <React.Fragment>
11607
+ <span />
11608
+ </React.Fragment>
11609
+ </React.Fragment>
11610
+ }
11521
11611
  triggerFocus={[Function]}
11522
11612
  value="Demo Old 2"
11523
11613
  >
@@ -11528,19 +11618,29 @@ new message content.",
11528
11618
  <span
11529
11619
  className="ant-input-wrapper ant-input-group css-dev-only-do-not-override-dbp7pc"
11530
11620
  >
11531
- <input
11532
- className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined"
11533
- disabled={false}
11534
- onBlur={[Function]}
11535
- onChange={[Function]}
11536
- onCompositionEnd={[Function]}
11537
- onCompositionStart={[Function]}
11538
- onFocus={[Function]}
11539
- onKeyDown={[Function]}
11540
- onKeyUp={[Function]}
11541
- type="text"
11542
- value="Demo Old 2"
11543
- />
11621
+ <span
11622
+ className="ant-input-affix-wrapper ant-input-affix-wrapper-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined"
11623
+ onClick={[Function]}
11624
+ >
11625
+ <input
11626
+ className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc"
11627
+ disabled={false}
11628
+ onBlur={[Function]}
11629
+ onChange={[Function]}
11630
+ onCompositionEnd={[Function]}
11631
+ onCompositionStart={[Function]}
11632
+ onFocus={[Function]}
11633
+ onKeyDown={[Function]}
11634
+ onKeyUp={[Function]}
11635
+ type="text"
11636
+ value="Demo Old 2"
11637
+ />
11638
+ <span
11639
+ className="ant-input-suffix"
11640
+ >
11641
+ <span />
11642
+ </span>
11643
+ </span>
11544
11644
  <span
11545
11645
  className="ant-input-group-addon"
11546
11646
  >
@@ -12382,7 +12482,7 @@ new message content.",
12382
12482
  "marginTop": 12,
12383
12483
  }
12384
12484
  }
12385
- suffix={null}
12485
+ suffix={<span />}
12386
12486
  value="https://www.demo.com"
12387
12487
  >
12388
12488
  <ForwardRef
@@ -12407,7 +12507,11 @@ new message content.",
12407
12507
  }
12408
12508
  }
12409
12509
  styles={Object {}}
12410
- suffix={null}
12510
+ suffix={
12511
+ <React.Fragment>
12512
+ <span />
12513
+ </React.Fragment>
12514
+ }
12411
12515
  value="https://www.demo.com"
12412
12516
  >
12413
12517
  <ForwardRef
@@ -12431,28 +12535,44 @@ new message content.",
12431
12535
  }
12432
12536
  }
12433
12537
  styles={Object {}}
12434
- suffix={null}
12538
+ suffix={
12539
+ <React.Fragment>
12540
+ <React.Fragment>
12541
+ <span />
12542
+ </React.Fragment>
12543
+ </React.Fragment>
12544
+ }
12435
12545
  triggerFocus={[Function]}
12436
12546
  value="https://www.demo.com"
12437
12547
  >
12438
- <input
12439
- className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined css-var-root ant-input-css-var"
12440
- disabled={false}
12441
- onBlur={[Function]}
12442
- onChange={[Function]}
12443
- onCompositionEnd={[Function]}
12444
- onCompositionStart={[Function]}
12445
- onFocus={[Function]}
12446
- onKeyDown={[Function]}
12447
- onKeyUp={[Function]}
12548
+ <span
12549
+ className="ant-input-affix-wrapper ant-input-affix-wrapper-lg css-dev-only-do-not-override-dbp7pc ant-input-outlined css-var-root ant-input-css-var"
12550
+ onClick={[Function]}
12448
12551
  style={
12449
12552
  Object {
12450
12553
  "marginTop": 12,
12451
12554
  }
12452
12555
  }
12453
- type="text"
12454
- value="https://www.demo.com"
12455
- />
12556
+ >
12557
+ <input
12558
+ className="ant-input ant-input-lg css-dev-only-do-not-override-dbp7pc"
12559
+ disabled={false}
12560
+ onBlur={[Function]}
12561
+ onChange={[Function]}
12562
+ onCompositionEnd={[Function]}
12563
+ onCompositionStart={[Function]}
12564
+ onFocus={[Function]}
12565
+ onKeyDown={[Function]}
12566
+ onKeyUp={[Function]}
12567
+ type="text"
12568
+ value="https://www.demo.com"
12569
+ />
12570
+ <span
12571
+ className="ant-input-suffix"
12572
+ >
12573
+ <span />
12574
+ </span>
12575
+ </span>
12456
12576
  </ForwardRef>
12457
12577
  </ForwardRef>
12458
12578
  </Input>
@@ -3541,7 +3541,7 @@ new message content.",
3541
3541
  onChange={[Function]}
3542
3542
  size="default"
3543
3543
  style={Object {}}
3544
- suffix={null}
3544
+ suffix={<span />}
3545
3545
  value="line_flex_new"
3546
3546
  >
3547
3547
  <ForwardRef
@@ -3564,7 +3564,11 @@ new message content.",
3564
3564
  prefixCls="ant-input"
3565
3565
  style={Object {}}
3566
3566
  styles={Object {}}
3567
- suffix={null}
3567
+ suffix={
3568
+ <React.Fragment>
3569
+ <span />
3570
+ </React.Fragment>
3571
+ }
3568
3572
  value="line_flex_new"
3569
3573
  >
3570
3574
  <ForwardRef
@@ -3586,25 +3590,41 @@ new message content.",
3586
3590
  prefixCls="ant-input"
3587
3591
  style={Object {}}
3588
3592
  styles={Object {}}
3589
- suffix={null}
3593
+ suffix={
3594
+ <React.Fragment>
3595
+ <React.Fragment>
3596
+ <span />
3597
+ </React.Fragment>
3598
+ </React.Fragment>
3599
+ }
3590
3600
  triggerFocus={[Function]}
3591
3601
  value="line_flex_new"
3592
3602
  >
3593
- <input
3594
- className="ant-input css-dev-only-do-not-override-dbp7pc ant-input-outlined css-var-root ant-input-css-var"
3595
- disabled={false}
3596
- id="flex__0_input"
3597
- onBlur={[Function]}
3598
- onChange={[Function]}
3599
- onCompositionEnd={[Function]}
3600
- onCompositionStart={[Function]}
3601
- onFocus={[Function]}
3602
- onKeyDown={[Function]}
3603
- onKeyUp={[Function]}
3603
+ <span
3604
+ className="ant-input-affix-wrapper css-dev-only-do-not-override-dbp7pc ant-input-outlined css-var-root ant-input-css-var"
3605
+ onClick={[Function]}
3604
3606
  style={Object {}}
3605
- type="text"
3606
- value="line_flex_new"
3607
- />
3607
+ >
3608
+ <input
3609
+ className="ant-input css-dev-only-do-not-override-dbp7pc"
3610
+ disabled={false}
3611
+ id="flex__0_input"
3612
+ onBlur={[Function]}
3613
+ onChange={[Function]}
3614
+ onCompositionEnd={[Function]}
3615
+ onCompositionStart={[Function]}
3616
+ onFocus={[Function]}
3617
+ onKeyDown={[Function]}
3618
+ onKeyUp={[Function]}
3619
+ type="text"
3620
+ value="line_flex_new"
3621
+ />
3622
+ <span
3623
+ className="ant-input-suffix"
3624
+ >
3625
+ <span />
3626
+ </span>
3627
+ </span>
3608
3628
  </ForwardRef>
3609
3629
  </ForwardRef>
3610
3630
  </Input>