@jetbrains/ring-ui 5.0.93 → 5.0.95

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

@@ -4,6 +4,7 @@ import isAfter from 'date-fns/isAfter';
 import isBefore from 'date-fns/isBefore';
 import isSameDay from 'date-fns/isSameDay';
 import startOfDay from 'date-fns/startOfDay';
+import { set } from 'date-fns';
 import memoize from '../global/memoize';
 import DateInput from './date-input';
 import Months from './months';
@@ -105,7 +106,12 @@ export default class DatePopup extends Component {
                 text: null,
                 scrollDate: null
             });
-            this.props.onChange(changes.date);
+            const adjustedDate = changes.date && set(new Date(), {
+                year: changes.date.getFullYear(),
+                month: changes.date.getMonth(),
+                date: changes.date.getDate()
+            });
+            this.props.onChange(adjustedDate);
             this.props.onComplete();
         }
         else if (!range && withTime) {

package/components/date-picker/months.js

@@ -36,8 +36,7 @@ let dy = 0;
 export default function Months(props) {
     const { scrollDate } = 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 = new Date(Date.UTC(monthDate.getFullYear(), monthDate.getMonth(), 1));
+    const monthStart = startOfMonth(monthDate);
     let month = subMonths(monthStart, MONTHSBACK);
     const months = [month];
     for (let i = 0; i < MONTHSBACK * DOUBLE; i++) {

package/components/query-assist/query-assist.css

@@ -242,12 +242,6 @@
   }
 }
 
-.loaderOnTheRight {
-  right: 1px;
-
-  left: auto;
-}
-
 .input::-webkit-scrollbar {
   display: none;
 }
@@ -263,3 +257,15 @@
 .loaderActive {
   padding-right: calc(var(--ring-input-padding-inline) - var(--ring-input-padding-block));
 }
+
+.loaderOnTheRight {
+  padding-right: 0;
+
+  @nest [dir=rtl] & {
+    padding-left: 0;
+  }
+}
+
+.inputRevertOrder {
+  order: -1;
+}

package/components/query-assist/query-assist.js

@@ -777,7 +777,8 @@ export default class QueryAssist extends Component {
         const inputClasses = classNames(this.props.inputClassName, {
             [`${styles.input} ring-js-shortcuts`]: true,
             [styles.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
-            [styles.inputGap2]: actions.length === 2 // TODO: replace with flex-box layout
+            [styles.inputGap2]: actions.length === 2,
+            [styles.inputRevertOrder]: !glass
         });
         const placeholderStyles = classNames({
             [styles.placeholder]: true,
@@ -804,7 +805,9 @@ export default class QueryAssist extends Component {
               {this.props.placeholder}
             </button>)}
 
-          {actions && (<div data-test="ring-query-assist-actions" className={styles.actions}>{actions}</div>)}
+          {actions.length
+                ? (<div data-test="ring-query-assist-actions" className={styles.actions}>{actions}</div>)
+                : null}
 
           <PopupMenu hidden={!this.state.showPopup} onCloseAttempt={this.closePopup} ref={this.popupRef} anchorElement={this.node} keepMounted attached className={this.props.popupClassName} directions={[PopupMenu.PopupProps.Directions.BOTTOM_RIGHT]} data={useCustomItemRender ? this.state.suggestions : this.renderSuggestions()} data-test="ring-query-assist-popup" hint={this.props.hint} hintOnSelection={this.props.hintOnSelection} left={this.getPopupOffset(this.state.suggestions)} maxHeight={PopupMenu.PopupProps.MaxHeight.SCREEN} onMouseDown={this.trackPopupMouseState} onMouseUp={this.trackPopupMouseState} onSelect={item => this.handleComplete(item)}/>
 

package/dist/_helpers/query-assist__suggestions.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import List from '../list/list.js';
 
-var modules_da7ab055 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"var(--ring-button-height)","loaderWidth":"64px","overInputZIndex":"2","inputGap":"24px","light":"light_rui_d22e","heightS":"heightS_rui_d22e","heightM":"heightM_rui_d22e","heightL":"heightL_rui_d22e","button":"button_rui_d22e","active":"active_rui_d22e","withIcon":"withIcon_rui_d22e","icon":"icon_rui_d22e","primary":"primary_rui_d22e","loader":"loader_rui_d22e","loaderBackground":"loaderBackground_rui_d22e","danger":"danger_rui_d22e","text":"text_rui_d22e","content":"content_rui_d22e","text-loading":"text-loading_rui_d22e","inline":"inline_rui_d22e","withNormalIcon":"withNormalIcon_rui_d22e","withDangerIcon":"withDangerIcon_rui_d22e","progress":"progress_rui_d22e","delayed":"delayed_rui_d22e","short":"short_rui_d22e","dropdownIcon":"dropdownIcon_rui_d22e","queryAssist":"queryAssist_rui_d22e","error":"error_rui_d22e","queryAssistDisabled":"queryAssistDisabled_rui_d22e","huge":"huge_rui_d22e","actions":"actions_rui_d22e","input":"input_rui_d22e","letter-text":"letter-text_rui_d22e","letterDefault":"letterDefault_rui_d22e","letter-field-name":"letter-field-name_rui_d22e","letter-field-value":"letter-field-value_rui_d22e","letter-operator":"letter-operator_rui_d22e","letter-error":"letter-error_rui_d22e","highlight":"highlight_rui_d22e","service":"service_rui_d22e","placeholder":"placeholder_rui_d22e resetButton_rui_8bff","letter":"letter_rui_d22e","rightSearchButton":"rightSearchButton_rui_d22e","clear":"clear_rui_d22e","loaderOnTheRight":"loaderOnTheRight_rui_d22e","withoutGlass":"withoutGlass_rui_d22e","loaderActive":"loaderActive_rui_d22e"};
+var modules_da7ab055 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","height":"var(--ring-button-height)","loaderWidth":"64px","overInputZIndex":"2","inputGap":"24px","light":"light_rui_d22e","heightS":"heightS_rui_d22e","heightM":"heightM_rui_d22e","heightL":"heightL_rui_d22e","button":"button_rui_d22e","active":"active_rui_d22e","withIcon":"withIcon_rui_d22e","icon":"icon_rui_d22e","primary":"primary_rui_d22e","loader":"loader_rui_d22e","loaderBackground":"loaderBackground_rui_d22e","danger":"danger_rui_d22e","text":"text_rui_d22e","content":"content_rui_d22e","text-loading":"text-loading_rui_d22e","inline":"inline_rui_d22e","withNormalIcon":"withNormalIcon_rui_d22e","withDangerIcon":"withDangerIcon_rui_d22e","progress":"progress_rui_d22e","delayed":"delayed_rui_d22e","short":"short_rui_d22e","dropdownIcon":"dropdownIcon_rui_d22e","queryAssist":"queryAssist_rui_d22e","error":"error_rui_d22e","queryAssistDisabled":"queryAssistDisabled_rui_d22e","huge":"huge_rui_d22e","actions":"actions_rui_d22e","input":"input_rui_d22e","letter-text":"letter-text_rui_d22e","letterDefault":"letterDefault_rui_d22e","letter-field-name":"letter-field-name_rui_d22e","letter-field-value":"letter-field-value_rui_d22e","letter-operator":"letter-operator_rui_d22e","letter-error":"letter-error_rui_d22e","highlight":"highlight_rui_d22e","service":"service_rui_d22e","placeholder":"placeholder_rui_d22e resetButton_rui_8bff","letter":"letter_rui_d22e","rightSearchButton":"rightSearchButton_rui_d22e","clear":"clear_rui_d22e","withoutGlass":"withoutGlass_rui_d22e","loaderActive":"loaderActive_rui_d22e","loaderOnTheRight":"loaderOnTheRight_rui_d22e","inputRevertOrder":"inputRevertOrder_rui_d22e"};
 
 const ICON_ID_LENGTH = 44;
 class QueryAssistSuggestions {

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

@@ -57,6 +57,7 @@ import '../input/input-label.js';
 import 'date-fns/isAfter';
 import 'date-fns/isBefore';
 import 'date-fns/startOfDay';
+import 'date-fns';
 import './months.js';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';

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

@@ -5,6 +5,7 @@ import isAfter from 'date-fns/isAfter';
 import isBefore from 'date-fns/isBefore';
 import isSameDay from 'date-fns/isSameDay';
 import startOfDay from 'date-fns/startOfDay';
+import { set } from 'date-fns';
 import memoize from '../global/memoize.js';
 import DateInput from './date-input.js';
 import Months from './months.js';
@@ -228,7 +229,12 @@ class DatePopup extends Component {
         text: null,
         scrollDate: null
       });
-      this.props.onChange(changes.date);
+      const adjustedDate = changes.date && set(new Date(), {
+        year: changes.date.getFullYear(),
+        month: changes.date.getMonth(),
+        date: changes.date.getDate()
+      });
+      this.props.onChange(adjustedDate);
       this.props.onComplete();
     } else if (!range && withTime) {
       const date = this.parse(this.props.date, 'date');

package/dist/date-picker/months.js

@@ -62,8 +62,7 @@ function Months(props) {
     scrollDate
   } = 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 = new Date(Date.UTC(monthDate.getFullYear(), monthDate.getMonth(), 1));
+  const monthStart = startOfMonth(monthDate);
   let month = subMonths(monthStart, MONTHSBACK);
   const months = [month];
   for (let i = 0; i < MONTHSBACK * DOUBLE; i++) {

package/dist/query-assist/query-assist.js

@@ -776,9 +776,9 @@ class QueryAssist extends Component {
     const inputClasses = classNames(this.props.inputClassName, {
       [`${modules_da7ab055.input} ring-js-shortcuts`]: true,
       [modules_da7ab055.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
-      [modules_da7ab055.inputGap2]: actions.length === 2 // TODO: replace with flex-box layout
+      [modules_da7ab055.inputGap2]: actions.length === 2,
+      [modules_da7ab055.inputRevertOrder]: !glass
     });
-
     const placeholderStyles = classNames({
       [modules_da7ab055.placeholder]: true,
       [modules_da7ab055.withoutGlass]: !this.isRenderingGlassOrLoader() || !renderLoader && huge
@@ -832,10 +832,10 @@ class QueryAssist extends Component {
       ref: this.placeholderRef,
       onClick: this.handleCaretMove,
       "data-test": "query-assist-placeholder"
-    }, this.props.placeholder), actions && /*#__PURE__*/React.createElement("div", {
+    }, this.props.placeholder), actions.length ? /*#__PURE__*/React.createElement("div", {
       "data-test": "ring-query-assist-actions",
       className: modules_da7ab055.actions
-    }, actions), /*#__PURE__*/React.createElement(PopupMenu, {
+    }, actions) : null, /*#__PURE__*/React.createElement(PopupMenu, {
       hidden: !this.state.showPopup,
       onCloseAttempt: this.closePopup,
       ref: this.popupRef,