@jetbrains/ring-ui 4.2.17 → 4.2.19

package/components/date-picker/date-picker.examples.js

@@ -351,4 +351,3 @@ rangeWithCustomPlaceholders.storyName = 'range with customized placeholders';
 rangeWithCustomPlaceholders.parameters = {
   hermione: {skip: true}
 };
-

package/components/date-picker/date-picker.js

@@ -206,15 +206,15 @@ export default class DatePicker extends PureComponent {
 
     let text;
     if (!range && !withTime) {
-      text = date ? displayFormat(date, locale) : datePlaceholder || translations.setDate;
+      text = date ? displayFormat(date, locale) : (datePlaceholder ?? translations.setDate);
     } else if (!range && withTime) {
       if (!date && !time) {
-        text = dateTimePlaceholder || translations.setDateTime;
+        text = dateTimePlaceholder ?? translations.setDateTime;
       } else {
         text = `${date && displayFormat(date, locale) || '—'}, ${time || '—'}`;
       }
     } else if (!from && !to) {
-      text = rangePlaceholder || translations.setPeriod;
+      text = rangePlaceholder ?? translations.setPeriod;
     } else if (!to) {
       text = `${displayFormat(from, locale)} —`;
     } else if (!from) {

package/components/date-picker/months.js

@@ -3,8 +3,6 @@ import PropTypes from 'prop-types';
 import addMonths from 'date-fns/addMonths';
 import getDay from 'date-fns/getDay';
 import getDaysInMonth from 'date-fns/getDaysInMonth';
-import set from 'date-fns/set';
-import startOfHour from 'date-fns/startOfHour';
 import startOfMonth from 'date-fns/startOfMonth';
 import subMonths from 'date-fns/subMonths';
 import endOfMonth from 'date-fns/endOfMonth';
@@ -46,8 +44,9 @@ const scrollSchedule = scheduleRAF();
 let dy = 0;
 export default function Months(props) {
   const {scrollDate} = props;
-  // prevent switching from april to march because of daylight saving time
-  const monthStart = startOfHour(set(scrollDate, {date: 1, hours: 1}));
+  const monthDate = scrollDate instanceof Date ? scrollDate : new Date(scrollDate);
+  // Creating midnight of the first day of the month in UTC to prevent the impact of user timezone
+  const monthStart = new Date(Date.UTC(monthDate.getFullYear(), monthDate.getMonth(), 1));
 
   let month = subMonths(monthStart, MONTHSBACK);
   const months = [month];

package/components/select/select.examples.js

@@ -1013,6 +1013,7 @@ export const multipleWithLimit = args => <Select {...args}/>;
 multipleWithLimit.storyName = 'multiple with limit';
 multipleWithLimit.parameters = {hermione: {skip: true}};
 
+
 export const selectInPopup = args => (
   <Dropdown
     anchor="Open dropdown"

package/components/select/select.js

@@ -311,8 +311,8 @@ export default class Select extends Component {
 
     selected: null, // current selection (item / array of items)
 
-    label: '', // BUTTON or INPUT label (nothing selected)
-    selectedLabel: '', // BUTTON or INPUT label (something selected)
+    label: null, // BUTTON or INPUT label (nothing selected)
+    selectedLabel: null, // BUTTON or INPUT label (something selected)
     inputPlaceholder: '', // Placeholder for input modes
     hint: null, // hint text to display under the list
 
@@ -981,7 +981,7 @@ export default class Select extends Component {
   }
 
   _getLabel() {
-    return this.props.label || this.props.selectedLabel || 'Select an option';
+    return this.props.label ?? this.props.selectedLabel ?? 'Select an option';
   }
 
   _getSelectedString() {

package/dist/date-picker/date-picker.js

@@ -47,7 +47,6 @@ import './months.js';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';
 import 'date-fns/getDaysInMonth';
-import 'date-fns/startOfHour';
 import 'date-fns/startOfMonth';
 import 'date-fns/subMonths';
 import 'date-fns/endOfMonth';
@@ -192,15 +191,15 @@ class DatePicker extends PureComponent {
       let text;
 
       if (!range && !withTime) {
-        text = date ? displayFormat(date, locale) : datePlaceholder || translations.setDate;
+        text = date ? displayFormat(date, locale) : datePlaceholder !== null && datePlaceholder !== void 0 ? datePlaceholder : translations.setDate;
       } else if (!range && withTime) {
         if (!date && !time) {
-          text = dateTimePlaceholder || translations.setDateTime;
+          text = dateTimePlaceholder !== null && dateTimePlaceholder !== void 0 ? dateTimePlaceholder : translations.setDateTime;
         } else {
           text = "".concat(date && displayFormat(date, locale) || '—', ", ").concat(time || '—');
         }
       } else if (!from && !to) {
-        text = rangePlaceholder || translations.setPeriod;
+        text = rangePlaceholder !== null && rangePlaceholder !== void 0 ? rangePlaceholder : translations.setPeriod;
       } else if (!to) {
         text = "".concat(displayFormat(from, locale), " \u2014");
       } else if (!from) {

package/dist/date-picker/date-popup.js

@@ -35,8 +35,6 @@ import 'date-fns/add';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';
 import 'date-fns/getDaysInMonth';
-import 'date-fns/set';
-import 'date-fns/startOfHour';
 import 'date-fns/startOfMonth';
 import 'date-fns/subMonths';
 import 'date-fns/endOfMonth';
@@ -51,6 +49,7 @@ import 'date-fns/getDate';
 import 'date-fns/isToday';
 import './month-names.js';
 import 'date-fns/isThisMonth';
+import 'date-fns/set';
 import 'date-fns/startOfYear';
 import './month-slider.js';
 import 'date-fns/addYears';

package/dist/date-picker/months.js

@@ -4,8 +4,6 @@ import PropTypes from 'prop-types';
 import addMonths from 'date-fns/addMonths';
 import getDay from 'date-fns/getDay';
 import getDaysInMonth from 'date-fns/getDaysInMonth';
-import set from 'date-fns/set';
-import startOfHour from 'date-fns/startOfHour';
 import startOfMonth from 'date-fns/startOfMonth';
 import subMonths from 'date-fns/subMonths';
 import endOfMonth from 'date-fns/endOfMonth';
@@ -28,6 +26,7 @@ import 'date-fns/isSameDay';
 import 'date-fns/isToday';
 import 'date-fns/startOfDay';
 import 'date-fns/isThisMonth';
+import 'date-fns/set';
 import 'date-fns/startOfYear';
 import './month-slider.js';
 import 'date-fns/addYears';
@@ -65,12 +64,10 @@ let dy = 0;
 function Months(props) {
   const {
     scrollDate
-  } = props; // prevent switching from april to march because of daylight saving time
+  } = props;
+  const monthDate = scrollDate instanceof Date ? scrollDate : new Date(scrollDate); // Creating midnight of the first day of the month in UTC to prevent the impact of user timezone
 
-  const monthStart = startOfHour(set(scrollDate, {
-    date: 1,
-    hours: 1
-  }));
+  const monthStart = new Date(Date.UTC(monthDate.getFullYear(), monthDate.getMonth(), 1));
   let month = subMonths(monthStart, MONTHSBACK);
   const months = [month];
 

package/dist/select/select.js

@@ -980,7 +980,9 @@ class Select extends Component {
   }
 
   _getLabel() {
-    return this.props.label || this.props.selectedLabel || 'Select an option';
+    var _ref2, _this$props$label;
+
+    return (_ref2 = (_this$props$label = this.props.label) !== null && _this$props$label !== void 0 ? _this$props$label : this.props.selectedLabel) !== null && _ref2 !== void 0 ? _ref2 : 'Select an option';
   }
 
   _getSelectedString() {
@@ -1312,9 +1314,9 @@ _defineProperty(Select, "defaultProps", {
   directions: [Popup.PopupProps.Directions.BOTTOM_RIGHT, Popup.PopupProps.Directions.BOTTOM_LEFT, Popup.PopupProps.Directions.TOP_LEFT, Popup.PopupProps.Directions.TOP_RIGHT],
   selected: null,
   // current selection (item / array of items)
-  label: '',
+  label: null,
   // BUTTON or INPUT label (nothing selected)
-  selectedLabel: '',
+  selectedLabel: null,
   // BUTTON or INPUT label (something selected)
   inputPlaceholder: '',
   // Placeholder for input modes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "4.2.17",
+  "version": "4.2.19",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -221,5 +221,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "d04a1803eca6e63e2d96a7e109bcfec1dbca7085"
+  "gitHead": "3e4b569bf8d13582ab9502779338b81eb737cd3e"
 }