carbon-react 110.1.3 → 110.2.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.
Files changed (65) hide show
  1. package/esm/__internal__/character-count/character-count.component.d.ts +8 -25
  2. package/esm/__internal__/character-count/character-count.component.js +12 -18
  3. package/esm/__internal__/character-count/character-count.style.d.ts +3 -1
  4. package/esm/__internal__/character-count/character-count.style.js +4 -0
  5. package/esm/__internal__/input/index.d.ts +1 -1
  6. package/esm/__spec_helper__/test-utils.d.ts +3 -2
  7. package/esm/__spec_helper__/test-utils.js +17 -1
  8. package/esm/components/box/box.component.d.ts +4 -2
  9. package/esm/components/box/box.component.js +2 -1
  10. package/esm/components/dismissible-box/dismissible-box.component.js +398 -0
  11. package/esm/components/numeral-date/numeral-date-context.d.ts +6 -0
  12. package/esm/components/popover-container/popover-container.component.d.ts +2 -0
  13. package/esm/components/popover-container/popover-container.component.js +9 -4
  14. package/esm/components/portal/portal.d.ts +15 -12
  15. package/esm/components/portal/portal.js +3 -13
  16. package/esm/components/select/multi-select/multi-select.component.js +1 -1
  17. package/esm/components/select/select-list/select-list.component.js +20 -11
  18. package/esm/components/textarea/textarea.component.js +6 -27
  19. package/esm/components/textarea/textarea.d.ts +2 -1
  20. package/esm/components/textbox/__internal__/prefix.style.d.ts +2 -0
  21. package/esm/components/textbox/index.d.ts +2 -1
  22. package/esm/components/textbox/index.js +1 -1
  23. package/esm/components/textbox/textbox.component.d.ts +92 -0
  24. package/esm/components/textbox/textbox.component.js +533 -197
  25. package/esm/components/textbox/textbox.style.d.ts +5 -0
  26. package/esm/components/textbox/textbox.style.js +0 -12
  27. package/esm/hooks/__internal__/useCharacterCount/useCharacterCount.d.ts +1 -1
  28. package/esm/hooks/__internal__/useCharacterCount/useCharacterCount.js +7 -6
  29. package/esm/hooks/__internal__/useInputAccessibility/useInputAccessibility.d.ts +6 -5
  30. package/esm/style/utils/filter-out-position-props.d.ts +3 -0
  31. package/esm/style/utils/filter-out-position-props.js +5 -0
  32. package/lib/__internal__/character-count/character-count.component.d.ts +8 -25
  33. package/lib/__internal__/character-count/character-count.component.js +13 -23
  34. package/lib/__internal__/character-count/character-count.style.d.ts +3 -1
  35. package/lib/__internal__/character-count/character-count.style.js +7 -0
  36. package/lib/__internal__/input/index.d.ts +1 -1
  37. package/lib/__spec_helper__/test-utils.d.ts +3 -2
  38. package/lib/__spec_helper__/test-utils.js +20 -2
  39. package/lib/components/box/box.component.d.ts +4 -2
  40. package/lib/components/box/box.component.js +1 -0
  41. package/lib/components/dismissible-box/dismissible-box.component.js +398 -0
  42. package/lib/components/numeral-date/numeral-date-context.d.ts +6 -0
  43. package/lib/components/popover-container/popover-container.component.d.ts +2 -0
  44. package/lib/components/popover-container/popover-container.component.js +9 -4
  45. package/lib/components/portal/portal.d.ts +15 -12
  46. package/lib/components/portal/portal.js +3 -14
  47. package/lib/components/select/multi-select/multi-select.component.js +1 -1
  48. package/lib/components/select/select-list/select-list.component.js +20 -11
  49. package/lib/components/textarea/textarea.component.js +6 -27
  50. package/lib/components/textarea/textarea.d.ts +2 -1
  51. package/lib/components/textbox/__internal__/prefix.style.d.ts +2 -0
  52. package/lib/components/textbox/index.d.ts +2 -1
  53. package/lib/components/textbox/index.js +2 -10
  54. package/lib/components/textbox/textbox.component.d.ts +92 -0
  55. package/lib/components/textbox/textbox.component.js +534 -201
  56. package/lib/components/textbox/textbox.style.d.ts +5 -0
  57. package/lib/components/textbox/textbox.style.js +1 -16
  58. package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.d.ts +1 -1
  59. package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.js +7 -6
  60. package/lib/hooks/__internal__/useInputAccessibility/useInputAccessibility.d.ts +6 -5
  61. package/lib/style/utils/filter-out-position-props.d.ts +3 -0
  62. package/lib/style/utils/filter-out-position-props.js +18 -0
  63. package/package.json +1 -1
  64. package/esm/components/textbox/textbox.d.ts +0 -125
  65. package/lib/components/textbox/textbox.d.ts +0 -125
package/lib/components/dismissible-box/dismissible-box.component.js CHANGED
@@ -372,6 +372,105 @@ DismissibleBox.propTypes = {
372
372
  "toString": _propTypes.default.func.isRequired,
373
373
  "valueOf": _propTypes.default.func.isRequired
374
374
  }), _propTypes.default.string]),
375
+ "bottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
376
+ "__@iterator": _propTypes.default.func.isRequired,
377
+ "anchor": _propTypes.default.func.isRequired,
378
+ "big": _propTypes.default.func.isRequired,
379
+ "blink": _propTypes.default.func.isRequired,
380
+ "bold": _propTypes.default.func.isRequired,
381
+ "charAt": _propTypes.default.func.isRequired,
382
+ "charCodeAt": _propTypes.default.func.isRequired,
383
+ "codePointAt": _propTypes.default.func.isRequired,
384
+ "concat": _propTypes.default.func.isRequired,
385
+ "endsWith": _propTypes.default.func.isRequired,
386
+ "fixed": _propTypes.default.func.isRequired,
387
+ "fontcolor": _propTypes.default.func.isRequired,
388
+ "fontsize": _propTypes.default.func.isRequired,
389
+ "includes": _propTypes.default.func.isRequired,
390
+ "indexOf": _propTypes.default.func.isRequired,
391
+ "italics": _propTypes.default.func.isRequired,
392
+ "lastIndexOf": _propTypes.default.func.isRequired,
393
+ "length": _propTypes.default.number.isRequired,
394
+ "link": _propTypes.default.func.isRequired,
395
+ "localeCompare": _propTypes.default.func.isRequired,
396
+ "match": _propTypes.default.func.isRequired,
397
+ "matchAll": _propTypes.default.func.isRequired,
398
+ "normalize": _propTypes.default.func.isRequired,
399
+ "padEnd": _propTypes.default.func.isRequired,
400
+ "padStart": _propTypes.default.func.isRequired,
401
+ "repeat": _propTypes.default.func.isRequired,
402
+ "replace": _propTypes.default.func.isRequired,
403
+ "search": _propTypes.default.func.isRequired,
404
+ "slice": _propTypes.default.func.isRequired,
405
+ "small": _propTypes.default.func.isRequired,
406
+ "split": _propTypes.default.func.isRequired,
407
+ "startsWith": _propTypes.default.func.isRequired,
408
+ "strike": _propTypes.default.func.isRequired,
409
+ "sub": _propTypes.default.func.isRequired,
410
+ "substr": _propTypes.default.func.isRequired,
411
+ "substring": _propTypes.default.func.isRequired,
412
+ "sup": _propTypes.default.func.isRequired,
413
+ "toLocaleLowerCase": _propTypes.default.func.isRequired,
414
+ "toLocaleUpperCase": _propTypes.default.func.isRequired,
415
+ "toLowerCase": _propTypes.default.func.isRequired,
416
+ "toString": _propTypes.default.func.isRequired,
417
+ "toUpperCase": _propTypes.default.func.isRequired,
418
+ "trim": _propTypes.default.func.isRequired,
419
+ "trimEnd": _propTypes.default.func.isRequired,
420
+ "trimLeft": _propTypes.default.func.isRequired,
421
+ "trimRight": _propTypes.default.func.isRequired,
422
+ "trimStart": _propTypes.default.func.isRequired,
423
+ "valueOf": _propTypes.default.func.isRequired
424
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
425
+ "__@iterator": _propTypes.default.func.isRequired,
426
+ "anchor": _propTypes.default.func.isRequired,
427
+ "big": _propTypes.default.func.isRequired,
428
+ "blink": _propTypes.default.func.isRequired,
429
+ "bold": _propTypes.default.func.isRequired,
430
+ "charAt": _propTypes.default.func.isRequired,
431
+ "charCodeAt": _propTypes.default.func.isRequired,
432
+ "codePointAt": _propTypes.default.func.isRequired,
433
+ "concat": _propTypes.default.func.isRequired,
434
+ "endsWith": _propTypes.default.func.isRequired,
435
+ "fixed": _propTypes.default.func.isRequired,
436
+ "fontcolor": _propTypes.default.func.isRequired,
437
+ "fontsize": _propTypes.default.func.isRequired,
438
+ "includes": _propTypes.default.func.isRequired,
439
+ "indexOf": _propTypes.default.func.isRequired,
440
+ "italics": _propTypes.default.func.isRequired,
441
+ "lastIndexOf": _propTypes.default.func.isRequired,
442
+ "length": _propTypes.default.number.isRequired,
443
+ "link": _propTypes.default.func.isRequired,
444
+ "localeCompare": _propTypes.default.func.isRequired,
445
+ "match": _propTypes.default.func.isRequired,
446
+ "matchAll": _propTypes.default.func.isRequired,
447
+ "normalize": _propTypes.default.func.isRequired,
448
+ "padEnd": _propTypes.default.func.isRequired,
449
+ "padStart": _propTypes.default.func.isRequired,
450
+ "repeat": _propTypes.default.func.isRequired,
451
+ "replace": _propTypes.default.func.isRequired,
452
+ "search": _propTypes.default.func.isRequired,
453
+ "slice": _propTypes.default.func.isRequired,
454
+ "small": _propTypes.default.func.isRequired,
455
+ "split": _propTypes.default.func.isRequired,
456
+ "startsWith": _propTypes.default.func.isRequired,
457
+ "strike": _propTypes.default.func.isRequired,
458
+ "sub": _propTypes.default.func.isRequired,
459
+ "substr": _propTypes.default.func.isRequired,
460
+ "substring": _propTypes.default.func.isRequired,
461
+ "sup": _propTypes.default.func.isRequired,
462
+ "toLocaleLowerCase": _propTypes.default.func.isRequired,
463
+ "toLocaleUpperCase": _propTypes.default.func.isRequired,
464
+ "toLowerCase": _propTypes.default.func.isRequired,
465
+ "toString": _propTypes.default.func.isRequired,
466
+ "toUpperCase": _propTypes.default.func.isRequired,
467
+ "trim": _propTypes.default.func.isRequired,
468
+ "trimEnd": _propTypes.default.func.isRequired,
469
+ "trimLeft": _propTypes.default.func.isRequired,
470
+ "trimRight": _propTypes.default.func.isRequired,
471
+ "trimStart": _propTypes.default.func.isRequired,
472
+ "valueOf": _propTypes.default.func.isRequired
473
+ }), _propTypes.default.string]),
375
474
  "boxSizing": _propTypes.default.oneOf(["border-box", "content-box"]),
376
475
  "children": _propTypes.default.node,
377
476
  "color": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
@@ -913,6 +1012,105 @@ DismissibleBox.propTypes = {
913
1012
  "trimStart": _propTypes.default.func.isRequired,
914
1013
  "valueOf": _propTypes.default.func.isRequired
915
1014
  })]),
1015
+ "left": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
1016
+ "__@iterator": _propTypes.default.func.isRequired,
1017
+ "anchor": _propTypes.default.func.isRequired,
1018
+ "big": _propTypes.default.func.isRequired,
1019
+ "blink": _propTypes.default.func.isRequired,
1020
+ "bold": _propTypes.default.func.isRequired,
1021
+ "charAt": _propTypes.default.func.isRequired,
1022
+ "charCodeAt": _propTypes.default.func.isRequired,
1023
+ "codePointAt": _propTypes.default.func.isRequired,
1024
+ "concat": _propTypes.default.func.isRequired,
1025
+ "endsWith": _propTypes.default.func.isRequired,
1026
+ "fixed": _propTypes.default.func.isRequired,
1027
+ "fontcolor": _propTypes.default.func.isRequired,
1028
+ "fontsize": _propTypes.default.func.isRequired,
1029
+ "includes": _propTypes.default.func.isRequired,
1030
+ "indexOf": _propTypes.default.func.isRequired,
1031
+ "italics": _propTypes.default.func.isRequired,
1032
+ "lastIndexOf": _propTypes.default.func.isRequired,
1033
+ "length": _propTypes.default.number.isRequired,
1034
+ "link": _propTypes.default.func.isRequired,
1035
+ "localeCompare": _propTypes.default.func.isRequired,
1036
+ "match": _propTypes.default.func.isRequired,
1037
+ "matchAll": _propTypes.default.func.isRequired,
1038
+ "normalize": _propTypes.default.func.isRequired,
1039
+ "padEnd": _propTypes.default.func.isRequired,
1040
+ "padStart": _propTypes.default.func.isRequired,
1041
+ "repeat": _propTypes.default.func.isRequired,
1042
+ "replace": _propTypes.default.func.isRequired,
1043
+ "search": _propTypes.default.func.isRequired,
1044
+ "slice": _propTypes.default.func.isRequired,
1045
+ "small": _propTypes.default.func.isRequired,
1046
+ "split": _propTypes.default.func.isRequired,
1047
+ "startsWith": _propTypes.default.func.isRequired,
1048
+ "strike": _propTypes.default.func.isRequired,
1049
+ "sub": _propTypes.default.func.isRequired,
1050
+ "substr": _propTypes.default.func.isRequired,
1051
+ "substring": _propTypes.default.func.isRequired,
1052
+ "sup": _propTypes.default.func.isRequired,
1053
+ "toLocaleLowerCase": _propTypes.default.func.isRequired,
1054
+ "toLocaleUpperCase": _propTypes.default.func.isRequired,
1055
+ "toLowerCase": _propTypes.default.func.isRequired,
1056
+ "toString": _propTypes.default.func.isRequired,
1057
+ "toUpperCase": _propTypes.default.func.isRequired,
1058
+ "trim": _propTypes.default.func.isRequired,
1059
+ "trimEnd": _propTypes.default.func.isRequired,
1060
+ "trimLeft": _propTypes.default.func.isRequired,
1061
+ "trimRight": _propTypes.default.func.isRequired,
1062
+ "trimStart": _propTypes.default.func.isRequired,
1063
+ "valueOf": _propTypes.default.func.isRequired
1064
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
1065
+ "__@iterator": _propTypes.default.func.isRequired,
1066
+ "anchor": _propTypes.default.func.isRequired,
1067
+ "big": _propTypes.default.func.isRequired,
1068
+ "blink": _propTypes.default.func.isRequired,
1069
+ "bold": _propTypes.default.func.isRequired,
1070
+ "charAt": _propTypes.default.func.isRequired,
1071
+ "charCodeAt": _propTypes.default.func.isRequired,
1072
+ "codePointAt": _propTypes.default.func.isRequired,
1073
+ "concat": _propTypes.default.func.isRequired,
1074
+ "endsWith": _propTypes.default.func.isRequired,
1075
+ "fixed": _propTypes.default.func.isRequired,
1076
+ "fontcolor": _propTypes.default.func.isRequired,
1077
+ "fontsize": _propTypes.default.func.isRequired,
1078
+ "includes": _propTypes.default.func.isRequired,
1079
+ "indexOf": _propTypes.default.func.isRequired,
1080
+ "italics": _propTypes.default.func.isRequired,
1081
+ "lastIndexOf": _propTypes.default.func.isRequired,
1082
+ "length": _propTypes.default.number.isRequired,
1083
+ "link": _propTypes.default.func.isRequired,
1084
+ "localeCompare": _propTypes.default.func.isRequired,
1085
+ "match": _propTypes.default.func.isRequired,
1086
+ "matchAll": _propTypes.default.func.isRequired,
1087
+ "normalize": _propTypes.default.func.isRequired,
1088
+ "padEnd": _propTypes.default.func.isRequired,
1089
+ "padStart": _propTypes.default.func.isRequired,
1090
+ "repeat": _propTypes.default.func.isRequired,
1091
+ "replace": _propTypes.default.func.isRequired,
1092
+ "search": _propTypes.default.func.isRequired,
1093
+ "slice": _propTypes.default.func.isRequired,
1094
+ "small": _propTypes.default.func.isRequired,
1095
+ "split": _propTypes.default.func.isRequired,
1096
+ "startsWith": _propTypes.default.func.isRequired,
1097
+ "strike": _propTypes.default.func.isRequired,
1098
+ "sub": _propTypes.default.func.isRequired,
1099
+ "substr": _propTypes.default.func.isRequired,
1100
+ "substring": _propTypes.default.func.isRequired,
1101
+ "sup": _propTypes.default.func.isRequired,
1102
+ "toLocaleLowerCase": _propTypes.default.func.isRequired,
1103
+ "toLocaleUpperCase": _propTypes.default.func.isRequired,
1104
+ "toLowerCase": _propTypes.default.func.isRequired,
1105
+ "toString": _propTypes.default.func.isRequired,
1106
+ "toUpperCase": _propTypes.default.func.isRequired,
1107
+ "trim": _propTypes.default.func.isRequired,
1108
+ "trimEnd": _propTypes.default.func.isRequired,
1109
+ "trimLeft": _propTypes.default.func.isRequired,
1110
+ "trimRight": _propTypes.default.func.isRequired,
1111
+ "trimStart": _propTypes.default.func.isRequired,
1112
+ "valueOf": _propTypes.default.func.isRequired
1113
+ }), _propTypes.default.string]),
916
1114
  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
917
1115
  "__@toStringTag": _propTypes.default.string.isRequired,
918
1116
  "description": _propTypes.default.string,
@@ -1790,6 +1988,7 @@ DismissibleBox.propTypes = {
1790
1988
  "toString": _propTypes.default.func.isRequired,
1791
1989
  "valueOf": _propTypes.default.func.isRequired
1792
1990
  }), _propTypes.default.string]),
1991
+ "position": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "-webkit-sticky", "absolute", "fixed", "inherit", "initial", "relative", "revert", "static", "sticky", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOf(["-moz-initial", "-webkit-sticky", "absolute", "fixed", "inherit", "initial", "relative", "revert", "static", "sticky", "unset", null])), _propTypes.default.object]),
1793
1992
  "pr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
1794
1993
  "__@toStringTag": _propTypes.default.string.isRequired,
1795
1994
  "description": _propTypes.default.string,
@@ -1834,6 +2033,105 @@ DismissibleBox.propTypes = {
1834
2033
  "toString": _propTypes.default.func.isRequired,
1835
2034
  "valueOf": _propTypes.default.func.isRequired
1836
2035
  }), _propTypes.default.string]),
2036
+ "right": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
2037
+ "__@iterator": _propTypes.default.func.isRequired,
2038
+ "anchor": _propTypes.default.func.isRequired,
2039
+ "big": _propTypes.default.func.isRequired,
2040
+ "blink": _propTypes.default.func.isRequired,
2041
+ "bold": _propTypes.default.func.isRequired,
2042
+ "charAt": _propTypes.default.func.isRequired,
2043
+ "charCodeAt": _propTypes.default.func.isRequired,
2044
+ "codePointAt": _propTypes.default.func.isRequired,
2045
+ "concat": _propTypes.default.func.isRequired,
2046
+ "endsWith": _propTypes.default.func.isRequired,
2047
+ "fixed": _propTypes.default.func.isRequired,
2048
+ "fontcolor": _propTypes.default.func.isRequired,
2049
+ "fontsize": _propTypes.default.func.isRequired,
2050
+ "includes": _propTypes.default.func.isRequired,
2051
+ "indexOf": _propTypes.default.func.isRequired,
2052
+ "italics": _propTypes.default.func.isRequired,
2053
+ "lastIndexOf": _propTypes.default.func.isRequired,
2054
+ "length": _propTypes.default.number.isRequired,
2055
+ "link": _propTypes.default.func.isRequired,
2056
+ "localeCompare": _propTypes.default.func.isRequired,
2057
+ "match": _propTypes.default.func.isRequired,
2058
+ "matchAll": _propTypes.default.func.isRequired,
2059
+ "normalize": _propTypes.default.func.isRequired,
2060
+ "padEnd": _propTypes.default.func.isRequired,
2061
+ "padStart": _propTypes.default.func.isRequired,
2062
+ "repeat": _propTypes.default.func.isRequired,
2063
+ "replace": _propTypes.default.func.isRequired,
2064
+ "search": _propTypes.default.func.isRequired,
2065
+ "slice": _propTypes.default.func.isRequired,
2066
+ "small": _propTypes.default.func.isRequired,
2067
+ "split": _propTypes.default.func.isRequired,
2068
+ "startsWith": _propTypes.default.func.isRequired,
2069
+ "strike": _propTypes.default.func.isRequired,
2070
+ "sub": _propTypes.default.func.isRequired,
2071
+ "substr": _propTypes.default.func.isRequired,
2072
+ "substring": _propTypes.default.func.isRequired,
2073
+ "sup": _propTypes.default.func.isRequired,
2074
+ "toLocaleLowerCase": _propTypes.default.func.isRequired,
2075
+ "toLocaleUpperCase": _propTypes.default.func.isRequired,
2076
+ "toLowerCase": _propTypes.default.func.isRequired,
2077
+ "toString": _propTypes.default.func.isRequired,
2078
+ "toUpperCase": _propTypes.default.func.isRequired,
2079
+ "trim": _propTypes.default.func.isRequired,
2080
+ "trimEnd": _propTypes.default.func.isRequired,
2081
+ "trimLeft": _propTypes.default.func.isRequired,
2082
+ "trimRight": _propTypes.default.func.isRequired,
2083
+ "trimStart": _propTypes.default.func.isRequired,
2084
+ "valueOf": _propTypes.default.func.isRequired
2085
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
2086
+ "__@iterator": _propTypes.default.func.isRequired,
2087
+ "anchor": _propTypes.default.func.isRequired,
2088
+ "big": _propTypes.default.func.isRequired,
2089
+ "blink": _propTypes.default.func.isRequired,
2090
+ "bold": _propTypes.default.func.isRequired,
2091
+ "charAt": _propTypes.default.func.isRequired,
2092
+ "charCodeAt": _propTypes.default.func.isRequired,
2093
+ "codePointAt": _propTypes.default.func.isRequired,
2094
+ "concat": _propTypes.default.func.isRequired,
2095
+ "endsWith": _propTypes.default.func.isRequired,
2096
+ "fixed": _propTypes.default.func.isRequired,
2097
+ "fontcolor": _propTypes.default.func.isRequired,
2098
+ "fontsize": _propTypes.default.func.isRequired,
2099
+ "includes": _propTypes.default.func.isRequired,
2100
+ "indexOf": _propTypes.default.func.isRequired,
2101
+ "italics": _propTypes.default.func.isRequired,
2102
+ "lastIndexOf": _propTypes.default.func.isRequired,
2103
+ "length": _propTypes.default.number.isRequired,
2104
+ "link": _propTypes.default.func.isRequired,
2105
+ "localeCompare": _propTypes.default.func.isRequired,
2106
+ "match": _propTypes.default.func.isRequired,
2107
+ "matchAll": _propTypes.default.func.isRequired,
2108
+ "normalize": _propTypes.default.func.isRequired,
2109
+ "padEnd": _propTypes.default.func.isRequired,
2110
+ "padStart": _propTypes.default.func.isRequired,
2111
+ "repeat": _propTypes.default.func.isRequired,
2112
+ "replace": _propTypes.default.func.isRequired,
2113
+ "search": _propTypes.default.func.isRequired,
2114
+ "slice": _propTypes.default.func.isRequired,
2115
+ "small": _propTypes.default.func.isRequired,
2116
+ "split": _propTypes.default.func.isRequired,
2117
+ "startsWith": _propTypes.default.func.isRequired,
2118
+ "strike": _propTypes.default.func.isRequired,
2119
+ "sub": _propTypes.default.func.isRequired,
2120
+ "substr": _propTypes.default.func.isRequired,
2121
+ "substring": _propTypes.default.func.isRequired,
2122
+ "sup": _propTypes.default.func.isRequired,
2123
+ "toLocaleLowerCase": _propTypes.default.func.isRequired,
2124
+ "toLocaleUpperCase": _propTypes.default.func.isRequired,
2125
+ "toLowerCase": _propTypes.default.func.isRequired,
2126
+ "toString": _propTypes.default.func.isRequired,
2127
+ "toUpperCase": _propTypes.default.func.isRequired,
2128
+ "trim": _propTypes.default.func.isRequired,
2129
+ "trimEnd": _propTypes.default.func.isRequired,
2130
+ "trimLeft": _propTypes.default.func.isRequired,
2131
+ "trimRight": _propTypes.default.func.isRequired,
2132
+ "trimStart": _propTypes.default.func.isRequired,
2133
+ "valueOf": _propTypes.default.func.isRequired
2134
+ }), _propTypes.default.string]),
1837
2135
  "scrollVariant": _propTypes.default.oneOf(["dark", "light"]),
1838
2136
  "size": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
1839
2137
  "__@iterator": _propTypes.default.func.isRequired,
@@ -1934,6 +2232,106 @@ DismissibleBox.propTypes = {
1934
2232
  "trimStart": _propTypes.default.func.isRequired,
1935
2233
  "valueOf": _propTypes.default.func.isRequired
1936
2234
  }), _propTypes.default.string]),
2235
+ "tabIndex": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
2236
+ "top": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
2237
+ "__@iterator": _propTypes.default.func.isRequired,
2238
+ "anchor": _propTypes.default.func.isRequired,
2239
+ "big": _propTypes.default.func.isRequired,
2240
+ "blink": _propTypes.default.func.isRequired,
2241
+ "bold": _propTypes.default.func.isRequired,
2242
+ "charAt": _propTypes.default.func.isRequired,
2243
+ "charCodeAt": _propTypes.default.func.isRequired,
2244
+ "codePointAt": _propTypes.default.func.isRequired,
2245
+ "concat": _propTypes.default.func.isRequired,
2246
+ "endsWith": _propTypes.default.func.isRequired,
2247
+ "fixed": _propTypes.default.func.isRequired,
2248
+ "fontcolor": _propTypes.default.func.isRequired,
2249
+ "fontsize": _propTypes.default.func.isRequired,
2250
+ "includes": _propTypes.default.func.isRequired,
2251
+ "indexOf": _propTypes.default.func.isRequired,
2252
+ "italics": _propTypes.default.func.isRequired,
2253
+ "lastIndexOf": _propTypes.default.func.isRequired,
2254
+ "length": _propTypes.default.number.isRequired,
2255
+ "link": _propTypes.default.func.isRequired,
2256
+ "localeCompare": _propTypes.default.func.isRequired,
2257
+ "match": _propTypes.default.func.isRequired,
2258
+ "matchAll": _propTypes.default.func.isRequired,
2259
+ "normalize": _propTypes.default.func.isRequired,
2260
+ "padEnd": _propTypes.default.func.isRequired,
2261
+ "padStart": _propTypes.default.func.isRequired,
2262
+ "repeat": _propTypes.default.func.isRequired,
2263
+ "replace": _propTypes.default.func.isRequired,
2264
+ "search": _propTypes.default.func.isRequired,
2265
+ "slice": _propTypes.default.func.isRequired,
2266
+ "small": _propTypes.default.func.isRequired,
2267
+ "split": _propTypes.default.func.isRequired,
2268
+ "startsWith": _propTypes.default.func.isRequired,
2269
+ "strike": _propTypes.default.func.isRequired,
2270
+ "sub": _propTypes.default.func.isRequired,
2271
+ "substr": _propTypes.default.func.isRequired,
2272
+ "substring": _propTypes.default.func.isRequired,
2273
+ "sup": _propTypes.default.func.isRequired,
2274
+ "toLocaleLowerCase": _propTypes.default.func.isRequired,
2275
+ "toLocaleUpperCase": _propTypes.default.func.isRequired,
2276
+ "toLowerCase": _propTypes.default.func.isRequired,
2277
+ "toString": _propTypes.default.func.isRequired,
2278
+ "toUpperCase": _propTypes.default.func.isRequired,
2279
+ "trim": _propTypes.default.func.isRequired,
2280
+ "trimEnd": _propTypes.default.func.isRequired,
2281
+ "trimLeft": _propTypes.default.func.isRequired,
2282
+ "trimRight": _propTypes.default.func.isRequired,
2283
+ "trimStart": _propTypes.default.func.isRequired,
2284
+ "valueOf": _propTypes.default.func.isRequired
2285
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
2286
+ "__@iterator": _propTypes.default.func.isRequired,
2287
+ "anchor": _propTypes.default.func.isRequired,
2288
+ "big": _propTypes.default.func.isRequired,
2289
+ "blink": _propTypes.default.func.isRequired,
2290
+ "bold": _propTypes.default.func.isRequired,
2291
+ "charAt": _propTypes.default.func.isRequired,
2292
+ "charCodeAt": _propTypes.default.func.isRequired,
2293
+ "codePointAt": _propTypes.default.func.isRequired,
2294
+ "concat": _propTypes.default.func.isRequired,
2295
+ "endsWith": _propTypes.default.func.isRequired,
2296
+ "fixed": _propTypes.default.func.isRequired,
2297
+ "fontcolor": _propTypes.default.func.isRequired,
2298
+ "fontsize": _propTypes.default.func.isRequired,
2299
+ "includes": _propTypes.default.func.isRequired,
2300
+ "indexOf": _propTypes.default.func.isRequired,
2301
+ "italics": _propTypes.default.func.isRequired,
2302
+ "lastIndexOf": _propTypes.default.func.isRequired,
2303
+ "length": _propTypes.default.number.isRequired,
2304
+ "link": _propTypes.default.func.isRequired,
2305
+ "localeCompare": _propTypes.default.func.isRequired,
2306
+ "match": _propTypes.default.func.isRequired,
2307
+ "matchAll": _propTypes.default.func.isRequired,
2308
+ "normalize": _propTypes.default.func.isRequired,
2309
+ "padEnd": _propTypes.default.func.isRequired,
2310
+ "padStart": _propTypes.default.func.isRequired,
2311
+ "repeat": _propTypes.default.func.isRequired,
2312
+ "replace": _propTypes.default.func.isRequired,
2313
+ "search": _propTypes.default.func.isRequired,
2314
+ "slice": _propTypes.default.func.isRequired,
2315
+ "small": _propTypes.default.func.isRequired,
2316
+ "split": _propTypes.default.func.isRequired,
2317
+ "startsWith": _propTypes.default.func.isRequired,
2318
+ "strike": _propTypes.default.func.isRequired,
2319
+ "sub": _propTypes.default.func.isRequired,
2320
+ "substr": _propTypes.default.func.isRequired,
2321
+ "substring": _propTypes.default.func.isRequired,
2322
+ "sup": _propTypes.default.func.isRequired,
2323
+ "toLocaleLowerCase": _propTypes.default.func.isRequired,
2324
+ "toLocaleUpperCase": _propTypes.default.func.isRequired,
2325
+ "toLowerCase": _propTypes.default.func.isRequired,
2326
+ "toString": _propTypes.default.func.isRequired,
2327
+ "toUpperCase": _propTypes.default.func.isRequired,
2328
+ "trim": _propTypes.default.func.isRequired,
2329
+ "trimEnd": _propTypes.default.func.isRequired,
2330
+ "trimLeft": _propTypes.default.func.isRequired,
2331
+ "trimRight": _propTypes.default.func.isRequired,
2332
+ "trimStart": _propTypes.default.func.isRequired,
2333
+ "valueOf": _propTypes.default.func.isRequired
2334
+ }), _propTypes.default.string]),
1937
2335
  "variant": _propTypes.default.oneOf(["dark", "light"]),
1938
2336
  "verticalAlign": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
1939
2337
  "__@iterator": _propTypes.default.func.isRequired,
package/lib/components/numeral-date/numeral-date-context.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ declare type NumeralContextType = {
3
+ disableErrorBorder?: boolean;
4
+ };
5
+ declare const _default: React.Context<NumeralContextType>;
6
+ export default _default;
package/lib/components/popover-container/popover-container.component.d.ts CHANGED
@@ -8,6 +8,8 @@ export interface RenderOpenProps {
8
8
  ref: React.RefObject<HTMLButtonElement>;
9
9
  "aria-label"?: string;
10
10
  id?: string;
11
+ "aria-expanded": boolean;
12
+ "aria-haspopup": "dialog";
11
13
  }
12
14
  export interface RenderCloseProps {
13
15
  "data-element": string;
package/lib/components/popover-container/popover-container.component.js CHANGED
@@ -37,20 +37,25 @@ const renderOpen = ({
37
37
  "data-element": dataElement,
38
38
  ref,
39
39
  "aria-label": ariaLabel,
40
- id
40
+ id,
41
+ "aria-expanded": ariaExpanded,
42
+ "aria-haspopup": ariaHasPopup
41
43
  }) => /*#__PURE__*/_react.default.createElement(_popoverContainer.PopoverContainerOpenIcon, {
42
44
  tabIndex: tabIndex,
43
45
  onAction: onClick,
44
46
  "data-element": dataElement,
45
47
  ref: ref,
46
48
  "aria-label": ariaLabel,
47
- "aria-haspopup": true,
49
+ "aria-haspopup": ariaHasPopup,
50
+ "aria-expanded": ariaExpanded,
48
51
  id: id
49
52
  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
50
53
  type: "settings"
51
54
  }));
52
55
 
53
56
  renderOpen.propTypes = {
57
+ "aria-expanded": _propTypes.default.bool.isRequired,
58
+ "aria-haspopup": _propTypes.default.oneOf(["dialog"]).isRequired,
54
59
  "aria-label": _propTypes.default.string,
55
60
  "data-element": _propTypes.default.string.isRequired,
56
61
  "id": _propTypes.default.string,
@@ -143,6 +148,8 @@ const PopoverContainer = ({
143
148
 
144
149
  const renderOpenComponentProps = {
145
150
  tabIndex: isOpen ? -1 : 0,
151
+ "aria-expanded": isOpen,
152
+ "aria-haspopup": "dialog",
146
153
  isOpen,
147
154
  "data-element": "popover-container-open-component",
148
155
  onClick: handleOpenButtonClick,
@@ -166,8 +173,6 @@ const PopoverContainer = ({
166
173
  const handleClick = (0, _useClickAwayListener.default)(handleClickAway, "mousedown");
167
174
  return /*#__PURE__*/_react.default.createElement(_popoverContainer.PopoverContainerWrapperStyle, {
168
175
  "data-component": "popover-container",
169
- role: "region",
170
- "aria-labelledby": popoverContainerId,
171
176
  onMouseDown: handleClick
172
177
  }, renderOpenComponent(renderOpenComponentProps), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
173
178
  in: isOpen,
package/lib/components/portal/portal.d.ts CHANGED
@@ -1,14 +1,17 @@
1
- import * as React from "react";
2
-
3
- export interface PortalProps {
4
- /** The content of the portal. */
5
- children?: React.ReactNode;
6
- className?: string;
7
- id?: string;
8
- /** Callback function triggered when parent element is scrolled or window resized. */
9
- onReposition?: () => void;
1
+ import React from "react";
2
+ interface PortalContextProps {
3
+ renderInRoot?: boolean;
10
4
  }
11
-
12
- declare function Portal(props: PortalProps): JSX.Element;
13
-
5
+ export declare const PortalContext: React.Context<PortalContextProps>;
6
+ interface PortalProps {
7
+ /** The content of the portal. */
8
+ children?: React.ReactNode;
9
+ /** Classname attached to portal container. */
10
+ className?: string;
11
+ /** Id attribute attached to portal container. */
12
+ id?: string;
13
+ /** Callback function triggered when parent element is scrolled or window resized. */
14
+ onReposition?: () => void;
15
+ }
16
+ declare const Portal: ({ children, className, id, onReposition }: PortalProps) => JSX.Element;
14
17
  export default Portal;
package/lib/components/portal/portal.js CHANGED
@@ -7,8 +7,6 @@ exports.default = exports.PortalContext = void 0;
7
7
 
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
 
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
10
  var _reactDom = _interopRequireDefault(require("react-dom"));
13
11
 
14
12
  var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
@@ -50,13 +48,13 @@ const Portal = ({
50
48
  }, [onReposition]);
51
49
  (0, _react.useEffect)(() => {
52
50
  return () => {
53
- portalNode.remove();
51
+ portalNode === null || portalNode === void 0 ? void 0 : portalNode.remove();
54
52
  }; // eslint-disable-next-line react-hooks/exhaustive-deps
55
53
  }, []);
56
54
 
57
55
  const addClassNames = node => {
58
- className.split(" ").forEach(el => {
59
- node.classList.add(el);
56
+ className === null || className === void 0 ? void 0 : className.split(" ").forEach(el => {
57
+ node === null || node === void 0 ? void 0 : node.classList.add(el);
60
58
  });
61
59
  return node;
62
60
  };
@@ -100,14 +98,5 @@ const Portal = ({
100
98
  }, /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, children), getPortalContainer()));
101
99
  };
102
100
 
103
- Portal.propTypes = {
104
- /** The content of the portal. */
105
- children: _propTypes.default.node,
106
- className: _propTypes.default.string,
107
- id: _propTypes.default.string,
108
-
109
- /** Callback function triggered when parent element is scrolled or window resized. */
110
- onReposition: _propTypes.default.func
111
- };
112
101
  var _default = Portal;
113
102
  exports.default = _default;
package/lib/components/select/multi-select/multi-select.component.js CHANGED
@@ -236,7 +236,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
236
236
  wrapText: wrapPillText
237
237
  }, pillProps), title));
238
238
  }); // eslint-disable-next-line react-hooks/exhaustive-deps
239
- }, [children, disabled, readOnly, selectedValue]);
239
+ }, [children, disabled, readOnly, actualValue]);
240
240
  (0, _react.useEffect)(() => {
241
241
  const modeSwitchedMessage = "Input elements should not switch from uncontrolled to controlled (or vice versa). " + "Decide between using a controlled or uncontrolled input element for the lifetime of the component";
242
242
  const onChangeMissingMessage = "onChange prop required when using a controlled input element";
package/lib/components/select/select-list/select-list.component.js CHANGED
@@ -91,6 +91,24 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
91
91
  blockScroll,
92
92
  allowScroll
93
93
  } = (0, _useScrollBlock.default)();
94
+
95
+ const updateListHeight = () => {
96
+ let newHeight = listRef.current.clientHeight;
97
+
98
+ if (listActionButtonRef.current) {
99
+ newHeight += listActionButtonRef.current.parentElement.clientHeight;
100
+ }
101
+
102
+ setListHeight(`${newHeight}px`);
103
+ };
104
+
105
+ const listCallbackRef = (0, _react.useCallback)(element => {
106
+ listRef.current = element;
107
+
108
+ if (element) {
109
+ setTimeout(updateListHeight, 0);
110
+ }
111
+ }, []);
94
112
  (0, _react.useEffect)(() => {
95
113
  blockScroll();
96
114
  return () => {
@@ -255,16 +273,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
255
273
  window.removeEventListener("resize", assignListWidth);
256
274
  };
257
275
  }, [assignListWidth]);
258
- (0, _react.useLayoutEffect)(() => {
259
- let newHeight;
260
- newHeight = listRef.current.clientHeight;
261
-
262
- if (listActionButtonRef.current) {
263
- newHeight += listActionButtonRef.current.parentElement.clientHeight;
264
- }
265
-
266
- setListHeight(`${newHeight}px`);
267
- }, [children]);
276
+ (0, _react.useLayoutEffect)(updateListHeight, [children]);
268
277
  (0, _react.useEffect)(() => {
269
278
  const keyboardEvent = "keydown";
270
279
  const listElement = listRef.current;
@@ -355,7 +364,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
355
364
  "aria-labelledby": labelId,
356
365
  "data-element": "select-list",
357
366
  role: "listbox",
358
- ref: listRef,
367
+ ref: listCallbackRef,
359
368
  tabIndex: "-1",
360
369
  isLoading: isLoading,
361
370
  multiColumn: multiColumn