@carbon/react 1.62.0 → 1.63.0-rc.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.
Files changed (58) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +1066 -1025
  2. package/es/components/Checkbox/Checkbox.js +2 -3
  3. package/es/components/CheckboxGroup/CheckboxGroup.js +2 -3
  4. package/es/components/ComboBox/ComboBox.js +4 -3
  5. package/es/components/DataTable/DataTable.js +1 -1
  6. package/es/components/DataTable/TableSelectRow.js +3 -2
  7. package/es/components/DataTable/TableToolbarSearch.js +3 -4
  8. package/es/components/DatePickerInput/DatePickerInput.js +2 -3
  9. package/es/components/Dropdown/Dropdown.js +8 -12
  10. package/es/components/FluidSearch/FluidSearch.Skeleton.js +40 -0
  11. package/es/components/FluidSearch/FluidSearch.js +96 -0
  12. package/es/components/Menu/Menu.js +1 -0
  13. package/es/components/Modal/Modal.js +2 -3
  14. package/es/components/MultiSelect/FilterableMultiSelect.js +10 -7
  15. package/es/components/MultiSelect/MultiSelect.js +10 -10
  16. package/es/components/Pagination/experimental/PageSelector.js +2 -3
  17. package/es/components/RadioButtonGroup/RadioButtonGroup.js +2 -5
  18. package/es/components/Select/Select.js +3 -6
  19. package/es/components/Tabs/Tabs.js +4 -2
  20. package/es/components/Tag/DismissibleTag.js +2 -3
  21. package/es/components/Tag/OperationalTag.js +2 -3
  22. package/es/components/Tag/SelectableTag.js +2 -3
  23. package/es/components/Tag/Tag.js +3 -5
  24. package/es/components/TextArea/TextArea.js +32 -6
  25. package/es/components/TextInput/ControlledPasswordInput.js +3 -6
  26. package/es/components/TextInput/TextInput.js +29 -2
  27. package/es/index.d.ts +1 -0
  28. package/es/index.js +2 -0
  29. package/es/internal/useAnnouncer.js +8 -3
  30. package/lib/components/Checkbox/Checkbox.js +2 -3
  31. package/lib/components/CheckboxGroup/CheckboxGroup.js +2 -3
  32. package/lib/components/ComboBox/ComboBox.js +4 -3
  33. package/lib/components/DataTable/DataTable.js +1 -1
  34. package/lib/components/DataTable/TableSelectRow.js +2 -1
  35. package/lib/components/DataTable/TableToolbarSearch.js +2 -3
  36. package/lib/components/DatePickerInput/DatePickerInput.js +2 -3
  37. package/lib/components/Dropdown/Dropdown.js +7 -11
  38. package/lib/components/FluidSearch/FluidSearch.Skeleton.js +50 -0
  39. package/lib/components/FluidSearch/FluidSearch.js +106 -0
  40. package/lib/components/Menu/Menu.js +1 -0
  41. package/lib/components/Modal/Modal.js +2 -3
  42. package/lib/components/MultiSelect/FilterableMultiSelect.js +9 -6
  43. package/lib/components/MultiSelect/MultiSelect.js +9 -9
  44. package/lib/components/Pagination/experimental/PageSelector.js +2 -3
  45. package/lib/components/RadioButtonGroup/RadioButtonGroup.js +2 -5
  46. package/lib/components/Select/Select.js +2 -5
  47. package/lib/components/Tabs/Tabs.js +4 -2
  48. package/lib/components/Tag/DismissibleTag.js +2 -3
  49. package/lib/components/Tag/OperationalTag.js +2 -3
  50. package/lib/components/Tag/SelectableTag.js +2 -3
  51. package/lib/components/Tag/Tag.js +3 -5
  52. package/lib/components/TextArea/TextArea.js +32 -6
  53. package/lib/components/TextInput/ControlledPasswordInput.js +2 -5
  54. package/lib/components/TextInput/TextInput.js +28 -1
  55. package/lib/index.d.ts +1 -0
  56. package/lib/index.js +4 -0
  57. package/lib/internal/useAnnouncer.js +8 -3
  58. package/package.json +18 -17
package/lib/internal/useAnnouncer.js CHANGED
@@ -11,10 +11,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
11
11
 
12
12
  function useAnnouncer(textCount, maxCount) {
13
13
  let entityName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'characters';
14
- const lastTen = maxCount - 10;
15
- if (textCount >= lastTen) {
16
- return `${maxCount - textCount} ${entityName} left.`;
14
+ const remaining = maxCount - textCount;
15
+ if (remaining <= 10 && remaining > 0) {
16
+ const entity = remaining === 1 ? entityName.slice(0, -1) : entityName;
17
+ return `${remaining} ${entity} left.`;
17
18
  }
19
+ if (remaining <= 0) {
20
+ return `Maximum ${entityName} reached.`;
21
+ }
22
+ return null;
18
23
  }
19
24
 
20
25
  exports.useAnnouncer = useAnnouncer;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/react",
3
3
  "description": "React components for the Carbon Design System",
4
- "version": "1.62.0",
4
+ "version": "1.63.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "main": "lib/index.js",
7
7
  "module": "es/index.js",
@@ -47,11 +47,11 @@
47
47
  "sass": "^1.33.0"
48
48
  },
49
49
  "dependencies": {
50
- "@babel/runtime": "^7.18.3",
51
- "@carbon/feature-flags": "^0.20.0",
52
- "@carbon/icons-react": "^11.45.0",
53
- "@carbon/layout": "^11.23.0",
54
- "@carbon/styles": "^1.61.0",
50
+ "@babel/runtime": "^7.24.7",
51
+ "@carbon/feature-flags": "^0.21.0-rc.0",
52
+ "@carbon/icons-react": "^11.46.0-rc.0",
53
+ "@carbon/layout": "^11.24.0-rc.0",
54
+ "@carbon/styles": "^1.62.0-rc.0",
55
55
  "@floating-ui/react": "^0.26.0",
56
56
  "@ibm/telemetry-js": "^1.5.0",
57
57
  "classnames": "2.5.1",
@@ -65,22 +65,23 @@
65
65
  "lodash.omit": "^4.5.0",
66
66
  "lodash.throttle": "^4.1.1",
67
67
  "prop-types": "^15.7.2",
68
+ "react-fast-compare": "^3.2.2",
68
69
  "react-is": "^18.2.0",
69
70
  "tabbable": "^6.2.0",
70
71
  "use-resize-observer": "^6.0.0",
71
72
  "window-or-global": "^1.0.1"
72
73
  },
73
74
  "devDependencies": {
74
- "@babel/core": "^7.18.2",
75
- "@babel/plugin-proposal-class-properties": "^7.17.12",
76
- "@babel/plugin-proposal-export-default-from": "^7.17.12",
77
- "@babel/plugin-proposal-export-namespace-from": "^7.17.12",
78
- "@babel/plugin-transform-react-constant-elements": "^7.17.12",
79
- "@babel/preset-env": "^7.22.4",
80
- "@babel/preset-react": "^7.22.3",
81
- "@babel/preset-typescript": "^7.21.5",
75
+ "@babel/core": "^7.24.7",
76
+ "@babel/plugin-proposal-class-properties": "^7.18.6",
77
+ "@babel/plugin-proposal-export-default-from": "^7.24.7",
78
+ "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
79
+ "@babel/plugin-transform-react-constant-elements": "^7.24.7",
80
+ "@babel/preset-env": "^7.24.7",
81
+ "@babel/preset-react": "^7.24.7",
82
+ "@babel/preset-typescript": "^7.24.7",
82
83
  "@carbon/test-utils": "^10.30.0",
83
- "@carbon/themes": "^11.37.0",
84
+ "@carbon/themes": "^11.38.0-rc.0",
84
85
  "@figma/code-connect": "^1.0.2",
85
86
  "@rollup/plugin-babel": "^6.0.0",
86
87
  "@rollup/plugin-commonjs": "^26.0.0",
@@ -99,7 +100,7 @@
99
100
  "autoprefixer": "^10.4.0",
100
101
  "babel-loader": "^9.0.0",
101
102
  "babel-plugin-dev-expression": "^0.2.3",
102
- "babel-preset-carbon": "^0.5.0",
103
+ "babel-preset-carbon": "^0.6.0-rc.0",
103
104
  "browserify-zlib": "^0.2.0",
104
105
  "browserslist-config-carbon": "^11.2.0",
105
106
  "clipboardy": "^2.1.0",
@@ -141,5 +142,5 @@
141
142
  "**/*.scss",
142
143
  "**/*.css"
143
144
  ],
144
- "gitHead": "cc284f3cb6f7c289c95cf56dd602e67e6044a796"
145
+ "gitHead": "326ac312c2b669937ede1c0c68c0e3a6d9c34135"
145
146
  }