@synerise/ds-date-picker 0.6.43 → 0.7.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.7.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.6.43...@synerise/ds-date-picker@0.7.0) (2022-10-24)
+
+
+### Features
+
+* **date-picker:** fix intl in date pickers ([4e9cbce](https://github.com/Synerise/synerise-design/commit/4e9cbceace0e3e794523448120db6a1934242d81))
+
+
+
+
+
 ## [0.6.43](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.6.42...@synerise/ds-date-picker@0.6.43) (2022-10-18)
 
 **Note:** Version bump only for package @synerise/ds-date-picker

package/dist/Elements/DayPicker/DayPicker.js

@@ -5,13 +5,13 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import * as React from 'react';
-import MomentLocaleUtils from 'react-day-picker/moment';
 import { injectIntl } from 'react-intl';
 import fnsFormat from '../../format';
 import Navbar from '../Navbar/Navbar';
+import { fnsAddYears, fnsAddMonths } from '../../fns';
+import localeUtils from '../../localeUtils';
 import { DayPicker } from './DayPicker.styles';
 import * as S from '../Navbar/Navbar.styles';
-import { fnsAddYears, fnsAddMonths } from '../../fns';
 
 var captionElement = function captionElement() {
   return null;
@@ -56,7 +56,7 @@ var Picker = function Picker(props) {
     captionElement: captionElement,
     key: "body",
     locale: intl.locale,
-    localeUtils: MomentLocaleUtils,
+    localeUtils: localeUtils,
     modifiers: modifiers
   }, rest)));
 };

package/dist/Elements/TimePicker/TimePicker.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { useIntl } from 'react-intl';
 import fnsFormat from '../../format';
 import Navbar from '../Navbar/Navbar';
 import * as S from './TimePicker.styles';
@@ -15,8 +16,9 @@ var TimePicker = function TimePicker(_ref) {
       onChange = _ref.onChange,
       onShortNext = _ref.onShortNext,
       onShortPrev = _ref.onShortPrev;
+  var intl = useIntl();
   return /*#__PURE__*/React.createElement(React.Fragment, null, !!value && /*#__PURE__*/React.createElement(Navbar, {
-    title: fnsFormat(value, 'iii d, yyyy'),
+    title: fnsFormat(value, 'iii d, yyyy', intl.locale),
     key: "head",
     onShortNext: onShortNext,
     onShortPrev: onShortPrev

package/dist/localeUtils.d.ts

@@ -1,9 +1,3 @@
-export declare type LocaleUtils = {
-    formatDay: (d: Date, locale: string) => string;
-    formatMonthTitle: (d: Date, locale: string) => string;
-    formatWeekdayShort: (i: string, locale: string) => string;
-    formatWeekdayLong: (i: string, locale: string) => string;
-    getFirstDayOfWeek: (locale: string) => string;
-};
+import type { LocaleUtils } from 'react-day-picker/types';
 declare const localeUtils: LocaleUtils;
 export default localeUtils;

package/dist/localeUtils.js

@@ -1,10 +1,17 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import MomentLocaleUtils from 'react-day-picker/moment';
 var WEEKDAYS_LONG = {
   en: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
   pl: ['Niedziela', 'Poniedziałek', 'Wtorek', 'Środa', 'Czwartek', 'Piątek', 'obota']
 };
 var WEEKDAYS_SHORT = {
   en: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
-  pl: ['N', 'P', 'W', 'Ś', 'C', 'P', 'S']
+  pl: ['Nd', 'Pn', 'Wt', 'Śr', 'Cz', 'Pt', 'Sb']
 };
 var MONTHS = {
   en: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
@@ -14,40 +21,64 @@ var FIRST_DAY = {
   en: 0,
   pl: 1
 };
+var DEFAULT_LOCALE = 'en';
+var DEFAULT_FORMAT = 'MMM DD, YYYY';
+
+var getValidLocale = function getValidLocale(locale) {
+  return Object.keys(MONTHS).includes(locale) ? locale : DEFAULT_LOCALE;
+}; // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+
+function formatDay(d, format, locale) {
+  if (format === void 0) {
+    format = DEFAULT_FORMAT;
+  }
 
-function formatDay(d, locale) {
   if (locale === void 0) {
-    locale = 'en';
+    locale = DEFAULT_LOCALE;
   }
 
-  return WEEKDAYS_LONG[locale][d.getDay()] + ", " + d.getDate() + " " + MONTHS[locale][d.getMonth()] + " " + d.getFullYear();
+  return WEEKDAYS_LONG[getValidLocale(locale)][d.getDay()] + ", " + d.getDate() + " " + MONTHS[getValidLocale(locale)][d.getMonth()] + " " + d.getFullYear();
 }
 
 function formatMonthTitle(d, locale) {
   if (locale === void 0) {
-    locale = 'en';
+    locale = DEFAULT_LOCALE;
   }
 
-  return MONTHS[locale][d.getMonth()] + " " + d.getFullYear();
+  return MONTHS[getValidLocale(locale)][d.getMonth()] + " " + d.getFullYear();
 }
 
 function formatWeekdayShort(i, locale) {
-  return WEEKDAYS_SHORT[locale][i];
+  if (locale === void 0) {
+    locale = DEFAULT_LOCALE;
+  }
+
+  return WEEKDAYS_SHORT[getValidLocale(locale)][i];
 }
 
-function formatWeekdayLong(i, locale) {
-  return WEEKDAYS_SHORT[locale][i];
+function formatWeekdayLong(weekday, locale) {
+  if (locale === void 0) {
+    locale = DEFAULT_LOCALE;
+  }
+
+  return WEEKDAYS_SHORT[getValidLocale(locale)][weekday];
 }
 
 function getFirstDayOfWeek(locale) {
-  return FIRST_DAY[locale];
+  if (locale === void 0) {
+    locale = DEFAULT_LOCALE;
+  }
+
+  return FIRST_DAY[getValidLocale(locale)];
 }
 
-var localeUtils = {
+var localeUtils = _objectSpread({}, MomentLocaleUtils, {
   formatDay: formatDay,
   formatMonthTitle: formatMonthTitle,
   formatWeekdayShort: formatWeekdayShort,
   formatWeekdayLong: formatWeekdayLong,
   getFirstDayOfWeek: getFirstDayOfWeek
-};
+});
+
 export default localeUtils;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-date-picker",
-  "version": "0.6.43",
+  "version": "0.7.0",
   "description": "DatePicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,9 +34,9 @@
   "dependencies": {
     "@date-fns/upgrade": "^1.0.3",
     "@synerise/ds-button": "^0.17.9",
-    "@synerise/ds-core": "^0.37.0",
+    "@synerise/ds-core": "^0.38.0",
     "@synerise/ds-icon": "^0.51.0",
-    "@synerise/ds-time-picker": "^0.6.42",
+    "@synerise/ds-time-picker": "^0.6.43",
     "@synerise/ds-tooltip": "^0.11.17",
     "classnames": "^2.2.6",
     "date-fns": "2.16.1",
@@ -48,5 +48,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "deb64331c66a792832b3843c19054890de4726eb"
+  "gitHead": "6f71f891413ba05d50a0ab86f22266c0c8386b31"
 }