@coreui/react-pro 5.0.0-rc.1 → 5.0.0-rc.3

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 (55) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/components/badge/CBadge.d.ts +7 -0
  3. package/dist/cjs/components/badge/CBadge.js +3 -1
  4. package/dist/cjs/components/badge/CBadge.js.map +1 -1
  5. package/dist/cjs/components/calendar/CCalendar.d.ts +3 -3
  6. package/dist/cjs/components/card/CCard.d.ts +7 -0
  7. package/dist/cjs/components/card/CCard.js +3 -1
  8. package/dist/cjs/components/card/CCard.js.map +1 -1
  9. package/dist/cjs/components/date-range-picker/CDateRangePicker.d.ts +3 -3
  10. package/dist/cjs/components/dropdown/CDropdownToggle.d.ts +1 -1
  11. package/dist/cjs/components/nav/CNavGroup.d.ts +1 -1
  12. package/dist/cjs/components/nav/CNavGroupItems.d.ts +1 -1
  13. package/dist/cjs/components/nav/CNavItem.d.ts +1 -1
  14. package/dist/cjs/components/sidebar/CSidebarBrand.d.ts +1 -1
  15. package/dist/cjs/components/sidebar/CSidebarNav.d.ts +1 -1
  16. package/dist/cjs/components/time-picker/CTimePicker.d.ts +20 -2
  17. package/dist/cjs/components/time-picker/CTimePicker.js +30 -22
  18. package/dist/cjs/components/time-picker/CTimePicker.js.map +1 -1
  19. package/dist/cjs/components/time-picker/utils.d.ts +67 -10
  20. package/dist/cjs/components/time-picker/utils.js +114 -27
  21. package/dist/cjs/components/time-picker/utils.js.map +1 -1
  22. package/dist/esm/components/badge/CBadge.d.ts +7 -0
  23. package/dist/esm/components/badge/CBadge.js +3 -1
  24. package/dist/esm/components/badge/CBadge.js.map +1 -1
  25. package/dist/esm/components/calendar/CCalendar.d.ts +3 -3
  26. package/dist/esm/components/card/CCard.d.ts +7 -0
  27. package/dist/esm/components/card/CCard.js +3 -1
  28. package/dist/esm/components/card/CCard.js.map +1 -1
  29. package/dist/esm/components/date-range-picker/CDateRangePicker.d.ts +3 -3
  30. package/dist/esm/components/dropdown/CDropdownToggle.d.ts +1 -1
  31. package/dist/esm/components/nav/CNavGroup.d.ts +1 -1
  32. package/dist/esm/components/nav/CNavGroupItems.d.ts +1 -1
  33. package/dist/esm/components/nav/CNavItem.d.ts +1 -1
  34. package/dist/esm/components/sidebar/CSidebarBrand.d.ts +1 -1
  35. package/dist/esm/components/sidebar/CSidebarNav.d.ts +1 -1
  36. package/dist/esm/components/time-picker/CTimePicker.d.ts +20 -2
  37. package/dist/esm/components/time-picker/CTimePicker.js +31 -23
  38. package/dist/esm/components/time-picker/CTimePicker.js.map +1 -1
  39. package/dist/esm/components/time-picker/utils.d.ts +67 -10
  40. package/dist/esm/components/time-picker/utils.js +114 -28
  41. package/dist/esm/components/time-picker/utils.js.map +1 -1
  42. package/package.json +12 -12
  43. package/src/components/badge/CBadge.tsx +10 -0
  44. package/src/components/calendar/CCalendar.tsx +3 -3
  45. package/src/components/card/CCard.tsx +10 -1
  46. package/src/components/date-range-picker/CDateRangePicker.tsx +3 -3
  47. package/src/components/dropdown/CDropdownToggle.tsx +1 -1
  48. package/src/components/nav/CNavGroup.tsx +1 -1
  49. package/src/components/nav/CNavGroupItems.tsx +1 -1
  50. package/src/components/nav/CNavItem.tsx +1 -1
  51. package/src/components/sidebar/CSidebarBrand.tsx +1 -1
  52. package/src/components/sidebar/CSidebarNav.tsx +1 -1
  53. package/src/components/time-picker/CTimePicker.tsx +73 -30
  54. package/src/components/time-picker/utils.ts +128 -68
  55. package/src/hooks/useDebouncedCallback.ts +1 -1
@@ -1,5 +1,11 @@
1
1
  'use strict';
2
2
 
3
+ /**
4
+ * Converts a 12-hour time format to a 24-hour time format.
5
+ * @param {('am' | 'pm')} abbr The abbreviation indicating AM or PM.
6
+ * @param {number} hour The hour to be converted.
7
+ * @returns {number} The hour in 24-hour format.
8
+ */
3
9
  var convert12hTo24h = function (abbr, hour) {
4
10
  if (abbr === 'am' && hour === 12) {
5
11
  return 0;
@@ -12,14 +18,26 @@ var convert12hTo24h = function (abbr, hour) {
12
18
  }
13
19
  return hour + 12;
14
20
  };
21
+ /**
22
+ * Converts a 24-hour time format to a 12-hour format.
23
+ * @param {number} hour The hour to be converted.
24
+ * @returns {number} The hour in 12-hour format.
25
+ */
15
26
  var convert24hTo12h = function (hour) { return hour % 12 || 12; };
27
+ /**
28
+ * Converts a time input into a Date object.
29
+ * @param {Date | string | null | undefined} time The time input to be converted.
30
+ * @returns {Date | null} The converted Date object or null if the input is falsy.
31
+ */
16
32
  var convertTimeToDate = function (time) {
17
- return time
18
- ? time instanceof Date
19
- ? time
20
- : new Date("1970-01-01 ".concat(time))
21
- : null;
33
+ return time ? (time instanceof Date ? time : new Date("1970-01-01 ".concat(time))) : null;
22
34
  };
35
+ /**
36
+ * Retrieves the AM/PM part of the specified date according to the given locale.
37
+ * @param {Date} date The date from which to extract the AM/PM part.
38
+ * @param {string} locale The locale to use for formatting.
39
+ * @returns {string} 'am' or 'pm' based on the given date and locale.
40
+ */
23
41
  var getAmPm = function (date, locale) {
24
42
  if (date.toLocaleTimeString(locale).includes('AM')) {
25
43
  return 'am';
@@ -29,48 +47,116 @@ var getAmPm = function (date, locale) {
29
47
  }
30
48
  return date.getHours() >= 12 ? 'pm' : 'am';
31
49
  };
32
- var getLocalizedTimePartials = function (locale, ampm) {
33
- if (ampm === void 0) { ampm = 'auto'; }
50
+ /**
51
+ * Formats an array of time values (hours, minutes, or seconds) according to the specified locale and partial.
52
+ * @param {number[]} values An array of time values to format.
53
+ * @param {string} locale The locale to use for formatting.
54
+ * @param {('hour' | 'minute' | 'second')} partial The type of time value to format.
55
+ * @returns {Array} An array of objects with the original value and its localized label.
56
+ */
57
+ var formatTimePartials = function (values, locale, partial) {
34
58
  var date = new Date();
35
- var hour12 = ['am', 'AM', 'pm', 'PM'].some(function (el) { return date.toLocaleString(locale).includes(el); });
36
- var listOfHours = Array.from({ length: (ampm === 'auto' && hour12) || ampm === true ? 12 : 24 }, function (_, i) {
37
- return {
38
- value: (ampm === 'auto' && hour12) || ampm === true ? i + 1 : i,
39
- label: ((ampm === 'auto' && hour12) || ampm === true ? i + 1 : i).toLocaleString(locale),
40
- };
59
+ var formatter = new Intl.DateTimeFormat(locale, {
60
+ hour: 'numeric',
61
+ minute: '2-digit',
62
+ second: '2-digit',
41
63
  });
42
- var listOfMinutesSeconds = Array.from({ length: 60 }, function (_, i) {
43
- date.setMinutes(i);
64
+ return values.map(function (value) {
65
+ var _a;
66
+ if (partial === 'hour') {
67
+ date.setHours(value);
68
+ }
69
+ if (partial === 'minute') {
70
+ date.setMinutes(value);
71
+ }
72
+ if (partial === 'second') {
73
+ date.setSeconds(value);
74
+ }
44
75
  return {
45
- value: i,
46
- label: date
47
- .toLocaleTimeString(locale, {
48
- minute: '2-digit',
49
- second: '2-digit',
50
- })
51
- .split(/[^A-Za-z0-9\u06F0-\u06F90-9]/)[0],
76
+ value: value,
77
+ label: ((_a = formatter.formatToParts(date).find(function (part) { return part.type === partial; })) === null || _a === void 0 ? void 0 : _a.value) || '',
52
78
  };
53
79
  });
80
+ };
81
+ /**
82
+ * Generates localized time partials (hours, minutes, seconds) based on the given parameters.
83
+ * @param {string} locale The locale to use for generating localized time partials.
84
+ * @param {'auto' | boolean} ampm Determines whether to use 12-hour or 24-hour format. 'auto' decides based on locale.
85
+ * @param {boolean | number[] | Function} hours An array of hours, a boolean, or a function to generate hours.
86
+ * @param {boolean | number[] | Function} minutes An array of minutes, a boolean, or a function to generate minutes.
87
+ * @param {boolean | number[] | Function} seconds An array of seconds, a boolean, or a function to generate seconds.
88
+ * @returns {LocalizedTimePartials} An object containing arrays of localized time partials and a boolean indicating if 12-hour format is used.
89
+ */
90
+ var getLocalizedTimePartials = function (locale, ampm, hours, minutes, seconds) {
91
+ if (ampm === void 0) { ampm = 'auto'; }
92
+ if (hours === void 0) { hours = []; }
93
+ if (minutes === void 0) { minutes = []; }
94
+ if (seconds === void 0) { seconds = []; }
95
+ var hour12 = (ampm === 'auto' && isAmPm(locale)) || ampm === true;
96
+ var listOfHours = Array.isArray(hours) && hours.length > 0
97
+ ? hours
98
+ : (typeof hours === 'function'
99
+ ? Array.from({ length: hour12 ? 12 : 24 }, function (_, i) { return (hour12 ? i + 1 : i); }).filter(function (hour) {
100
+ return hours(hour);
101
+ })
102
+ : Array.from({ length: hour12 ? 12 : 24 }, function (_, i) { return (hour12 ? i + 1 : i); }));
103
+ var listOfMinutes = Array.isArray(minutes) && minutes.length > 0
104
+ ? minutes
105
+ : (typeof minutes === 'function'
106
+ ? Array.from({ length: 60 }, function (_, i) { return i; }).filter(function (minute) { return minutes(minute); })
107
+ : Array.from({ length: 60 }, function (_, i) { return i; }));
108
+ var listOfSeconds = Array.isArray(seconds) && seconds.length > 0
109
+ ? seconds
110
+ : (typeof seconds === 'function'
111
+ ? Array.from({ length: 60 }, function (_, i) { return i; }).filter(function (second) { return seconds(second); })
112
+ : Array.from({ length: 60 }, function (_, i) { return i; }));
54
113
  return {
55
- listOfHours: listOfHours,
56
- listOfMinutes: listOfMinutesSeconds,
57
- listOfSeconds: listOfMinutesSeconds,
114
+ listOfHours: formatTimePartials(listOfHours, locale, 'hour'),
115
+ listOfMinutes: formatTimePartials(listOfMinutes, locale, 'minute'),
116
+ listOfSeconds: formatTimePartials(listOfSeconds, locale, 'second'),
58
117
  hour12: hour12,
59
118
  };
60
119
  };
120
+ /**
121
+ * Gets the selected hour from a date object in either 12-hour or 24-hour format based on locale and preference.
122
+ * @param {Date | null} date The date object from which to extract the hour. If null, the function returns an empty string.
123
+ * @param {string} locale The locale to use when determining whether to return in 12-hour or 24-hour format.
124
+ * @param {'auto' | boolean} ampm Determines the format of the hour returned. 'auto' decides based on locale, true forces 12-hour format, and false forces 24-hour format.
125
+ * @returns {string | number} The hour in the specified format or an empty string if the date is null.
126
+ */
61
127
  var getSelectedHour = function (date, locale, ampm) {
62
128
  if (ampm === void 0) { ampm = 'auto'; }
63
129
  return date
64
- ? (ampm === 'auto' && isAmPm(locale)) || ampm === true
130
+ ? ((ampm === 'auto' && isAmPm(locale)) || ampm === true
65
131
  ? convert24hTo12h(date.getHours())
66
- : date.getHours()
132
+ : date.getHours())
67
133
  : '';
68
134
  };
135
+ /**
136
+ * Gets the selected minutes from a date object.
137
+ * @param {Date | null} date The date object from which to extract the minutes. If null, the function returns an empty string.
138
+ * @returns {string | number} The minutes from the date or an empty string if the date is null.
139
+ */
69
140
  var getSelectedMinutes = function (date) { return (date ? date.getMinutes() : ''); };
141
+ /**
142
+ * Gets the selected seconds from a date object.
143
+ * @param {Date | null} date The date object from which to extract the seconds. If null, the function returns an empty string.
144
+ * @returns {string | number} The seconds from the date or an empty string if the date is null.
145
+ */
70
146
  var getSelectedSeconds = function (date) { return (date ? date.getSeconds() : ''); };
147
+ /**
148
+ * Determines if the given locale uses AM/PM format.
149
+ * @param {string} locale The locale to check.
150
+ * @returns {boolean} True if the locale uses AM/PM format, otherwise false.
151
+ */
71
152
  var isAmPm = function (locale) {
72
153
  return ['am', 'AM', 'pm', 'PM'].some(function (el) { return new Date().toLocaleString(locale).includes(el); });
73
154
  };
155
+ /**
156
+ * Validates if the given string represents a valid time.
157
+ * @param {string} time The time string to validate.
158
+ * @returns {boolean} True if the string is a valid time, otherwise false.
159
+ */
74
160
  var isValidTime = function (time) {
75
161
  var d = new Date("1970-01-01 ".concat(time));
76
162
  return d instanceof Date && d.getTime();
@@ -79,6 +165,7 @@ var isValidTime = function (time) {
79
165
  exports.convert12hTo24h = convert12hTo24h;
80
166
  exports.convert24hTo12h = convert24hTo12h;
81
167
  exports.convertTimeToDate = convertTimeToDate;
168
+ exports.formatTimePartials = formatTimePartials;
82
169
  exports.getAmPm = getAmPm;
83
170
  exports.getLocalizedTimePartials = getLocalizedTimePartials;
84
171
  exports.getSelectedHour = getSelectedHour;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../src/components/time-picker/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"utils.js","sources":["../../../../src/components/time-picker/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;;;;;AAKG;AACU,IAAA,eAAe,GAAG,UAAC,IAAiB,EAAE,IAAY,EAAA;IAC7D,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;AAChC,QAAA,OAAO,CAAC,CAAA;KACT;AAED,IAAA,IAAI,IAAI,KAAK,IAAI,EAAE;AACjB,QAAA,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE,EAAE;AAChC,QAAA,OAAO,EAAE,CAAA;KACV;IAED,OAAO,IAAI,GAAG,EAAE,CAAA;AAClB,EAAC;AAED;;;;AAIG;AACI,IAAM,eAAe,GAAG,UAAC,IAAY,EAAA,EAAK,OAAA,IAAI,GAAG,EAAE,IAAI,EAAE,CAAA,GAAA;AAEhE;;;;AAIG;AACI,IAAM,iBAAiB,GAAG,UAAC,IAAsC,EAAA;IACtE,OAAA,IAAI,IAAI,IAAI,YAAY,IAAI,GAAG,IAAI,GAAG,IAAI,IAAI,CAAC,aAAc,CAAA,MAAA,CAAA,IAAI,CAAE,CAAC,IAAI,IAAI,CAAA;AAA5E,EAA4E;AAE9E;;;;;AAKG;AACU,IAAA,OAAO,GAAG,UAAC,IAAU,EAAE,MAAc,EAAA;AAChD,IAAA,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAClD,QAAA,OAAO,IAAI,CAAA;KACZ;AAED,IAAA,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAClD,QAAA,OAAO,IAAI,CAAA;KACZ;AAED,IAAA,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,CAAA;AAC5C,EAAC;AAED;;;;;;AAMG;IACU,kBAAkB,GAAG,UAChC,MAAgB,EAChB,MAAc,EACd,OAAqC,EAAA;AAErC,IAAA,IAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAA;IAEvB,IAAM,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE;AAChD,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA,CAAC,CAAA;AAEF,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA;;AACtB,QAAA,IAAI,OAAO,KAAK,MAAM,EAAE;AACtB,YAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;SACrB;AAED,QAAA,IAAI,OAAO,KAAK,QAAQ,EAAE;AACxB,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;SACvB;AAED,QAAA,IAAI,OAAO,KAAK,QAAQ,EAAE;AACxB,YAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;SACvB;QAED,OAAO;AACL,YAAA,KAAK,EAAA,KAAA;YACL,KAAK,EAAE,CAAA,CAAA,EAAA,GAAA,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,UAAC,IAAI,EAAA,EAAK,OAAA,IAAI,CAAC,IAAI,KAAK,OAAO,CAArB,EAAqB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,KAAI,EAAE;SACxF,CAAA;AACH,KAAC,CAAC,CAAA;AACJ,EAAC;AAED;;;;;;;;AAQG;AACI,IAAM,wBAAwB,GAAG,UACtC,MAAc,EACd,IAA+B,EAC/B,KAA6D,EAC7D,OAAiE,EACjE,OAAiE,EAAA;AAHjE,IAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,EAAA,IAA+B,GAAA,MAAA,CAAA,EAAA;AAC/B,IAAA,IAAA,KAAA,KAAA,KAAA,CAAA,EAAA,EAAA,KAA6D,GAAA,EAAA,CAAA,EAAA;AAC7D,IAAA,IAAA,OAAA,KAAA,KAAA,CAAA,EAAA,EAAA,OAAiE,GAAA,EAAA,CAAA,EAAA;AACjE,IAAA,IAAA,OAAA,KAAA,KAAA,CAAA,EAAA,EAAA,OAAiE,GAAA,EAAA,CAAA,EAAA;AAEjE,IAAA,IAAM,MAAM,GAAG,CAAC,IAAI,KAAK,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,IAAI,CAAA;AAEnE,IAAA,IAAM,WAAW,GACf,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;AACtC,UAAE,KAAK;AACP,WAAG,OAAO,KAAK,KAAK,UAAU;cAC1B,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,EAAK,EAAA,QAAC,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAnB,EAAoB,CAAC,CAAC,MAAM,CAAC,UAAC,IAAI,EAAA;gBACnF,OAAA,KAAK,CAAC,IAAI,CAAC,CAAA;AAAX,aAAW,CACZ;AACH,cAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,IAAK,QAAC,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,IAAC,CAAC,CAAC,CAAA;AAEjF,IAAA,IAAM,aAAa,GACjB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;AAC1C,UAAE,OAAO;AACT,WAAG,OAAO,OAAO,KAAK,UAAU;AAC9B,cAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,EAAK,EAAA,OAAA,CAAC,CAAA,EAAA,CAAC,CAAC,MAAM,CAAC,UAAC,MAAM,EAAK,EAAA,OAAA,OAAO,CAAC,MAAM,CAAC,CAAA,EAAA,CAAC;cAC3E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,EAAK,EAAA,OAAA,CAAC,CAAD,EAAC,CAAC,CAAC,CAAA;AAEhD,IAAA,IAAM,aAAa,GACjB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;AAC1C,UAAE,OAAO;AACT,WAAG,OAAO,OAAO,KAAK,UAAU;AAC9B,cAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,EAAK,EAAA,OAAA,CAAC,CAAA,EAAA,CAAC,CAAC,MAAM,CAAC,UAAC,MAAM,EAAK,EAAA,OAAA,OAAO,CAAC,MAAM,CAAC,CAAA,EAAA,CAAC;cAC3E,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,EAAK,EAAA,OAAA,CAAC,CAAD,EAAC,CAAC,CAAC,CAAA;IAEhD,OAAO;QACL,WAAW,EAAE,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC;QAC5D,aAAa,EAAE,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ,CAAC;QAClE,aAAa,EAAE,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ,CAAC;AAClE,QAAA,MAAM,EAAA,MAAA;KACP,CAAA;AACH,EAAC;AAED;;;;;;AAMG;IACU,eAAe,GAAG,UAC7B,IAAiB,EACjB,MAAc,EACd,IAA+B,EAAA;AAA/B,IAAA,IAAA,IAAA,KAAA,KAAA,CAAA,EAAA,EAAA,IAA+B,GAAA,MAAA,CAAA,EAAA;AAE/B,IAAA,OAAA,IAAI;AACF,WAAG,CAAC,IAAI,KAAK,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,IAAI;AACrD,cAAE,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;AAClC,cAAE,IAAI,CAAC,QAAQ,EAAE;AACnB,UAAE,EAAE,CAAA;AAJN,EAIM;AAER;;;;AAIG;AACU,IAAA,kBAAkB,GAAG,UAAC,IAAiB,EAAK,EAAA,QAAC,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,EAA9B,GAA+B;AAExF;;;;AAIG;AACU,IAAA,kBAAkB,GAAG,UAAC,IAAiB,EAAK,EAAA,QAAC,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,EAA9B,GAA+B;AAExF;;;;AAIG;AACI,IAAM,MAAM,GAAG,UAAC,MAAc,EAAA;AACnC,IAAA,OAAA,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,UAAC,EAAE,EAAA,EAAK,OAAA,IAAI,IAAI,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA,EAAA,CAAC,CAAA;AAArF,EAAqF;AAEvF;;;;AAIG;AACI,IAAM,WAAW,GAAG,UAAC,IAAY,EAAA;IACtC,IAAM,CAAC,GAAG,IAAI,IAAI,CAAC,aAAc,CAAA,MAAA,CAAA,IAAI,CAAE,CAAC,CAAA;IACxC,OAAO,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC,OAAO,EAAE,CAAA;AACzC;;;;;;;;;;;;;;"}
@@ -30,6 +30,13 @@ export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanEle
30
30
  * Size the component small.
31
31
  */
32
32
  size?: 'sm';
33
+ /**
34
+ * Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
35
+ *
36
+ * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
37
+ * @since 5.0.0-rc.3
38
+ */
39
+ textBgColor?: Colors;
33
40
  /**
34
41
  * Sets the text color of the component to one of CoreUI’s themed colors.
35
42
  *
@@ -6,7 +6,7 @@ import { colorPropType, gradientsPropType, shapePropType, textColorsPropType } f
6
6
 
7
7
  var CBadge = forwardRef(function (_a, ref) {
8
8
  var _b;
9
- var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'span' : _c, className = _a.className, color = _a.color, position = _a.position, shape = _a.shape, size = _a.size, textColor = _a.textColor, rest = __rest(_a, ["children", "as", "className", "color", "position", "shape", "size", "textColor"]);
9
+ var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'span' : _c, className = _a.className, color = _a.color, position = _a.position, shape = _a.shape, size = _a.size, textBgColor = _a.textBgColor, textColor = _a.textColor, rest = __rest(_a, ["children", "as", "className", "color", "position", "shape", "size", "textBgColor", "textColor"]);
10
10
  return (React.createElement(Component, __assign({ className: classNames('badge', (_b = {},
11
11
  _b["bg-".concat(color)] = color,
12
12
  _b['position-absolute translate-middle'] = position,
@@ -16,6 +16,7 @@ var CBadge = forwardRef(function (_a, ref) {
16
16
  _b['start-0'] = position === null || position === void 0 ? void 0 : position.includes('start'),
17
17
  _b["badge-".concat(size)] = size,
18
18
  _b["text-".concat(textColor)] = textColor,
19
+ _b["text-bg-".concat(textBgColor)] = textBgColor,
19
20
  _b), shape, className) }, rest, { ref: ref }), children));
20
21
  });
21
22
  CBadge.propTypes = {
@@ -26,6 +27,7 @@ CBadge.propTypes = {
26
27
  position: PropTypes.oneOf(['top-start', 'top-end', 'bottom-end', 'bottom-start']),
27
28
  shape: shapePropType,
28
29
  size: PropTypes.oneOf(['sm']),
30
+ textBgColor: colorPropType,
29
31
  textColor: textColorsPropType,
30
32
  };
31
33
  CBadge.displayName = 'CBadge';
@@ -1 +1 @@
1
- {"version":3,"file":"CBadge.js","sources":["../../../../src/components/badge/CBadge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IA4Ca,MAAM,GAA2D,UAAU,CAItF,UACE,EAUC,EACD,GAAG,EAAA;;AAVD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,EAAsB,EAAlB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EACtB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACN,IAAI,GAAA,MAAA,CAAA,EAAA,EATT,kFAUC,CADQ,CAAA;IAIT,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,UAAU,CACnB,OAAO,GAAA,EAAA,GAAA,EAAA;AAEL,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAA,oCAAA,CAAoC,GAAE,QAAQ;YAC9C,EAAO,CAAA,OAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YAClC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,QAAQ,CAAC;YACvC,EAAW,CAAA,WAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YACtC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,OAAO,CAAC;AACtC,YAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AACvB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;AAElC,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,MAAM,CAAC,SAAS,GAAG;IACjB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;AAC9D,IAAA,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;AACjF,IAAA,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAA,SAAS,EAAE,kBAAkB;CAC9B,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
1
+ {"version":3,"file":"CBadge.js","sources":["../../../../src/components/badge/CBadge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAmDa,MAAM,GAA2D,UAAU,CAItF,UACE,EAWC,EACD,GAAG,EAAA;;AAXD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,EAAsB,EAAlB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EACtB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,WAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,UAAA,EACJ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACN,IAAI,GAAA,MAAA,CAAA,EAAA,EAVT,iGAWC,CADQ,CAAA;IAIT,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,UAAU,CACnB,OAAO,GAAA,EAAA,GAAA,EAAA;AAEL,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAA,oCAAA,CAAoC,GAAE,QAAQ;YAC9C,EAAO,CAAA,OAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YAClC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,QAAQ,CAAC;YACvC,EAAW,CAAA,WAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,KAAK,CAAC;YACtC,EAAS,CAAA,SAAA,CAAA,GAAE,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,QAAQ,CAAC,OAAO,CAAC;AACtC,YAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AACvB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;AAChC,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,WAAW,CAAE,CAAA,GAAG,WAAW;AAEzC,YAAA,EAAA,GAAA,KAAK,EACL,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,MAAM,CAAC,SAAS,GAAG;IACjB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;AAC9D,IAAA,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;AACjF,IAAA,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,SAAS,EAAE,kBAAkB;CAC9B,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
@@ -99,7 +99,7 @@ export interface CCalendarProps {
99
99
  /**
100
100
  * Set whether to display week numbers in the calendar.
101
101
  *
102
- * @since 5.0.0-rc.1
102
+ * @since 5.0.0-rc.3
103
103
  */
104
104
  showWeekNumber?: boolean;
105
105
  /**
@@ -109,7 +109,7 @@ export interface CCalendarProps {
109
109
  /**
110
110
  * Specify the type of date selection as day, week, month, or year.
111
111
  *
112
- * @since 5.0.0-rc.1
112
+ * @since 5.0.0-rc.3
113
113
  */
114
114
  selectionType?: 'day' | 'week' | 'month' | 'year';
115
115
  /**
@@ -125,7 +125,7 @@ export interface CCalendarProps {
125
125
  /**
126
126
  * Label displayed over week numbers in the calendar.
127
127
  *
128
- * @since 5.0.0-rc.1
128
+ * @since 5.0.0-rc.3
129
129
  */
130
130
  weekNumbersLabel?: string;
131
131
  /**
@@ -17,5 +17,12 @@ export interface CCardProps extends HTMLAttributes<HTMLDivElement> {
17
17
  * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-emphasis' | 'secondary-emphasis' | 'success-emphasis' | 'danger-emphasis' | 'warning-emphasis' | 'info-emphasis' | 'light-emphasis' | 'body' | 'body-emphasis' | 'body-secondary' | 'body-tertiary' | 'black' | 'black-50' | 'white' | 'white-50' | string
18
18
  */
19
19
  textColor?: string;
20
+ /**
21
+ * Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
22
+ *
23
+ * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
24
+ * @since 5.0.0-rc.3
25
+ */
26
+ textBgColor?: Colors;
20
27
  }
21
28
  export declare const CCard: React.ForwardRefExoticComponent<CCardProps & React.RefAttributes<HTMLDivElement>>;
@@ -6,16 +6,18 @@ import { colorPropType, gradientsPropType } from '../../props.js';
6
6
 
7
7
  var CCard = forwardRef(function (_a, ref) {
8
8
  var _b;
9
- var children = _a.children, className = _a.className, color = _a.color, textColor = _a.textColor, rest = __rest(_a, ["children", "className", "color", "textColor"]);
9
+ var children = _a.children, className = _a.className, color = _a.color, textBgColor = _a.textBgColor, textColor = _a.textColor, rest = __rest(_a, ["children", "className", "color", "textBgColor", "textColor"]);
10
10
  return (React.createElement("div", __assign({ className: classNames('card', (_b = {},
11
11
  _b["bg-".concat(color)] = color,
12
12
  _b["text-".concat(textColor)] = textColor,
13
+ _b["text-bg-".concat(textBgColor)] = textBgColor,
13
14
  _b), className) }, rest, { ref: ref }), children));
14
15
  });
15
16
  CCard.propTypes = {
16
17
  children: PropTypes.node,
17
18
  className: PropTypes.string,
18
19
  color: PropTypes.oneOfType([colorPropType, gradientsPropType]),
20
+ textBgColor: colorPropType,
19
21
  textColor: PropTypes.string,
20
22
  };
21
23
  CCard.displayName = 'CCard';
@@ -1 +1 @@
1
- {"version":3,"file":"CCard.js","sources":["../../../../src/components/card/CCard.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IA0Ba,KAAK,GAAG,UAAU,CAC7B,UAAC,EAAkD,EAAE,GAAG,EAAA;;AAArD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,eAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAhD,+CAAkD,CAAF,CAAA;AAC/C,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,MAAM,GAAA,EAAA,GAAA,EAAA;AAEJ,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;iBAElC,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,KAAK,CAAC,SAAS,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;IAC9D,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
1
+ {"version":3,"file":"CCard.js","sources":["../../../../src/components/card/CCard.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAiCa,KAAK,GAAG,UAAU,CAC7B,UAAC,EAA+D,EAAE,GAAG,EAAA;;AAAlE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA7D,8DAA+D,CAAF,CAAA;AAC5D,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,MAAM,GAAA,EAAA,GAAA,EAAA;AAEJ,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;AAChC,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,WAAW,CAAE,CAAA,GAAG,WAAW;iBAEzC,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,KAAK,CAAC,SAAS,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;AAC9D,IAAA,WAAW,EAAE,aAAa;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
@@ -85,19 +85,19 @@ export interface CDateRangePickerProps extends Omit<CFormControlWrapperProps, 'f
85
85
  /**
86
86
  * Custom function to format the selected date into a string according to a custom format.
87
87
  *
88
- * @since v5.0.0-rc.1
88
+ * @since v5.0.0-rc.3
89
89
  */
90
90
  inputDateFormat?: (date: Date) => string;
91
91
  /**
92
92
  * Custom function to parse the input value into a valid Date object.
93
93
  *
94
- * @since v5.0.0-rc.1
94
+ * @since v5.0.0-rc.3
95
95
  */
96
96
  inputDateParse?: (date: string | Date) => Date;
97
97
  /**
98
98
  * Defines the delay (in milliseconds) for the input field's onChange event.
99
99
  *
100
- * @since v5.0.0-rc.1
100
+ * @since v5.0.0-rc.3
101
101
  */
102
102
  inputOnChangeDelay?: number;
103
103
  /**
@@ -13,7 +13,7 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
13
13
  /**
14
14
  * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
15
15
  *
16
- * @since v5.0.0-rc.1
16
+ * @since v5.0.0-rc.3
17
17
  */
18
18
  navLink?: boolean;
19
19
  /**
@@ -4,7 +4,7 @@ export interface CNavGroupProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
4
4
  /**
5
5
  * Component used for the root node. Either a string to use a HTML element or a component.
6
6
  *
7
- * @since 5.0.0-rc.1
7
+ * @since 5.0.0-rc.3
8
8
  */
9
9
  as?: ElementType;
10
10
  /**
@@ -4,7 +4,7 @@ export interface CNavGroupItemsProps extends HTMLAttributes<HTMLDivElement | HTM
4
4
  /**
5
5
  * Component used for the root node. Either a string to use a HTML element or a component.
6
6
  *
7
- * @since 5.0.0-rc.1
7
+ * @since 5.0.0-rc.3
8
8
  */
9
9
  as?: ElementType;
10
10
  /**
@@ -5,7 +5,7 @@ export interface CNavItemProps extends Omit<CNavLinkProps, 'component'> {
5
5
  /**
6
6
  * Component used for the root node. Either a string to use a HTML element or a component.
7
7
  *
8
- * @since 5.0.0-rc.1
8
+ * @since 5.0.0-rc.3
9
9
  */
10
10
  as?: ElementType;
11
11
  }
@@ -4,7 +4,7 @@ export interface CSidebarBrandProps extends HTMLAttributes<HTMLAnchorElement | H
4
4
  /**
5
5
  * Component used for the root node. Either a string to use a HTML element or a component.
6
6
  *
7
- * @since 5.0.0-rc.1
7
+ * @since 5.0.0-rc.3
8
8
  */
9
9
  as?: ElementType;
10
10
  /**
@@ -4,7 +4,7 @@ export interface CSidebarNavProps extends HTMLAttributes<HTMLUListElement> {
4
4
  /**
5
5
  * Component used for the root node. Either a string to use a HTML element or a component.
6
6
  *
7
- * @since 5.0.0-rc.1
7
+ * @since 5.0.0-rc.3
8
8
  */
9
9
  as?: ElementType;
10
10
  /**
@@ -56,10 +56,22 @@ export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floati
56
56
  * Set the confirm button variant to an outlined button or a ghost button.
57
57
  */
58
58
  confirmButtonVariant?: 'outline' | 'ghost';
59
+ /**
60
+ * Specify a list of available hours using an array, or customize the filtering of hours through a function.
61
+ *
62
+ * @since 5.0.0-rc.3
63
+ */
64
+ hours?: number[] | ((hour: number) => number[]);
59
65
  /**
60
66
  * Toggle visibility or set the content of the input indicator.
61
67
  */
62
68
  indicator?: ReactNode | boolean;
69
+ /**
70
+ * Defines the delay (in milliseconds) for the input field's onChange event.
71
+ *
72
+ * @since v5.0.0-rc.3
73
+ */
74
+ inputOnChangeDelay?: number;
63
75
  /**
64
76
  * Toggle the readonly state for the component.
65
77
  */
@@ -68,6 +80,12 @@ export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floati
68
80
  * Sets the default locale for components. If not set, it is inherited from the browser.
69
81
  */
70
82
  locale?: string;
83
+ /**
84
+ * Toggle the display of minutes, specify a list of available minutes using an array, or customize the filtering of minutes through a function.
85
+ *
86
+ * @since 5.0.0-rc.3
87
+ */
88
+ minutes?: boolean | number[] | ((minute: number) => number[]);
71
89
  /**
72
90
  * Callback fired when the time changed.
73
91
  */
@@ -83,11 +101,11 @@ export interface CTimePickerProps extends Omit<CFormControlWrapperProps, 'floati
83
101
  */
84
102
  required?: boolean;
85
103
  /**
86
- * Show seconds.
104
+ * Toggle the display of seconds, specify a list of available seconds using an array, or customize the filtering of seconds through a function.
87
105
  *
88
106
  * @since 4.8.0
89
107
  */
90
- seconds?: boolean;
108
+ seconds?: boolean | number[] | ((second: number) => number[]);
91
109
  /**
92
110
  * Size the component small or large.
93
111
  */
@@ -6,25 +6,27 @@ import { CButton } from '../button/CButton.js';
6
6
  import { CFormControlWrapper } from '../form/CFormControlWrapper.js';
7
7
  import { CPicker } from '../picker/CPicker.js';
8
8
  import { CTimePickerRollCol } from './CTimePickerRollCol.js';
9
- import { convertTimeToDate, getAmPm, getLocalizedTimePartials, getSelectedHour, getSelectedMinutes, getSelectedSeconds, convert12hTo24h, isValidTime } from './utils.js';
9
+ import { convertTimeToDate, getAmPm, getLocalizedTimePartials, getSelectedHour, getSelectedMinutes, getSelectedSeconds, isValidTime, convert12hTo24h } from './utils.js';
10
+ import { useDebouncedCallback } from '../../hooks/useDebouncedCallback.js';
11
+ import '@popperjs/core';
10
12
 
11
13
  var _a, _b, _c, _d, _e, _f;
12
14
  var CTimePicker = forwardRef(function (_a, ref) {
13
15
  var _b, _c;
14
- var _d = _a.ampm, ampm = _d === void 0 ? 'auto' : _d, _e = _a.cancelButton, cancelButton = _e === void 0 ? 'Cancel' : _e, _f = _a.cancelButtonColor, cancelButtonColor = _f === void 0 ? 'primary' : _f, _g = _a.cancelButtonSize, cancelButtonSize = _g === void 0 ? 'sm' : _g, _h = _a.cancelButtonVariant, cancelButtonVariant = _h === void 0 ? 'ghost' : _h, className = _a.className, _j = _a.cleaner, cleaner = _j === void 0 ? true : _j, _k = _a.confirmButton, confirmButton = _k === void 0 ? 'OK' : _k, _l = _a.confirmButtonColor, confirmButtonColor = _l === void 0 ? 'primary' : _l, _m = _a.confirmButtonSize, confirmButtonSize = _m === void 0 ? 'sm' : _m, confirmButtonVariant = _a.confirmButtonVariant, _o = _a.container, container = _o === void 0 ? 'dropdown' : _o, disabled = _a.disabled, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, _p = _a.footer, footer = _p === void 0 ? true : _p, id = _a.id, _q = _a.indicator, indicator = _q === void 0 ? true : _q, inputReadOnly = _a.inputReadOnly, invalid = _a.invalid, label = _a.label, _r = _a.locale, locale = _r === void 0 ? 'default' : _r, onTimeChange = _a.onTimeChange, onHide = _a.onHide, onShow = _a.onShow, _s = _a.placeholder, placeholder = _s === void 0 ? 'Select time' : _s, required = _a.required, _t = _a.seconds, seconds = _t === void 0 ? true : _t, size = _a.size, text = _a.text, time = _a.time, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, _u = _a.variant, variant = _u === void 0 ? 'roll' : _u, visible = _a.visible, rest = __rest(_a, ["ampm", "cancelButton", "cancelButtonColor", "cancelButtonSize", "cancelButtonVariant", "className", "cleaner", "confirmButton", "confirmButtonColor", "confirmButtonSize", "confirmButtonVariant", "container", "disabled", "feedback", "feedbackInvalid", "feedbackValid", "footer", "id", "indicator", "inputReadOnly", "invalid", "label", "locale", "onTimeChange", "onHide", "onShow", "placeholder", "required", "seconds", "size", "text", "time", "tooltipFeedback", "valid", "variant", "visible"]);
16
+ var _d = _a.ampm, ampm = _d === void 0 ? 'auto' : _d, _e = _a.cancelButton, cancelButton = _e === void 0 ? 'Cancel' : _e, _f = _a.cancelButtonColor, cancelButtonColor = _f === void 0 ? 'primary' : _f, _g = _a.cancelButtonSize, cancelButtonSize = _g === void 0 ? 'sm' : _g, _h = _a.cancelButtonVariant, cancelButtonVariant = _h === void 0 ? 'ghost' : _h, className = _a.className, _j = _a.cleaner, cleaner = _j === void 0 ? true : _j, _k = _a.confirmButton, confirmButton = _k === void 0 ? 'OK' : _k, _l = _a.confirmButtonColor, confirmButtonColor = _l === void 0 ? 'primary' : _l, _m = _a.confirmButtonSize, confirmButtonSize = _m === void 0 ? 'sm' : _m, confirmButtonVariant = _a.confirmButtonVariant, _o = _a.container, container = _o === void 0 ? 'dropdown' : _o, disabled = _a.disabled, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, _p = _a.footer, footer = _p === void 0 ? true : _p, hours = _a.hours, id = _a.id, _q = _a.indicator, indicator = _q === void 0 ? true : _q, _r = _a.inputOnChangeDelay, inputOnChangeDelay = _r === void 0 ? 750 : _r, inputReadOnly = _a.inputReadOnly, invalid = _a.invalid, label = _a.label, _s = _a.locale, locale = _s === void 0 ? 'default' : _s, _t = _a.minutes, minutes = _t === void 0 ? true : _t, onTimeChange = _a.onTimeChange, onHide = _a.onHide, onShow = _a.onShow, _u = _a.placeholder, placeholder = _u === void 0 ? 'Select time' : _u, required = _a.required, _v = _a.seconds, seconds = _v === void 0 ? true : _v, size = _a.size, text = _a.text, time = _a.time, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, _w = _a.variant, variant = _w === void 0 ? 'roll' : _w, visible = _a.visible, rest = __rest(_a, ["ampm", "cancelButton", "cancelButtonColor", "cancelButtonSize", "cancelButtonVariant", "className", "cleaner", "confirmButton", "confirmButtonColor", "confirmButtonSize", "confirmButtonVariant", "container", "disabled", "feedback", "feedbackInvalid", "feedbackValid", "footer", "hours", "id", "indicator", "inputOnChangeDelay", "inputReadOnly", "invalid", "label", "locale", "minutes", "onTimeChange", "onHide", "onShow", "placeholder", "required", "seconds", "size", "text", "time", "tooltipFeedback", "valid", "variant", "visible"]);
15
17
  var formRef = useRef();
16
18
  var inputRef = useRef(null);
17
- var _v = useState(convertTimeToDate(time)), date = _v[0], setDate = _v[1];
18
- var _w = useState(null), initialDate = _w[0], setInitialDate = _w[1];
19
- var _x = useState(valid !== null && valid !== void 0 ? valid : (invalid === true ? false : undefined)), isValid = _x[0], setIsValid = _x[1];
20
- var _y = useState(date ? getAmPm(new Date(date), locale) : 'am'), _ampm = _y[0], setAmPm = _y[1];
21
- var _z = useState(visible), _visible = _z[0], setVisible = _z[1];
22
- var _0 = useState({
19
+ var _x = useState(convertTimeToDate(time)), date = _x[0], setDate = _x[1];
20
+ var _y = useState(null), initialDate = _y[0], setInitialDate = _y[1];
21
+ var _z = useState(valid !== null && valid !== void 0 ? valid : (invalid === true ? false : undefined)), isValid = _z[0], setIsValid = _z[1];
22
+ var _0 = useState(date ? getAmPm(new Date(date), locale) : 'am'), _ampm = _0[0], setAmPm = _0[1];
23
+ var _1 = useState(visible), _visible = _1[0], setVisible = _1[1];
24
+ var _2 = useState({
23
25
  listOfHours: [],
24
26
  listOfMinutes: [],
25
27
  listOfSeconds: [],
26
28
  hour12: false,
27
- }), localizedTimePartials = _0[0], setLocalizedTimePartials = _0[1];
29
+ }), localizedTimePartials = _2[0], setLocalizedTimePartials = _2[1];
28
30
  useEffect(function () {
29
31
  setDate(time ? convertTimeToDate(time) : null);
30
32
  }, [time]);
@@ -32,10 +34,10 @@ var CTimePicker = forwardRef(function (_a, ref) {
32
34
  setIsValid(valid !== null && valid !== void 0 ? valid : (invalid === true ? false : undefined));
33
35
  }, [valid, invalid]);
34
36
  useEffect(function () {
35
- setLocalizedTimePartials(getLocalizedTimePartials(locale, ampm));
37
+ setLocalizedTimePartials(getLocalizedTimePartials(locale, ampm, hours, minutes, seconds));
36
38
  if (inputRef.current) {
37
39
  inputRef.current.value = date
38
- ? date.toLocaleTimeString(locale, __assign({ hour12: localizedTimePartials && localizedTimePartials.hour12 }, (!seconds && { timeStyle: 'short' })))
40
+ ? date.toLocaleTimeString(locale, __assign(__assign({ hour12: localizedTimePartials && localizedTimePartials.hour12, hour: 'numeric' }, (minutes && { minute: 'numeric' })), (seconds && { second: 'numeric' })))
39
41
  : '';
40
42
  }
41
43
  date && setAmPm(getAmPm(new Date(date), locale));
@@ -67,6 +69,7 @@ var CTimePicker = forwardRef(function (_a, ref) {
67
69
  }
68
70
  setIsValid(false);
69
71
  };
72
+ var handleOnChange = useDebouncedCallback(function (value) { return isValidTime(value) && setDate(convertTimeToDate(value)); }, inputOnChangeDelay);
70
73
  var handleTimeChange = function (set, value) {
71
74
  var _date = date || new Date('1970-01-01');
72
75
  if (set === 'toggle') {
@@ -95,11 +98,7 @@ var CTimePicker = forwardRef(function (_a, ref) {
95
98
  onTimeChange && onTimeChange(_date.toTimeString(), _date.toLocaleTimeString(), _date);
96
99
  };
97
100
  var InputGroup = function () { return (React.createElement("div", { className: "time-picker-input-group" },
98
- React.createElement("input", { autoComplete: "off", className: "time-picker-input",
99
- // delay={true}
100
- disabled: disabled, onChange: function (event) {
101
- return isValidTime(event.target.value) && setDate(convertTimeToDate(event.target.value));
102
- }, placeholder: placeholder, readOnly: inputReadOnly, required: required, ref: inputRef }),
101
+ React.createElement("input", { autoComplete: "off", className: "time-picker-input", disabled: disabled, onChange: function (event) { return handleOnChange(event.target.value); }, placeholder: placeholder, readOnly: inputReadOnly, required: required, ref: inputRef }),
103
102
  indicator &&
104
103
  (typeof indicator === 'boolean' ? React.createElement("div", { className: "time-picker-indicator" }) : indicator),
105
104
  cleaner &&
@@ -115,11 +114,12 @@ var CTimePicker = forwardRef(function (_a, ref) {
115
114
  return handleTimeChange('hours', event.target.value);
116
115
  }, value: getSelectedHour(date, locale) }, localizedTimePartials &&
117
116
  localizedTimePartials.listOfHours.map(function (option, index) { return (React.createElement("option", { value: option.value.toString(), key: index }, option.label)); })),
118
- React.createElement(React.Fragment, null, ":"),
119
- React.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
120
- return handleTimeChange('minutes', event.target.value);
121
- }, value: getSelectedMinutes(date) }, localizedTimePartials &&
122
- localizedTimePartials.listOfMinutes.map(function (option, index) { return (React.createElement("option", { value: option.value.toString(), key: index }, option.label)); })),
117
+ minutes && (React.createElement(React.Fragment, null,
118
+ React.createElement(React.Fragment, null, ":"),
119
+ React.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
120
+ return handleTimeChange('minutes', event.target.value);
121
+ }, value: getSelectedMinutes(date) }, localizedTimePartials &&
122
+ localizedTimePartials.listOfMinutes.map(function (option, index) { return (React.createElement("option", { value: option.value.toString(), key: index }, option.label)); })))),
123
123
  seconds && (React.createElement(React.Fragment, null,
124
124
  React.createElement(React.Fragment, null, ":"),
125
125
  React.createElement("select", { className: "time-picker-inline-select", disabled: disabled, onChange: function (event) {
@@ -157,14 +157,22 @@ var CTimePicker = forwardRef(function (_a, ref) {
157
157
  _c['time-picker-roll'] = variant === 'roll',
158
158
  _c)) }, variant === 'select' ? (React.createElement(TimePickerSelect, null)) : (React.createElement(React.Fragment, null,
159
159
  React.createElement(CTimePickerRollCol, { elements: localizedTimePartials && localizedTimePartials.listOfHours, onClick: function (index) { return handleTimeChange('hours', index.toString()); }, selected: getSelectedHour(date, locale, ampm) }),
160
- React.createElement(CTimePickerRollCol, { elements: localizedTimePartials && localizedTimePartials.listOfMinutes, onClick: function (index) { return handleTimeChange('minutes', index.toString()); }, selected: getSelectedMinutes(date) }),
160
+ minutes && (React.createElement(CTimePickerRollCol, { elements: localizedTimePartials && localizedTimePartials.listOfMinutes, onClick: function (index) { return handleTimeChange('minutes', index.toString()); }, selected: getSelectedMinutes(date) })),
161
161
  seconds && (React.createElement(CTimePickerRollCol, { elements: localizedTimePartials && localizedTimePartials.listOfSeconds, onClick: function (index) { return handleTimeChange('seconds', index.toString()); }, selected: getSelectedSeconds(date) })),
162
162
  localizedTimePartials && localizedTimePartials.hour12 && (React.createElement(CTimePickerRollCol, { elements: [
163
163
  { value: 'am', label: 'AM' },
164
164
  { value: 'pm', label: 'PM' },
165
165
  ], onClick: function (value) { return handleTimeChange('toggle', value); }, selected: _ampm }))))))));
166
166
  });
167
- CTimePicker.propTypes = __assign(__assign(__assign({}, CFormControlWrapper.propTypes), CPicker.propTypes), { ampm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.bool]), cancelButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), cancelButtonColor: (_a = CButton.propTypes) === null || _a === void 0 ? void 0 : _a.color, cancelButtonSize: (_b = CButton.propTypes) === null || _b === void 0 ? void 0 : _b.size, cancelButtonVariant: (_c = CButton.propTypes) === null || _c === void 0 ? void 0 : _c.variant, className: PropTypes.string, confirmButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), confirmButtonColor: (_d = CButton.propTypes) === null || _d === void 0 ? void 0 : _d.color, confirmButtonSize: (_e = CButton.propTypes) === null || _e === void 0 ? void 0 : _e.size, confirmButtonVariant: (_f = CButton.propTypes) === null || _f === void 0 ? void 0 : _f.variant, locale: PropTypes.string, onTimeChange: PropTypes.func, required: PropTypes.bool, seconds: PropTypes.bool, time: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]), variant: PropTypes.oneOf(['roll', 'select']) });
167
+ CTimePicker.propTypes = __assign(__assign(__assign({}, CFormControlWrapper.propTypes), CPicker.propTypes), { ampm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.bool]), cancelButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), cancelButtonColor: (_a = CButton.propTypes) === null || _a === void 0 ? void 0 : _a.color, cancelButtonSize: (_b = CButton.propTypes) === null || _b === void 0 ? void 0 : _b.size, cancelButtonVariant: (_c = CButton.propTypes) === null || _c === void 0 ? void 0 : _c.variant, className: PropTypes.string, confirmButton: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]), confirmButtonColor: (_d = CButton.propTypes) === null || _d === void 0 ? void 0 : _d.color, confirmButtonSize: (_e = CButton.propTypes) === null || _e === void 0 ? void 0 : _e.size, confirmButtonVariant: (_f = CButton.propTypes) === null || _f === void 0 ? void 0 : _f.variant, hours: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number.isRequired), PropTypes.func]), inputOnChangeDelay: PropTypes.number, locale: PropTypes.string, minutes: PropTypes.oneOfType([
168
+ PropTypes.bool,
169
+ PropTypes.arrayOf(PropTypes.number.isRequired),
170
+ PropTypes.func,
171
+ ]), onTimeChange: PropTypes.func, required: PropTypes.bool, seconds: PropTypes.oneOfType([
172
+ PropTypes.bool,
173
+ PropTypes.arrayOf(PropTypes.number.isRequired),
174
+ PropTypes.func,
175
+ ]), time: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]), variant: PropTypes.oneOf(['roll', 'select']) });
168
176
  CTimePicker.displayName = 'CTimePicker';
169
177
 
170
178
  export { CTimePicker };