@jetbrains/ring-ui-built 6.1.1-beta.0 → 7.0.0-beta.10

package/components/progress-bar/progress-bar.js

@@ -1,113 +1,69 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { jsx } from 'react/jsx-runtime';
 
 var modules_fb7af416 = {"dark":"dark_rui_f090","light":"light_rui_2ac4","progressBar":"progressBar_rui_7662","globalMode":"globalMode_rui_7662","line":"line_rui_7662","progress-bar":"progress-bar_rui_7662","staticLineColor":"staticLineColor_rui_7662"};
 
-var _excluded = ["className", "global", "max", "value", "label", "staticColor"];
-var ProgressBar = /*#__PURE__*/function (_PureComponent) {
-  function ProgressBar() {
-    var _this;
-    _classCallCheck(this, ProgressBar);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, ProgressBar, [].concat(args));
-    _defineProperty(_this, "progressbarWrapper", void 0);
-    _defineProperty(_this, "progressbarWrapperRef", function (el) {
-      _this.progressbarWrapper = el;
+const _excluded = ["className", "global", "max", "value", "label", "staticColor"];
+class ProgressBar extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "progressbarWrapper", void 0);
+    _defineProperty(this, "progressbarWrapperRef", el => {
+      this.progressbarWrapper = el;
     });
-    _defineProperty(_this, "progressbar", void 0);
-    _defineProperty(_this, "progressbarRef", function (el) {
-      _this.progressbar = el;
+    _defineProperty(this, "progressbar", void 0);
+    _defineProperty(this, "progressbarRef", el => {
+      this.progressbar = el;
     });
-    return _this;
   }
-  _inherits(ProgressBar, _PureComponent);
-  return _createClass(ProgressBar, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        global = _this$props.global,
-        max = _this$props.max,
-        value = _this$props.value,
-        label = _this$props.label,
-        staticColor = _this$props.staticColor,
-        otherProps = _objectWithoutProperties(_this$props, _excluded);
-      var width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
-      var classes = classNames(modules_fb7af416.progressBar, className, {
-        [modules_fb7af416.globalMode]: global,
-        [modules_fb7af416.staticLineColor]: staticColor
-      });
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, otherProps), {}, {
-        className: classes,
-        ref: this.progressbarWrapperRef,
-        children: /*#__PURE__*/jsx("div", {
-          className: modules_fb7af416.line,
-          ref: this.progressbarRef,
-          role: "progressbar",
-          "aria-label": label,
-          "aria-valuenow": value,
-          "aria-valuemin": 0,
-          "aria-valuemax": max,
-          style: {
-            width
-          }
-        })
-      }));
-    }
-  }], [{
-    key: "toPercent",
-    value:
-    /**
-     * @param {number} value The progress task value
-     * @param {number} max The maximum value
-     * @return {number} The progress task value in percents
-     * @private
-     */
-    function toPercent(value, max) {
-      var HUNDRED_PERCENT = 100;
-      var percents = value * HUNDRED_PERCENT / max;
-      return percents > HUNDRED_PERCENT ? HUNDRED_PERCENT : percents;
-    }
-  }]);
-}(PureComponent);
-_defineProperty(ProgressBar, "propTypes", {
-  label: PropTypes.string,
   /**
-   * Sets the ring-progress-bar_global class to position the progress bar on top of the screen.
-   * Should be placed directly inside body, will be positioned right below .ring-header
-   * if placed adjacent to it.
-   * @type {boolean}
+   * @param {number} value The progress task value
+   * @param {number} max The maximum value
+   * @return {number} The progress task value in percents
+   * @private
    */
-  global: PropTypes.bool,
-  /**
-   * Custom class
-   * @type {string}
-   */
-  className: PropTypes.string,
-  style: PropTypes.object,
-  /**
-   * A floating point number that specifies minimum completion rate for a task to be considered
-   * complete. Default value is 1.0.
-   * @type {number}
-   */
-  max: PropTypes.number,
-  /**
-   * A floating point number that specifies current task completion rate.
-   * @type {number}
-   */
-  value: PropTypes.number,
-  /**
-   * Disables Disabled progress bar color animation and sets it to static color.
-   * @type {boolean}
-   */
-  staticColor: PropTypes.bool
-});
+  static toPercent(value, max) {
+    const HUNDRED_PERCENT = 100;
+    const percents = value * HUNDRED_PERCENT / max;
+    return percents > HUNDRED_PERCENT ? HUNDRED_PERCENT : percents;
+  }
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        global,
+        max,
+        value,
+        label,
+        staticColor
+      } = _this$props,
+      otherProps = _objectWithoutProperties(_this$props, _excluded);
+    const width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
+    const classes = classNames(modules_fb7af416.progressBar, className, {
+      [modules_fb7af416.globalMode]: global,
+      [modules_fb7af416.staticLineColor]: staticColor
+    });
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, otherProps), {}, {
+      className: classes,
+      ref: this.progressbarWrapperRef,
+      children: /*#__PURE__*/jsx("div", {
+        className: modules_fb7af416.line,
+        ref: this.progressbarRef,
+        role: "progressbar",
+        "aria-label": label,
+        "aria-valuenow": value,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        style: {
+          width
+        }
+      })
+    }));
+  }
+}
 _defineProperty(ProgressBar, "defaultProps", {
   max: 1.0,
   value: 0,

package/components/query-assist/query-assist.d.ts

@@ -1,6 +1,5 @@
 import { Component, ComponentRef, ReactNode, SyntheticEvent } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 import Caret, { Position } from '../caret/caret';
 import PopupMenu from '../popup-menu/popup-menu';
 import Button from '../button/button';
@@ -37,27 +36,90 @@ export interface QueryAssistRequestParams {
     omitSuggestions?: boolean;
 }
 export interface QueryAssistProps {
+    /**
+     * Called when the query is applied. An object with fields `caret`, `focus` and `query` is passed as an argument
+     */
     onApply: (change: QueryAssistChange) => void;
+    /**
+     * Called when the query is changed. An object with fields `caret` and `query` is passed as an argument
+     */
     onChange: (change: QueryAssistChange) => void;
+    /**
+     * Called when the suggestion is applied
+     */
     onApplySuggestion: (suggestion: QueryAssistSuggestion, change: QueryAssistChange) => void;
+    /**
+     * Called when the query is cleared. Called without arguments
+     */
     onClear: () => void;
+    /**
+     * Called when the focus status is changed. An object with fields `focus` is passed as an argument
+     */
     onFocusChange: (change: FocusChange) => void;
     translations?: QueryAssistTranslations | null | undefined;
+    /**
+     * Open suggestions popup during the initial render
+     */
     autoOpen?: boolean | null | undefined | 'force';
+    /**
+     * Initial caret position
+     */
     caret?: number | null | undefined;
+    /**
+     * Show clickable "cross" icon on the right which clears the query
+     */
     clear?: boolean | null | undefined;
+    /**
+     * Additional class for the component
+     */
     className?: string | null | undefined;
+    /**
+     * Additional class for the popup
+     */
     popupClassName?: string | null | undefined;
+    /**
+     * Additional class for the input
+     */
     inputClassName?: string | null | undefined;
+    /**
+     * Data source function
+     */
     dataSource: (params: QueryAssistRequestParams) => Promise<QueryAssistResponse> | QueryAssistResponse;
+    /**
+     * Input debounce delay
+     */
     delay?: number | null | undefined;
+    /**
+     * Disable the component
+     */
     disabled?: boolean | undefined;
+    /**
+     * Initial focus
+     */
     focus?: boolean | null | undefined;
+    /**
+     * Hint under the suggestions list
+     */
     hint?: string | null | undefined;
+    /**
+     * Hint under the suggestions list visible when a suggestion is selected
+     */
     hintOnSelection?: string | null | undefined;
+    /**
+     * Show clickable "glass" icon on the right which applies the query
+     */
     glass?: boolean | null | undefined;
+    /**
+     * Show loader when a data request is in process
+     */
     loader?: boolean | null | undefined;
+    /**
+     * Field placeholder value
+     */
     placeholder?: string | null | undefined;
+    /**
+     * Initial query
+     */
     query?: string | null | undefined;
     useCustomItemRender?: boolean | null | undefined;
     actions?: ReactNode[] | null | undefined;
@@ -129,98 +191,6 @@ interface HistoryEntry {
  + __icon__ \`string=\` Icon URI, Data URI is possible
  */
 export default class QueryAssist extends Component<QueryAssistProps> {
-    static propTypes: {
-        /**
-         * Open suggestions popup during the initial render
-         */
-        autoOpen: PropTypes.Requireable<string | boolean>;
-        /**
-         * Initial caret position
-         */
-        caret: PropTypes.Requireable<number>;
-        /**
-         * Show clickable "cross" icon on the right which clears the query
-         */
-        clear: PropTypes.Requireable<boolean>;
-        /**
-         * Additional class for the component
-         */
-        className: PropTypes.Requireable<string>;
-        /**
-         * Additional class for the popup
-         */
-        popupClassName: PropTypes.Requireable<string>;
-        /**
-         * Additional class for the input
-         */
-        inputClassName: PropTypes.Requireable<string>;
-        /**
-         * Data source function
-         */
-        dataSource: PropTypes.Validator<(...args: any[]) => any>;
-        /**
-         * Input debounce delay
-         */
-        delay: PropTypes.Requireable<number>;
-        /**
-         * Disable the component
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Initial focus
-         */
-        focus: PropTypes.Requireable<boolean>;
-        /**
-         * Hint under the suggestions list
-         */
-        hint: PropTypes.Requireable<string>;
-        /**
-         * Hint under the suggestions list visible when a suggestion is selected
-         */
-        hintOnSelection: PropTypes.Requireable<string>;
-        /**
-         * Show clickable "glass" icon on the right which applies the query
-         */
-        glass: PropTypes.Requireable<boolean>;
-        /**
-         * Show loader when a data request is in process
-         */
-        loader: PropTypes.Requireable<boolean>;
-        /**
-         * Field placeholder value
-         */
-        placeholder: PropTypes.Requireable<string>;
-        /**
-         * Called when the query is applied. An object with fields `caret`, `focus` and `query` is passed as an argument
-         */
-        onApply: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when the query is changed. An object with fields `caret` and `query` is passed as an argument
-         */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when the query is cleared. Called without arguments
-         */
-        onClear: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when the suggestion is applied
-         */
-        onApplySuggestion: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Called when the focus status is changed. An object with fields `focus` is passed as an argument
-         */
-        onFocusChange: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Initial query
-         */
-        query: PropTypes.Requireable<string>;
-        useCustomItemRender: PropTypes.Requireable<boolean>;
-        translations: PropTypes.Requireable<object>;
-        actions: PropTypes.Requireable<any[]>;
-        'data-test': PropTypes.Requireable<string>;
-        huge: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-    };
     static defaultProps: {
         onApply: typeof noop;
         onChange: typeof noop;