rsuite 5.66.0 → 5.68.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 (115) hide show
  1. package/AutoComplete/styles/index.css +0 -1
  2. package/Button/styles/index.css +0 -1
  3. package/Button/styles/index.less +0 -1
  4. package/CHANGELOG.md +34 -0
  5. package/Calendar/styles/index.css +0 -1
  6. package/Cascader/styles/index.css +0 -1
  7. package/CheckPicker/styles/index.css +0 -1
  8. package/CheckTree/styles/index.css +0 -1
  9. package/CheckTreePicker/styles/index.css +0 -1
  10. package/DatePicker/styles/index.css +0 -1
  11. package/DateRangePicker/styles/index.css +0 -1
  12. package/Dropdown/styles/index.css +0 -1
  13. package/IconButton/styles/index.css +0 -1
  14. package/InputGroup/styles/index.css +0 -1
  15. package/InputNumber/styles/index.css +0 -1
  16. package/InputPicker/styles/index.css +0 -1
  17. package/MultiCascadeTree/styles/index.css +0 -1
  18. package/MultiCascader/styles/index.css +0 -1
  19. package/Nav/styles/index.css +68 -1
  20. package/Nav/styles/index.less +37 -0
  21. package/NavItem/package.json +3 -3
  22. package/Navbar/styles/index.css +0 -1
  23. package/Pagination/styles/index.css +0 -1
  24. package/SelectPicker/styles/index.css +0 -1
  25. package/Tabs/styles/index.css +68 -4
  26. package/Tabs/styles/index.less +0 -4
  27. package/TagInput/styles/index.css +0 -1
  28. package/TagPicker/styles/index.css +0 -1
  29. package/Uploader/styles/index.css +0 -1
  30. package/cjs/DateInput/DateInput.js +18 -2
  31. package/cjs/DateInput/hooks/useDateInputState.d.ts +1 -0
  32. package/cjs/DateInput/hooks/useDateInputState.js +10 -9
  33. package/cjs/DateInput/hooks/useKeyboardInputEvent.js +5 -0
  34. package/cjs/DateRangeInput/DateRangeInput.js +24 -2
  35. package/cjs/Form/Form.js +4 -10
  36. package/cjs/Form/FormContext.d.ts +2 -4
  37. package/cjs/Form/hooks/useFormValidate.d.ts +2 -2
  38. package/cjs/Form/hooks/useFormValidate.js +99 -35
  39. package/cjs/FormControl/FormControl.js +6 -22
  40. package/cjs/Nav/AdaptiveNavItem.d.ts +9 -0
  41. package/cjs/Nav/AdaptiveNavItem.js +89 -0
  42. package/cjs/Nav/Nav.d.ts +28 -9
  43. package/cjs/Nav/Nav.js +4 -74
  44. package/cjs/Nav/NavContext.d.ts +2 -2
  45. package/cjs/Nav/NavItem.d.ts +1 -1
  46. package/cjs/Navbar/NavbarItem.d.ts +1 -1
  47. package/cjs/Sidenav/Sidenav.d.ts +3 -3
  48. package/cjs/Stack/Stack.js +6 -1
  49. package/cjs/Tabs/Tabs.d.ts +20 -17
  50. package/cjs/Tabs/Tabs.js +5 -1
  51. package/cjs/Uploader/Uploader.d.ts +2 -2
  52. package/cjs/Uploader/Uploader.js +11 -9
  53. package/cjs/internals/Overlay/OverlayTrigger.d.ts +2 -2
  54. package/cjs/internals/Overlay/OverlayTrigger.js +17 -8
  55. package/cjs/internals/utils/BrowserDetection.js +6 -0
  56. package/cjs/internals/utils/ReactChildren.d.ts +6 -0
  57. package/cjs/internals/utils/ReactChildren.js +1 -0
  58. package/cjs/locales/ca_ES.d.ts +120 -0
  59. package/cjs/locales/ca_ES.js +87 -0
  60. package/cjs/locales/index.d.ts +1 -0
  61. package/cjs/locales/index.js +3 -1
  62. package/dist/rsuite-no-reset-rtl.css +65 -4
  63. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  64. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  65. package/dist/rsuite-no-reset.css +65 -4
  66. package/dist/rsuite-no-reset.min.css +1 -1
  67. package/dist/rsuite-no-reset.min.css.map +1 -1
  68. package/dist/rsuite-rtl.css +65 -4
  69. package/dist/rsuite-rtl.min.css +1 -1
  70. package/dist/rsuite-rtl.min.css.map +1 -1
  71. package/dist/rsuite.css +65 -4
  72. package/dist/rsuite.js +25 -14
  73. package/dist/rsuite.js.map +1 -1
  74. package/dist/rsuite.min.css +1 -1
  75. package/dist/rsuite.min.css.map +1 -1
  76. package/dist/rsuite.min.js +1 -1
  77. package/dist/rsuite.min.js.map +1 -1
  78. package/esm/DateInput/DateInput.js +18 -2
  79. package/esm/DateInput/hooks/useDateInputState.d.ts +1 -0
  80. package/esm/DateInput/hooks/useDateInputState.js +11 -10
  81. package/esm/DateInput/hooks/useKeyboardInputEvent.js +5 -0
  82. package/esm/DateRangeInput/DateRangeInput.js +24 -2
  83. package/esm/Form/Form.js +4 -10
  84. package/esm/Form/FormContext.d.ts +2 -4
  85. package/esm/Form/hooks/useFormValidate.d.ts +2 -2
  86. package/esm/Form/hooks/useFormValidate.js +98 -34
  87. package/esm/FormControl/FormControl.js +6 -22
  88. package/esm/Nav/AdaptiveNavItem.d.ts +9 -0
  89. package/esm/Nav/AdaptiveNavItem.js +83 -0
  90. package/esm/Nav/Nav.d.ts +28 -9
  91. package/esm/Nav/Nav.js +6 -76
  92. package/esm/Nav/NavContext.d.ts +2 -2
  93. package/esm/Nav/NavItem.d.ts +1 -1
  94. package/esm/Navbar/NavbarItem.d.ts +1 -1
  95. package/esm/Sidenav/Sidenav.d.ts +3 -3
  96. package/esm/Stack/Stack.js +6 -1
  97. package/esm/Tabs/Tabs.d.ts +20 -17
  98. package/esm/Tabs/Tabs.js +6 -1
  99. package/esm/Uploader/Uploader.d.ts +2 -2
  100. package/esm/Uploader/Uploader.js +11 -9
  101. package/esm/internals/Overlay/OverlayTrigger.d.ts +2 -2
  102. package/esm/internals/Overlay/OverlayTrigger.js +18 -9
  103. package/esm/internals/utils/BrowserDetection.js +6 -0
  104. package/esm/internals/utils/ReactChildren.d.ts +6 -0
  105. package/esm/internals/utils/ReactChildren.js +1 -1
  106. package/esm/locales/ca_ES.d.ts +120 -0
  107. package/esm/locales/ca_ES.js +82 -0
  108. package/esm/locales/index.d.ts +1 -0
  109. package/esm/locales/index.js +1 -0
  110. package/locales/ca_ES/package.json +7 -0
  111. package/package.json +1 -1
  112. package/styles/color-modes/dark.less +7 -0
  113. package/styles/color-modes/high-contrast.less +7 -0
  114. package/styles/color-modes/light.less +8 -0
  115. package/styles/plugins/palette.js +34 -6
@@ -0,0 +1,82 @@
1
+ 'use client';
2
+ import _extends from "@babel/runtime/helpers/esm/extends";
3
+ import ca from 'date-fns/locale/ca';
4
+ var Calendar = {
5
+ sunday: 'Dg',
6
+ monday: 'Dl',
7
+ tuesday: 'Dt',
8
+ wednesday: 'Dc',
9
+ thursday: 'Dj',
10
+ friday: 'Dv',
11
+ saturday: 'Ds',
12
+ ok: 'Acceptar',
13
+ today: 'Avui',
14
+ yesterday: 'Ahir',
15
+ hours: 'Hores',
16
+ minutes: 'Minuts',
17
+ seconds: 'Segons',
18
+ /**
19
+ * Format of the string is based on Unicode Technical Standard #35:
20
+ * https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table
21
+ **/
22
+ formattedMonthPattern: 'MMM yyyy',
23
+ formattedDayPattern: 'dd MMM yyyy',
24
+ dateLocale: ca
25
+ };
26
+ export default {
27
+ common: {
28
+ loading: 'Carregant...',
29
+ emptyMessage: 'Sense dades',
30
+ remove: 'Eliminar',
31
+ clear: 'Netejar'
32
+ },
33
+ Plaintext: {
34
+ unfilled: 'Sense omplir',
35
+ notSelected: 'No seleccionat',
36
+ notUploaded: 'No pujat'
37
+ },
38
+ Pagination: {
39
+ more: 'Més',
40
+ prev: 'Anterior',
41
+ next: 'Següent',
42
+ first: 'Primer',
43
+ last: 'Últim',
44
+ limit: '{0} / pàgines',
45
+ total: 'Total: {0}',
46
+ skip: 'Anar{0}'
47
+ },
48
+ Calendar: Calendar,
49
+ DatePicker: _extends({}, Calendar),
50
+ DateRangePicker: _extends({}, Calendar, {
51
+ last7Days: 'Últims 7 dies'
52
+ }),
53
+ Picker: {
54
+ noResultsText: "No s'han trobat resultats",
55
+ placeholder: 'Seleccionar',
56
+ searchPlaceholder: 'Cercar',
57
+ checkAll: 'Tots'
58
+ },
59
+ InputPicker: {
60
+ newItem: 'Nou',
61
+ createOption: 'Crear opció "{0}"'
62
+ },
63
+ Uploader: {
64
+ inited: 'Inicial',
65
+ progress: 'Pujant',
66
+ error: 'Error',
67
+ complete: 'Completat',
68
+ emptyFile: 'Buit',
69
+ upload: 'Pujar',
70
+ removeFile: 'Eliminar fitxer'
71
+ },
72
+ CloseButton: {
73
+ closeLabel: 'Tancar'
74
+ },
75
+ Breadcrumb: {
76
+ expandText: 'Mostrar ruta'
77
+ },
78
+ Toggle: {
79
+ on: 'Encendre',
80
+ off: 'Apagar'
81
+ }
82
+ };
@@ -6,6 +6,7 @@ export { default as enGB } from './en_GB';
6
6
  export { default as enUS } from './en_US';
7
7
  export { default as esAR } from './es_AR';
8
8
  export { default as esES } from './es_ES';
9
+ export { default as caES } from './ca_ES';
9
10
  export { default as fiFI } from './fi_FI';
10
11
  export { default as huHU } from './hu_HU';
11
12
  export { default as itIT } from './it_IT';
@@ -6,6 +6,7 @@ export { default as enGB } from "./en_GB.js";
6
6
  export { default as enUS } from "./en_US.js";
7
7
  export { default as esAR } from "./es_AR.js";
8
8
  export { default as esES } from "./es_ES.js";
9
+ export { default as caES } from "./ca_ES.js";
9
10
  export { default as fiFI } from "./fi_FI.js";
10
11
  export { default as huHU } from "./hu_HU.js";
11
12
  export { default as itIT } from "./it_IT.js";
@@ -0,0 +1,7 @@
1
+ {
2
+ "name": "rsuite/locales/ca_ES",
3
+ "private": true,
4
+ "main": "../../cjs/locales/ca_ES.js",
5
+ "module": "../../esm/locales/ca_ES.js",
6
+ "types": "../../esm/locales/ca_ES.d.ts"
7
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rsuite",
3
- "version": "5.66.0",
3
+ "version": "5.68.0",
4
4
  "description": "A suite of react components",
5
5
  "main": "cjs/index.js",
6
6
  "module": "esm/index.js",
@@ -201,6 +201,13 @@
201
201
  --rs-navs-subtle-border: var(--rs-gray-600);
202
202
  --rs-navs-selected: var(--rs-primary-500);
203
203
 
204
+ // Nav Pills
205
+ --rs-navs-pills-bg: var(--rs-gray-700);
206
+ --rs-navs-pills-item-color: var(--rs-text-secondary);
207
+ --rs-navs-pills-item-active-bg: var(--rs-gray-600);
208
+ --rs-navs-pills-item-active-color: var(--rs-gray-0);
209
+ --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
210
+
204
211
  // Navbar
205
212
  --rs-navbar-default-bg: var(--rs-gray-800);
206
213
  --rs-navbar-default-text: var(--rs-gray-200);
@@ -206,6 +206,13 @@
206
206
  --rs-navs-subtle-border: var(--rs-gray-600);
207
207
  --rs-navs-selected: var(--rs-primary-500);
208
208
 
209
+ // Nav Pills
210
+ --rs-navs-pills-bg: var(--rs-gray-700);
211
+ --rs-navs-pills-item-color: var(--rs-text-secondary);
212
+ --rs-navs-pills-item-active-bg: var(--rs-gray-600);
213
+ --rs-navs-pills-item-active-color: var(--rs-primary-500);
214
+ --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
215
+
209
216
  // Navbar
210
217
  --rs-navbar-default-bg: var(--rs-gray-800);
211
218
  --rs-navbar-default-text: var(--rs-gray-50);
@@ -220,6 +220,14 @@
220
220
  --rs-navs-subtle-border: var(--rs-gray-50);
221
221
  --rs-navs-selected: var(--rs-primary-700);
222
222
 
223
+ // Nav Pills
224
+ --rs-navs-pills-bg: var(--rs-gray-100);
225
+ --rs-navs-pills-item-color: var(--rs-text-secondary);
226
+ --rs-navs-pills-item-active-bg: var(--rs-gray-0);
227
+ --rs-navs-pills-item-active-color: var(--rs-gray-900);
228
+ --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
229
+ --rs-navs-pills-item-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
230
+
223
231
  // Navbar
224
232
  --rs-navbar-default-bg: var(--rs-gray-50);
225
233
  --rs-navbar-default-text: var(--rs-gray-800);
@@ -1345,7 +1345,39 @@ function calculateBrightness(originalBrightness, index) {
1345
1345
  );
1346
1346
  }
1347
1347
 
1348
+ function generatePalette(colorStr, name) {
1349
+ const { _r, _g, _b, _a } = tinycolor(colorStr);
1350
+ const color = {
1351
+ rgb: [_r, _g, _b],
1352
+ alpha: _a
1353
+ };
1354
+
1355
+ return COLOR_NUMBER_SET.map((level, index) => {
1356
+ const {
1357
+ rgb: [r, g, b],
1358
+ alpha: a
1359
+ } = color;
1360
+
1361
+ const hsv = tinycolor({ r, g, b, a }).toHsv();
1362
+ const tiny = tinycolor({
1363
+ h: calculateHue(hsv.h, index),
1364
+ s: calculateSaturation(hsv.s, index),
1365
+ v: calculateBrightness(hsv.v, index)
1366
+ });
1367
+
1368
+ return {
1369
+ level,
1370
+ hex: tiny.toHexString(),
1371
+ rgb: tiny.toRgbString(),
1372
+ hls: tiny.toHslString(),
1373
+ cssVar: `--rs-${name}-${level}`
1374
+ };
1375
+ });
1376
+ }
1377
+
1348
1378
  module.exports = {
1379
+ tinycolor,
1380
+ generatePalette,
1349
1381
  install: function (less, pluginManager, functions) {
1350
1382
  /**
1351
1383
  * Calculate color
@@ -1357,12 +1389,8 @@ module.exports = {
1357
1389
  rgb: [r, g, b],
1358
1390
  alpha: a
1359
1391
  } = color;
1360
- const hsv = tinycolor({
1361
- r,
1362
- g,
1363
- b,
1364
- a
1365
- }).toHsv();
1392
+
1393
+ const hsv = tinycolor({ r, g, b, a }).toHsv();
1366
1394
  const index = COLOR_NUMBER_SET.indexOf('' + colorNumber.value);
1367
1395
  if (index === -1 || index === PRIMARY_INDEX) {
1368
1396
  return less.color(color.rgb);