td-stylekit 28.35.0 → 28.35.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [28.35.1](https://github.com/treasure-data/td-stylekit/compare/v28.35.0...v28.35.1) (2024-02-23)
+
+
+### Bug Fixes
+
+* **CON-15052:** Pass through locale to isStringCorrectFormat check  ([#1530](https://github.com/treasure-data/td-stylekit/issues/1530)) ([be0b850](https://github.com/treasure-data/td-stylekit/commit/be0b850))
+
 # [28.35.0](https://github.com/treasure-data/td-stylekit/compare/v28.34.1...v28.35.0) (2024-02-12)
 
 

package/dist/es/DateControl/DateControl.js

@@ -294,7 +294,7 @@ var UnstyledDateControl = function UnstyledDateControl(_ref) {
   var onInputChange = function onInputChange(_ref2) {
     var name = _ref2.name,
         value = _ref2.value;
-    var date = typeof value === 'string' && isStringCorrectFormat(value, [resolvedDisplayFormat].concat(DATE_FORMATS)) ? stringToDate(value, [resolvedDisplayFormat].concat(DATE_FORMATS), locale) : null;
+    var date = typeof value === 'string' && isStringCorrectFormat(value, [resolvedDisplayFormat].concat(DATE_FORMATS), locale) ? stringToDate(value, [resolvedDisplayFormat].concat(DATE_FORMATS), locale) : null;
     setInputValue(String(value)); // If we have a validation function and it's test doesn't pass then
     // we don't want to call onChange, but we want to keep local state
     // up to date so that the input respects the users inputs
@@ -345,7 +345,7 @@ var UnstyledDateControl = function UnstyledDateControl(_ref) {
 
   (0, _react.useEffect)(function () {
     var errorList = error ? (0, _utils.getErrorList)(error) : [];
-    var date = isStringCorrectFormat(inputValue, [resolvedDisplayFormat].concat(DATE_FORMATS)) ? stringToDate(inputValue, [resolvedDisplayFormat].concat(DATE_FORMATS), locale) : undefined;
+    var date = isStringCorrectFormat(inputValue, [resolvedDisplayFormat].concat(DATE_FORMATS), locale) ? stringToDate(inputValue, [resolvedDisplayFormat].concat(DATE_FORMATS), locale) : undefined;
 
     if (inputValue && !date) {
       errorList.unshift(errorMessage);

package/dist/es/DateControl/index.d.ts

@@ -1,3 +1,3 @@
-export { default, CLOSE_KEYS } from './DateControl';
+export { default, CLOSE_KEYS, DATE_FORMATS } from './DateControl';
 export type { DateControlProps } from './DateControl';
 //# sourceMappingURL=index.d.ts.map

package/dist/es/DateControl/index.js

@@ -11,6 +11,12 @@ Object.defineProperty(exports, "CLOSE_KEYS", {
     return _DateControl.CLOSE_KEYS;
   }
 });
+Object.defineProperty(exports, "DATE_FORMATS", {
+  enumerable: true,
+  get: function get() {
+    return _DateControl.DATE_FORMATS;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {

package/dist/es/DateField/DateField.js

@@ -71,7 +71,8 @@ if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
 
 var dateToString = _DatePicker.DatePickerUtils.dateToString,
     stringToDate = _DatePicker.DatePickerUtils.stringToDate,
-    isStringCorrectFormat = _DatePicker.DatePickerUtils.isStringCorrectFormat;
+    isStringCorrectFormat = _DatePicker.DatePickerUtils.isStringCorrectFormat,
+    DEFAULT_FORMAT = _DatePicker.DatePickerUtils.DEFAULT_FORMAT;
 var CLOSE_KEYS = [String.fromCharCode(25), // Gets sent when you press shift+tab with Chrome...
 'Enter', 'Escape', 'Tab']; // @TODO: Change to YYYY-MM-DD?
 
@@ -164,7 +165,7 @@ var UnstyledDateField = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "_onInputChange", function (_ref) {
       var name = _ref.name,
           value = _ref.value;
-      var date = typeof value === 'string' && isStringCorrectFormat(value) ? stringToDate(value) : null;
+      var date = typeof value === 'string' && isStringCorrectFormat(value, DEFAULT_FORMAT, _this.props.locale) ? stringToDate(value) : null;
       var _this$props2 = _this.props,
           onChange = _this$props2.onChange,
           disabledDays = _this$props2.disabledDays,

package/dist/es/DatePicker/utils.d.ts

@@ -7,7 +7,7 @@ export declare function isDateValid(value: Value, format?: string | string[], lo
 /** Convert the String specified into a Date if it valid */
 export declare function stringToDate(string: Value, format?: string | string[], locale?: string): Date | undefined;
 /** Verify that the length of the provided string value matches the length of one of the provided formats */
-export declare function isStringCorrectFormat(string: string, format?: string | string[]): boolean;
+export declare function isStringCorrectFormat(string: string, format?: string | string[], locale?: string): boolean;
 /** Convert the specified Date to a String */
 export declare function dateToString(date: Value, format?: string, locale?: string): string;
 /** Custom locale utils used to override day headers */

package/dist/es/DatePicker/utils.js

@@ -112,19 +112,28 @@ function stringToDate(string) {
 
 function isStringCorrectFormat(string) {
   var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_FORMAT;
+  var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en';
 
   if (Array.isArray(format)) {
     for (var i = 0; i < format.length; i++) {
-      var date = (0, _dateFns.parse)(string.toString(), format[i], Date.now());
+      var date = (0, _dateFns.parse)(string.toString(), format[i], Date.now(), {
+        locale: getLocale(locale)
+      });
 
-      if (date.toString() !== 'Invalid Date' && (0, _dateFns.format)(date, format[i]) === string) {
+      if (date.toString() !== 'Invalid Date' && (0, _dateFns.format)(date, format[i], {
+        locale: getLocale(locale)
+      }) === string) {
         return true;
       }
     }
   } else {
-    var _date = (0, _dateFns.parse)(string.toString(), format, Date.now());
+    var _date = (0, _dateFns.parse)(string.toString(), format, Date.now(), {
+      locale: getLocale(locale)
+    });
 
-    if (_date.toString() !== 'Invalid Date' && (0, _dateFns.format)(_date, format) === string) {
+    if (_date.toString() !== 'Invalid Date' && (0, _dateFns.format)(_date, format, {
+      locale: getLocale(locale)
+    }) === string) {
       return true;
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "td-stylekit",
-  "version": "28.35.0",
+  "version": "28.35.1",
   "main": "dist/es/index.js",
   "module": "dist/es/index.js",
   "types": "dist/es/index.d.ts",