@jetbrains/ring-ui 5.0.112 → 5.0.114

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -165,6 +165,10 @@
165
165
  }
166
166
  }
167
167
 
168
+ .hugePlaceholder {
169
+ padding-left: 0;
170
+ }
171
+
168
172
  .letter {
169
173
  display: inline;
170
174
  }
@@ -795,10 +795,11 @@ export default class QueryAssist extends Component {
795
795
  [`${styles.input} ring-js-shortcuts`]: true,
796
796
  [styles.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
797
797
  [styles.inputGap2]: actions.length === 2,
798
- [styles.inputRevertOrder]: !glass
798
+ [styles.inputRevertOrder]: !glass || huge
799
799
  });
800
800
  const placeholderStyles = classNames({
801
801
  [styles.placeholder]: true,
802
+ [styles.hugePlaceholder]: huge,
802
803
  [styles.withoutGlass]: !glass || (!renderLoader && huge)
803
804
  });
804
805
  return (<ControlsHeightContext.Provider value={ControlsHeight.M}>
@@ -808,7 +809,7 @@ export default class QueryAssist extends Component {
808
809
  {renderGlass && !huge && (<Icon glyph={searchIcon} className={styles.icon} title={this.props.translations.searchTitle} ref={this.glassRef} data-test="query-assist-search-icon"/>)}
809
810
 
810
811
  {renderLoader && (<div className={classNames(styles.icon, styles.loader, {
811
- [styles.loaderOnTheRight]: !glass,
812
+ [styles.loaderOnTheRight]: !glass && !huge,
812
813
  [styles.loaderActive]: renderLoader
813
814
  })} ref={this.loaderRef}>
814
815
  <LoaderInline />
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import List from '../list/list.js';
3
3
 
4
- 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"};
4
+ 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","hugePlaceholder":"hugePlaceholder_rui_d22e","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"};
5
5
 
6
6
  const ICON_ID_LENGTH = 44;
7
7
  class QueryAssistSuggestions {
@@ -47,9 +47,9 @@ import '../loader/loader.js';
47
47
  import '../loader/loader__core.js';
48
48
  import '../_helpers/loader-screen.js';
49
49
  import './background-flow.js';
50
+ import '../_helpers/link.js';
50
51
  import 'es6-error';
51
52
  import '../global/url.js';
52
- import '../_helpers/link.js';
53
53
 
54
54
  class IFrameFlow {
55
55
  constructor(requestBuilder, storage, translations) {
@@ -54,12 +54,12 @@ import '../link/link.js';
54
54
  import '../_helpers/link.js';
55
55
  import '../group/group.js';
56
56
  import '../_helpers/group.js';
57
- import '../global/listeners.js';
58
- import '../global/promise-with-timeout.js';
59
57
  import '../storage/storage.js';
60
58
  import '../storage/storage__local.js';
61
59
  import '../storage/storage__fallback.js';
62
60
  import 'deep-equal';
61
+ import '../global/listeners.js';
62
+ import '../global/promise-with-timeout.js';
63
63
  import './request-builder.js';
64
64
  import 'simply-uuid';
65
65
  import './background-flow.js';
@@ -794,10 +794,11 @@ class QueryAssist extends Component {
794
794
  [`${modules_da7ab055.input} ring-js-shortcuts`]: true,
795
795
  [modules_da7ab055.inputGap]: actions.length || this.isRenderingGlassOrLoader() && !glass,
796
796
  [modules_da7ab055.inputGap2]: actions.length === 2,
797
- [modules_da7ab055.inputRevertOrder]: !glass
797
+ [modules_da7ab055.inputRevertOrder]: !glass || huge
798
798
  });
799
799
  const placeholderStyles = classNames({
800
800
  [modules_da7ab055.placeholder]: true,
801
+ [modules_da7ab055.hugePlaceholder]: huge,
801
802
  [modules_da7ab055.withoutGlass]: !glass || !renderLoader && huge
802
803
  });
803
804
  return /*#__PURE__*/React.createElement(ControlsHeightContext.Provider, {
@@ -818,7 +819,7 @@ class QueryAssist extends Component {
818
819
  "data-test": "query-assist-search-icon"
819
820
  }), renderLoader && /*#__PURE__*/React.createElement("div", {
820
821
  className: classNames(modules_da7ab055.icon, modules_da7ab055.loader, {
821
- [modules_da7ab055.loaderOnTheRight]: !glass,
822
+ [modules_da7ab055.loaderOnTheRight]: !glass && !huge,
822
823
  [modules_da7ab055.loaderActive]: renderLoader
823
824
  }),
824
825
  ref: this.loaderRef