carbon-react 149.0.2 → 150.0.0

package/esm/components/date/__internal__/date-fns-fp/index.d.ts

@@ -1,7 +1,7 @@
-export { default as format } from "date-fns/fp/format";
-export { default as formatISO } from "date-fns/fp/formatISO";
-export { default as isMatch } from "date-fns/fp/isMatch";
-export { default as isValid } from "date-fns/fp/isValid";
-export { default as parse } from "date-fns/fp/parse";
-export { default as parseWithOptions } from "date-fns/fp/parseWithOptions";
-export { default as parseISO } from "date-fns/fp/parseISO";
+export { format } from "date-fns/fp/format";
+export { formatISO } from "date-fns/fp/formatISO";
+export { isMatch } from "date-fns/fp/isMatch";
+export { isValid } from "date-fns/fp/isValid";
+export { parse } from "date-fns/fp/parse";
+export { parseWithOptions } from "date-fns/fp/parseWithOptions";
+export { parseISO } from "date-fns/fp/parseISO";

package/esm/components/date/__internal__/date-fns-fp/index.js

@@ -1,9 +1,9 @@
 // Separate index.ts to export only required sub-modules from date-fns/fp
 // import { format, formatISO, isMatch, parse, parseISO } from "date-fns/fp" adds extra 300kb to bundle size.
-export { default as format } from "date-fns/fp/format";
-export { default as formatISO } from "date-fns/fp/formatISO";
-export { default as isMatch } from "date-fns/fp/isMatch";
-export { default as isValid } from "date-fns/fp/isValid";
-export { default as parse } from "date-fns/fp/parse";
-export { default as parseWithOptions } from "date-fns/fp/parseWithOptions";
-export { default as parseISO } from "date-fns/fp/parseISO";
+export { format } from "date-fns/fp/format";
+export { formatISO } from "date-fns/fp/formatISO";
+export { isMatch } from "date-fns/fp/isMatch";
+export { isValid } from "date-fns/fp/isValid";
+export { parse } from "date-fns/fp/parse";
+export { parseWithOptions } from "date-fns/fp/parseWithOptions";
+export { parseISO } from "date-fns/fp/parseISO";

package/esm/components/date/__internal__/date-formats/index.d.ts

@@ -3,5 +3,5 @@ interface LocaleFormats {
     formats: string[];
     format: string;
 }
-declare const getFormatData: ({ code }: DateFnsLocale, dateFormatOverride?: string) => LocaleFormats;
+declare const getFormatData: (locale?: Partial<Pick<DateFnsLocale, "code">>, dateFormatOverride?: string) => LocaleFormats;
 export default getFormatData;

package/esm/components/date/__internal__/date-formats/index.js

@@ -70,9 +70,8 @@ const getTrailingChar = format => {
   const lastChar = format.split("").pop();
   return ["y", "M", "d"].includes(lastChar) ? "" : lastChar;
 };
-const getFormatData = ({
-  code = "en-GB"
-}, dateFormatOverride) => {
+const getFormatData = (locale, dateFormatOverride) => {
+  const code = locale?.code || "en-GB";
   if (dateFormatOverride) {
     const {
       format

package/esm/components/date/__internal__/date-picker/date-picker.component.js

@@ -40,12 +40,6 @@ export const DatePicker = ({
   const {
     weekStartsOn
   } = options || /* istanbul ignore next */{};
-  const monthsLong = useMemo(() => Array.from({
-    length: 12
-  }).map((_, i) => {
-    const month = localize?.month(i);
-    return month[0].toUpperCase() + month.slice(1);
-  }), [localize]);
   const weekdaysLong = useMemo(() => Array.from({
     length: 7
   }).map((_, i) => localize?.day(i)), [localize]);
@@ -156,10 +150,7 @@ export const DatePicker = ({
     disabled: getDisabledDays(minDate, maxDate),
     locale: {
       localize: {
-        ...defaultLocale.localize,
-        months: monthsLong,
-        weekdaysLong,
-        weekdaysShort
+        ...defaultLocale.localize
       }
     },
     selected: selectedDays,

package/esm/components/date/__internal__/utils.d.ts

@@ -1,4 +1,4 @@
-import { Matcher } from "react-day-picker";
+import type { Locale, Matcher } from "react-day-picker";
 export declare function isValidLocaleDate(date: string, locale: Locale): boolean;
 export declare function parseDate(formatString?: string, valueString?: string): Date | undefined;
 export declare function isDateValid(date?: Date): boolean | undefined;

package/esm/locales/de-de.js

@@ -1,4 +1,4 @@
-import deDEDateLocale from "date-fns/locale/de";
+import { de as deDEDateLocale } from "date-fns/locale/de";
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 const deDE = {
   locale: () => "de-DE",

package/esm/locales/en-ca.js

@@ -1,4 +1,4 @@
-import enCADateLocale from "date-fns/locale/en-CA";
+import { enCA as enCADateLocale } from "date-fns/locale/en-CA";
 const enCA = {
   locale: () => "en-CA",
   date: {

package/esm/locales/en-gb.js

@@ -1,4 +1,4 @@
-import enGBDateLocale from "date-fns/locale/en-GB";
+import { enGB as enGBDateLocale } from "date-fns/locale/en-GB";
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 const enGB = {
   locale: () => "en-GB",

package/esm/locales/en-us.js

@@ -1,4 +1,4 @@
-import enUSDateLocale from "date-fns/locale/en-US";
+import { enUS as enUSDateLocale } from "date-fns/locale/en-US";
 const enUS = {
   locale: () => "en-US",
   date: {

package/esm/locales/es-es.js

@@ -1,4 +1,4 @@
-import esESDateLocale from "date-fns/locale/es";
+import { es as esESDateLocale } from "date-fns/locale/es";
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 const esES = {
   locale: () => "es-ES",

package/esm/locales/fr-ca.js

@@ -1,4 +1,4 @@
-import frCADateLocale from "date-fns/locale/fr-CA";
+import { frCA as frCADateLocale } from "date-fns/locale/fr-CA";
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 const frCA = {
   locale: () => "fr-CA",

package/esm/locales/fr-fr.js

@@ -1,4 +1,4 @@
-import frFRDateLocale from "date-fns/locale/fr";
+import { fr as frFRDateLocale } from "date-fns/locale/fr";
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 const frFR = {
   locale: () => "fr-FR",

package/lib/components/date/__internal__/date-fns-fp/index.d.ts

@@ -1,7 +1,7 @@
-export { default as format } from "date-fns/fp/format";
-export { default as formatISO } from "date-fns/fp/formatISO";
-export { default as isMatch } from "date-fns/fp/isMatch";
-export { default as isValid } from "date-fns/fp/isValid";
-export { default as parse } from "date-fns/fp/parse";
-export { default as parseWithOptions } from "date-fns/fp/parseWithOptions";
-export { default as parseISO } from "date-fns/fp/parseISO";
+export { format } from "date-fns/fp/format";
+export { formatISO } from "date-fns/fp/formatISO";
+export { isMatch } from "date-fns/fp/isMatch";
+export { isValid } from "date-fns/fp/isValid";
+export { parse } from "date-fns/fp/parse";
+export { parseWithOptions } from "date-fns/fp/parseWithOptions";
+export { parseISO } from "date-fns/fp/parseISO";

package/lib/components/date/__internal__/date-fns-fp/index.js

@@ -6,50 +6,49 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "format", {
   enumerable: true,
   get: function () {
-    return _format.default;
+    return _format.format;
   }
 });
 Object.defineProperty(exports, "formatISO", {
   enumerable: true,
   get: function () {
-    return _formatISO.default;
+    return _formatISO.formatISO;
   }
 });
 Object.defineProperty(exports, "isMatch", {
   enumerable: true,
   get: function () {
-    return _isMatch.default;
+    return _isMatch.isMatch;
   }
 });
 Object.defineProperty(exports, "isValid", {
   enumerable: true,
   get: function () {
-    return _isValid.default;
+    return _isValid.isValid;
   }
 });
 Object.defineProperty(exports, "parse", {
   enumerable: true,
   get: function () {
-    return _parse.default;
+    return _parse.parse;
   }
 });
 Object.defineProperty(exports, "parseISO", {
   enumerable: true,
   get: function () {
-    return _parseISO.default;
+    return _parseISO.parseISO;
   }
 });
 Object.defineProperty(exports, "parseWithOptions", {
   enumerable: true,
   get: function () {
-    return _parseWithOptions.default;
+    return _parseWithOptions.parseWithOptions;
   }
 });
-var _format = _interopRequireDefault(require("date-fns/fp/format"));
-var _formatISO = _interopRequireDefault(require("date-fns/fp/formatISO"));
-var _isMatch = _interopRequireDefault(require("date-fns/fp/isMatch"));
-var _isValid = _interopRequireDefault(require("date-fns/fp/isValid"));
-var _parse = _interopRequireDefault(require("date-fns/fp/parse"));
-var _parseWithOptions = _interopRequireDefault(require("date-fns/fp/parseWithOptions"));
-var _parseISO = _interopRequireDefault(require("date-fns/fp/parseISO"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _format = require("date-fns/fp/format");
+var _formatISO = require("date-fns/fp/formatISO");
+var _isMatch = require("date-fns/fp/isMatch");
+var _isValid = require("date-fns/fp/isValid");
+var _parse = require("date-fns/fp/parse");
+var _parseWithOptions = require("date-fns/fp/parseWithOptions");
+var _parseISO = require("date-fns/fp/parseISO");

package/lib/components/date/__internal__/date-formats/index.d.ts

@@ -3,5 +3,5 @@ interface LocaleFormats {
     formats: string[];
     format: string;
 }
-declare const getFormatData: ({ code }: DateFnsLocale, dateFormatOverride?: string) => LocaleFormats;
+declare const getFormatData: (locale?: Partial<Pick<DateFnsLocale, "code">>, dateFormatOverride?: string) => LocaleFormats;
 export default getFormatData;

package/lib/components/date/__internal__/date-formats/index.js

@@ -76,9 +76,8 @@ const getTrailingChar = format => {
   const lastChar = format.split("").pop();
   return ["y", "M", "d"].includes(lastChar) ? "" : lastChar;
 };
-const getFormatData = ({
-  code = "en-GB"
-}, dateFormatOverride) => {
+const getFormatData = (locale, dateFormatOverride) => {
+  const code = locale?.code || "en-GB";
   if (dateFormatOverride) {
     const {
       format

package/lib/components/date/__internal__/date-picker/date-picker.component.js

@@ -49,12 +49,6 @@ const DatePicker = ({
   const {
     weekStartsOn
   } = options || /* istanbul ignore next */{};
-  const monthsLong = (0, _react.useMemo)(() => Array.from({
-    length: 12
-  }).map((_, i) => {
-    const month = localize?.month(i);
-    return month[0].toUpperCase() + month.slice(1);
-  }), [localize]);
   const weekdaysLong = (0, _react.useMemo)(() => Array.from({
     length: 7
   }).map((_, i) => localize?.day(i)), [localize]);
@@ -165,10 +159,7 @@ const DatePicker = ({
     disabled: (0, _utils.getDisabledDays)(minDate, maxDate),
     locale: {
       localize: {
-        ..._reactDayPicker.defaultLocale.localize,
-        months: monthsLong,
-        weekdaysLong,
-        weekdaysShort
+        ..._reactDayPicker.defaultLocale.localize
       }
     },
     selected: selectedDays,

package/lib/components/date/__internal__/utils.d.ts

@@ -1,4 +1,4 @@
-import { Matcher } from "react-day-picker";
+import type { Locale, Matcher } from "react-day-picker";
 export declare function isValidLocaleDate(date: string, locale: Locale): boolean;
 export declare function parseDate(formatString?: string, valueString?: string): Date | undefined;
 export declare function isDateValid(date?: Date): boolean | undefined;

package/lib/locales/de-de.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _de = _interopRequireDefault(require("date-fns/locale/de"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _de = require("date-fns/locale/de");
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 const deDE = {
   locale: () => "de-DE",
@@ -37,7 +36,7 @@ const deDE = {
     visuallyHiddenHint: formattedCount => `Sie können bis zu ${formattedCount} Zeichen eingeben.`
   },
   date: {
-    dateFnsLocale: () => _de.default,
+    dateFnsLocale: () => _de.de,
     ariaLabels: {
       previousMonthButton: () => "Vorheriger Monat",
       nextMonthButton: () => "Nächster Monat"

package/lib/locales/en-ca.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _enCA = _interopRequireDefault(require("date-fns/locale/en-CA"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _enCA = require("date-fns/locale/en-CA");
 const enCA = {
   locale: () => "en-CA",
   date: {
-    dateFnsLocale: () => _enCA.default,
+    dateFnsLocale: () => _enCA.enCA,
     ariaLabels: {
       previousMonthButton: () => "Previous month",
       nextMonthButton: () => "Next month"

package/lib/locales/en-gb.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _enGB = _interopRequireDefault(require("date-fns/locale/en-GB"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _enGB = require("date-fns/locale/en-GB");
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 const enGB = {
   locale: () => "en-GB",
@@ -37,7 +36,7 @@ const enGB = {
     visuallyHiddenHint: formattedCount => `You can enter up to ${formattedCount} characters`
   },
   date: {
-    dateFnsLocale: () => _enGB.default,
+    dateFnsLocale: () => _enGB.enGB,
     ariaLabels: {
       previousMonthButton: () => "Previous month",
       nextMonthButton: () => "Next month"

package/lib/locales/en-us.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _enUS = _interopRequireDefault(require("date-fns/locale/en-US"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _enUS = require("date-fns/locale/en-US");
 const enUS = {
   locale: () => "en-US",
   date: {
-    dateFnsLocale: () => _enUS.default,
+    dateFnsLocale: () => _enUS.enUS,
     ariaLabels: {
       previousMonthButton: () => "Previous month",
       nextMonthButton: () => "Next month"

package/lib/locales/es-es.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _es = _interopRequireDefault(require("date-fns/locale/es"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _es = require("date-fns/locale/es");
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 const esES = {
   locale: () => "es-ES",
@@ -37,7 +36,7 @@ const esES = {
     visuallyHiddenHint: formattedCount => `Puedes introducir hasta ${formattedCount} caracteres.`
   },
   date: {
-    dateFnsLocale: () => _es.default,
+    dateFnsLocale: () => _es.es,
     ariaLabels: {
       previousMonthButton: () => "Mes anterior",
       nextMonthButton: () => "Mes siguiente"

package/lib/locales/fr-ca.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _frCA = _interopRequireDefault(require("date-fns/locale/fr-CA"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _frCA = require("date-fns/locale/fr-CA");
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 const frCA = {
   locale: () => "fr-CA",
@@ -37,7 +36,7 @@ const frCA = {
     visuallyHiddenHint: formattedCount => `vous pouvez saisir jusqu'à ${formattedCount} caractères.`
   },
   date: {
-    dateFnsLocale: () => _frCA.default,
+    dateFnsLocale: () => _frCA.frCA,
     ariaLabels: {
       previousMonthButton: () => "Mois précédent",
       nextMonthButton: () => "Mois suivant"

package/lib/locales/fr-fr.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _fr = _interopRequireDefault(require("date-fns/locale/fr"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _fr = require("date-fns/locale/fr");
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
 const frFR = {
   locale: () => "fr-FR",
@@ -37,7 +36,7 @@ const frFR = {
     visuallyHiddenHint: formattedCount => `vous pouvez saisir jusqu'à ${formattedCount} caractères.`
   },
   date: {
-    dateFnsLocale: () => _fr.default,
+    dateFnsLocale: () => _fr.fr,
     ariaLabels: {
       previousMonthButton: () => "Mois précédent",
       nextMonthButton: () => "Mois suivant"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "149.0.2",
+  "version": "150.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -116,7 +116,6 @@
     "core-js": "^3.33.3",
     "css-loader": "^6.8.1",
     "cz-conventional-changelog": "^3.3.0",
-    "date-fns-tz": "^1.3.8",
     "dayjs": "^1.11.10",
     "eslint": "^8.55.0",
     "eslint-config-airbnb": "^19.0.0",
@@ -179,7 +178,7 @@
     "chalk": "^4.1.2",
     "classnames": "~2.3.2",
     "crypto-js": "^4.2.0",
-    "date-fns": "^2.30.0",
+    "date-fns": "^4.1.0",
     "immutable": "~3.8.2",
     "invariant": "^2.2.4",
     "lexical": "^0.21.0",