@jetbrains/ring-ui 4.2.16 → 4.2.18

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

@@ -352,3 +352,40 @@ rangeWithCustomPlaceholders.parameters = {
   hermione: {skip: true}
 };
 
+export const withEmptyPlaceholder = () => {
+  class DatePickerExample extends Component {
+    state = {
+      from: undefined,
+      to: undefined
+    };
+
+    setRange = ({from, to}) => {
+      this.setState({from, to});
+    };
+
+    render() {
+      return (
+        <div>
+          <DatePicker
+            from={this.state.from}
+            to={this.state.to}
+            onChange={this.setRange}
+            fromPlaceholder=""
+            toPlaceholder=""
+            rangePlaceholder=""
+            clear
+            range
+          />
+        </div>
+      );
+    }
+  }
+
+  return <DatePickerExample/>;
+};
+
+withEmptyPlaceholder.storyName = 'range with empty placeholder';
+withEmptyPlaceholder.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/query-assist/query-assist.js

@@ -463,7 +463,7 @@ export default class QueryAssist extends Component {
     if (!this.props.disabled && (caret !== this.immediateState.caret || popupHidden)) {
       this.immediateState.caret = caret;
       this.scrollInput();
-      if (this.props.autoOpen === 'force' || this.immediateState.query.length > 0) {
+      if (this.immediateState.query.length > 0) {
         this.requestData();
       }
     }

package/components/select/select.examples.js

@@ -1013,6 +1013,16 @@ export const multipleWithLimit = args => <Select {...args}/>;
 multipleWithLimit.storyName = 'multiple with limit';
 multipleWithLimit.parameters = {hermione: {skip: true}};
 
+export const withEmptyPlaceholder = args => (
+  <Select
+    {...args}
+    label={''}
+  />
+);
+
+withEmptyPlaceholder.storyName = 'with empty placeholder';
+withEmptyPlaceholder.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

@@ -192,15 +192,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/query-assist/query-assist.js

@@ -314,7 +314,7 @@ class QueryAssist extends Component {
         this.immediateState.caret = caret;
         this.scrollInput();
 
-        if (this.props.autoOpen === 'force' || this.immediateState.query.length > 0) {
+        if (this.immediateState.query.length > 0) {
           this.requestData();
         }
       }

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.16",
+  "version": "4.2.18",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -221,5 +221,5 @@
     "node": ">=7.4",
     "npm": ">=6.0.0"
   },
-  "gitHead": "d014a21eb36c71da5a1ce56d6a95f74497930c76"
+  "gitHead": "6b6f519b3990ff308b592a9b9fe42891c2591166"
 }