@jetbrains/ring-ui 5.1.19 → 5.1.21

package/dist/editable-heading/editable-heading.js

@@ -50,9 +50,9 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 
-var modules_6e69b0fe = {"unit":"i__const_unit_0","editableHeading":"editableHeading_rui_0870","fullSize":"fullSize_rui_0870","isEditing":"isEditing_rui_0870","headingWrapperButton":"headingWrapperButton_rui_0870","disabled":"disabled_rui_0870","selectionMode":"selectionMode_rui_0870","heading":"heading_rui_0870","multiline":"multiline_rui_0870","input":"input_rui_0870","error":"error_rui_0870","textarea":"textarea_rui_0870","textareaFade":"textareaFade_rui_0870","textareaWrapper":"textareaWrapper_rui_0870","button":"button_rui_0870","errorText":"errorText_rui_0870","level1":"level1_rui_0870","level2":"level2_rui_0870","level3":"level3_rui_0870","sizeS":"sizeS_rui_0870","sizeM":"sizeM_rui_0870","sizeL":"sizeL_rui_0870","sizeFULL":"sizeFULL_rui_0870"};
+var modules_6e69b0fe = {"unit":"i__const_unit_0","editableHeading":"editableHeading_rui_0870","fullSize":"fullSize_rui_0870","isEditing":"isEditing_rui_0870","headingWrapperButton":"headingWrapperButton_rui_0870","disabled":"disabled_rui_0870","selectionMode":"selectionMode_rui_0870","heading":"heading_rui_0870","multiline":"multiline_rui_0870","input":"input_rui_0870","error":"error_rui_0870","textarea":"textarea_rui_0870","textareaNotOverflow":"textareaNotOverflow_rui_0870","textareaFade":"textareaFade_rui_0870","textareaWrapper":"textareaWrapper_rui_0870","button":"button_rui_0870","errorText":"errorText_rui_0870","level1":"level1_rui_0870","level2":"level2_rui_0870","level3":"level3_rui_0870","sizeS":"sizeS_rui_0870","sizeM":"sizeM_rui_0870","sizeL":"sizeL_rui_0870","sizeFULL":"sizeFULL_rui_0870"};
 
-var _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "onChange", "onScroll", "maxInputHeight", "translations"];
+var _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "onChange", "onScroll", "maxInputRows", "translations"];
 function noop() {}
 var EditableHeading = function EditableHeading(props) {
   var _props$level = props.level,
@@ -92,7 +92,7 @@ var EditableHeading = function EditableHeading(props) {
     onBlur = props.onBlur,
     onChange = props.onChange,
     onScroll = props.onScroll,
-    maxInputHeight = props.maxInputHeight,
+    maxInputRows = props.maxInputRows,
     _props$translations = props.translations,
     translations = _props$translations === void 0 ? {
       save: 'Save',
@@ -119,6 +119,10 @@ var EditableHeading = function EditableHeading(props) {
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     isScrolledToBottom = _React$useState10[0],
     setIsScrolledToBottom = _React$useState10[1];
+  var _React$useState11 = React.useState(false),
+    _React$useState12 = _slicedToArray(_React$useState11, 2),
+    isOverflow = _React$useState12[0],
+    setIsOverflow = _React$useState12[1];
   var hasError = error !== undefined;
   var isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
   var isCancelDisabled = isSaving;
@@ -142,7 +146,9 @@ var EditableHeading = function EditableHeading(props) {
     [modules_6e69b0fe.selectionMode]: isInSelectionMode
   });
   var headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
-  var inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, modules_88cfaf40["size".concat(size)], modules_6e69b0fe["level".concat(level)], inputClassName);
+  var inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, {
+    [modules_6e69b0fe.textareaNotOverflow]: !isOverflow
+  }, modules_88cfaf40["size".concat(size)], modules_6e69b0fe["level".concat(level)], inputClassName);
   var stretch = useCallback(function (el) {
     if (!el || !el.style) {
       return;
@@ -163,6 +169,7 @@ var EditableHeading = function EditableHeading(props) {
     var clientHeight = el.clientHeight || 0;
     var scrollTop = el.scrollTop || 0;
     setIsScrolledToBottom(scrollHeight - clientHeight <= scrollTop);
+    setIsOverflow(scrollHeight > clientHeight);
   }, [setIsScrolledToBottom]);
   var onHeadingMouseDown = React.useCallback(function () {
     setIsMouseDown(true);
@@ -184,20 +191,20 @@ var EditableHeading = function EditableHeading(props) {
     setIsInFocus(true);
     checkValue(e.target);
     checkOverflow(e.target);
-    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    onFocus === null || onFocus === void 0 || onFocus(e);
   }, [onFocus, checkOverflow, checkValue]);
   var onInputChange = React.useCallback(function (e) {
     checkValue(e.target);
     checkOverflow(e.target);
-    onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    onChange === null || onChange === void 0 || onChange(e);
   }, [onChange, checkOverflow, checkValue]);
   var onInputScroll = React.useCallback(function (e) {
     checkOverflow(e.target);
-    onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
+    onScroll === null || onScroll === void 0 || onScroll(e);
   }, [onScroll, checkOverflow]);
   var onInputBlur = React.useCallback(function (e) {
     setIsInFocus(false);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    onBlur === null || onBlur === void 0 || onBlur(e);
   }, [onBlur]);
   useEffect(function () {
     window.addEventListener('mousemove', onMouseMove);
@@ -238,7 +245,7 @@ var EditableHeading = function EditableHeading(props) {
     onBlur: onInputBlur,
     onScroll: onInputScroll,
     style: {
-      maxHeight: maxInputHeight
+      maxHeight: maxInputRows ? "".concat(maxInputRows, "lh") : ''
     }
   })), !isScrolledToBottom && /*#__PURE__*/React.createElement("div", {
     className: modules_6e69b0fe.textareaFade

package/dist/global/focus-sensor-hoc.js

@@ -55,7 +55,7 @@ function focusSensorHOC(ComposedComponent) {
           _this.setState({
             focused: true
           });
-          (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 ? void 0 : _this$props$onFocus.call(_this$props);
+          (_this$props$onFocus = (_this$props = _this.props).onFocus) === null || _this$props$onFocus === void 0 || _this$props$onFocus.call(_this$props);
         }
       });
       _defineProperty(_assertThisInitialized(_this), "onBlurCapture", function (_ref3) {
@@ -71,7 +71,7 @@ function focusSensorHOC(ComposedComponent) {
               _this.setState({
                 focused: false
               });
-              (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 ? void 0 : _this$props$onBlur.call(_this$props2);
+              (_this$props$onBlur = (_this$props2 = _this.props).onBlur) === null || _this$props$onBlur === void 0 || _this$props$onBlur.call(_this$props2);
             }
           }, 1);
         }
@@ -79,13 +79,13 @@ function focusSensorHOC(ComposedComponent) {
       _defineProperty(_assertThisInitialized(_this), "onFocusRestore", function () {
         var _this$node2;
         _this._skipNextCapture = true;
-        (_this$node2 = _this.node) === null || _this$node2 === void 0 ? void 0 : _this$node2.focus({
+        (_this$node2 = _this.node) === null || _this$node2 === void 0 || _this$node2.focus({
           preventScroll: !_this.props.scrollOnTableFocus
         });
       });
       _defineProperty(_assertThisInitialized(_this), "onFocusReset", function () {
         var _this$node3;
-        (_this$node3 = _this.node) === null || _this$node3 === void 0 ? void 0 : _this$node3.blur();
+        (_this$node3 = _this.node) === null || _this$node3 === void 0 || _this$node3.blur();
       });
       return _this;
     }
@@ -96,14 +96,14 @@ function focusSensorHOC(ComposedComponent) {
           autofocus = _this$props3.autofocus,
           scrollOnTableFocus = _this$props3.scrollOnTableFocus,
           node = this.node;
-        node === null || node === void 0 ? void 0 : node.setAttribute('tabindex', '0');
+        node === null || node === void 0 || node.setAttribute('tabindex', '0');
         if (node != null) {
           node.style.outline = 'none';
         }
         document.addEventListener('focus', this.onFocusCapture, true);
         document.addEventListener('blur', this.onBlurCapture, true);
         if (autofocus) {
-          node === null || node === void 0 ? void 0 : node.focus({
+          node === null || node === void 0 || node.focus({
             preventScroll: !scrollOnTableFocus
           });
         }

package/dist/global/schedule-raf.js

@@ -5,7 +5,7 @@ function scheduleRAF(trailingCall) {
   function doSchedule() {
     RAF = window.requestAnimationFrame(function () {
       var _scheduledCb;
-      (_scheduledCb = scheduledCb) === null || _scheduledCb === void 0 ? void 0 : _scheduledCb();
+      (_scheduledCb = scheduledCb) === null || _scheduledCb === void 0 || _scheduledCb();
       if (trailingCallScheduled) {
         trailingCallScheduled = false;
         doSchedule();

package/dist/grid/row.js

@@ -10,7 +10,13 @@ import { m as modules_855170c0 } from '../_helpers/grid.js';
 
 var _excluded = ["children", "className", "reverse"];
 var ModifierType = PropTypes.oneOf(['xs', 'sm', 'md', 'lg']);
-var modifierKeys = ['start', 'center', 'end', 'around', 'between', 'top', 'middle', 'baseline', 'bottom', 'first', 'last' // order
+var modifierKeys = ['start', 'center', 'end',
+// text-align, justify-content
+'around', 'between',
+// justify-content
+'top', 'middle', 'baseline', 'bottom',
+// align-items
+'first', 'last' // order
 ];
 /**
  * Converts xs="middle" to class "middle-xs"

package/dist/header/profile.js

@@ -161,6 +161,7 @@ var Profile = /*#__PURE__*/function (_PureComponent) {
         rgItemType: PopupMenu.ListProps.Type.LINK,
         label: (_translations$profile = translations === null || translations === void 0 ? void 0 : translations.profile) !== null && _translations$profile !== void 0 ? _translations$profile : translate('profile'),
         target: '_self',
+        // Full page reload in Angular
         href: profileUrl,
         LinkComponent
       }, showSwitchUser && {

package/dist/header/smart-services.js

@@ -129,7 +129,7 @@ var SmartServices = /*#__PURE__*/function (_Component) {
       _this.setState({
         loading: true
       });
-      (_this$getServices = _this.getServices(SmartServices.allFields)) === null || _this$getServices === void 0 ? void 0 : _this$getServices.then(function (services) {
+      (_this$getServices = _this.getServices(SmartServices.allFields)) === null || _this$getServices === void 0 || _this$getServices.then(function (services) {
         _this.setState({
           services
         });
@@ -145,7 +145,7 @@ var SmartServices = /*#__PURE__*/function (_Component) {
         _this2 = this;
       var auth = this.props.auth;
       this.http = new HTTP(auth, auth.getAPIPath());
-      (_this$getServices2 = this.getServices(SmartServices.countFields)) === null || _this$getServices2 === void 0 ? void 0 : _this$getServices2.then(function (services) {
+      (_this$getServices2 = this.getServices(SmartServices.countFields)) === null || _this$getServices2 === void 0 || _this$getServices2.then(function (services) {
         if (!services.length) {
           _this2.setState({
             visible: false

package/dist/input/input.js

@@ -74,14 +74,14 @@ var Input = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (e) {
       if (!_this.props.multiline) {
         var _this$props$onChange, _this$props;
-        (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, e);
+        (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props, e);
         _this.checkValue();
       }
     });
     _defineProperty(_assertThisInitialized(_this), "handleTextareaChange", function (e) {
       if (_this.props.multiline) {
         var _this$props$onChange2, _this$props2;
-        (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 ? void 0 : _this$props$onChange2.call(_this$props2, e);
+        (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 || _this$props$onChange2.call(_this$props2, e);
         _this.checkValue();
       }
     });

package/dist/island/content.js

@@ -53,7 +53,7 @@ var Content = /*#__PURE__*/function (_Component) {
         var scrolledToBottom = offsetHeight + scrollTop >= scrollHeight - END_DISTANCE;
         if (scrolledToBottom) {
           var _this$props$onScrollT, _this$props;
-          (_this$props$onScrollT = (_this$props = _this.props).onScrollToBottom) === null || _this$props$onScrollT === void 0 ? void 0 : _this$props$onScrollT.call(_this$props);
+          (_this$props$onScrollT = (_this$props = _this.props).onScrollToBottom) === null || _this$props$onScrollT === void 0 || _this$props$onScrollT.call(_this$props);
         }
         _this.setState({
           scrolledToTop,

package/dist/island/header.js

@@ -56,6 +56,7 @@ var Header = /*#__PURE__*/function (_Component) {
       });
       var headerStyle = phase != null ? {
         lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
+        // need to append px because number is a valid line-height value
         paddingTop: this.style('PADDING_TOP'),
         paddingBottom: this.style('PADDING_BOTTOM')
       } : undefined;

package/dist/list/list.js

@@ -776,8 +776,11 @@ _defineProperty(List, "propTypes", {
 _defineProperty(List, "defaultProps", {
   data: [],
   restoreActiveIndex: false,
+  // restore active item using its "key" property
   activateSingleItem: false,
+  // if there is only one item, activate it
   activateFirstItem: false,
+  // if there no active items, activate the first one
   onMouseOut: noop,
   onSelect: noop,
   onScrollToBottom: noop,

package/dist/loader/loader.js

@@ -56,7 +56,7 @@ var Loader = /*#__PURE__*/function (_PureComponent) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$loader;
-      (_this$loader = this.loader) === null || _this$loader === void 0 ? void 0 : _this$loader.destroy();
+      (_this$loader = this.loader) === null || _this$loader === void 0 || _this$loader.destroy();
     }
   }, {
     key: "render",

package/dist/loader/loader__core.js

@@ -102,7 +102,7 @@ var LoaderCore = /*#__PURE__*/function () {
     this.canvas.style.width = "".concat(this.props.size, "px");
     this.canvas.style.height = "".concat(this.props.size, "px");
     this.ctx = this.canvas.getContext('2d');
-    (_this$ctx = this.ctx) === null || _this$ctx === void 0 ? void 0 : _this$ctx.scale(pixelRatio, pixelRatio);
+    (_this$ctx = this.ctx) === null || _this$ctx === void 0 || _this$ctx.scale(pixelRatio, pixelRatio);
     this.height = this.props.size;
     this.width = this.props.size;
     this.particles = [];
@@ -282,27 +282,39 @@ _defineProperty(LoaderCore, "defaultProps", {
     r: 215,
     g: 60,
     b: 234
-  }, {
+  },
+  //#D73CEA
+  {
     r: 145,
     g: 53,
     b: 224
-  }, {
+  },
+  //#9135E0
+  {
     r: 88,
     g: 72,
     b: 224
-  }, {
+  },
+  //#5848F4
+  {
     r: 37,
     g: 183,
     b: 255
-  }, {
+  },
+  //#25B7FF
+  {
     r: 89,
     g: 189,
     b: 0
-  }, {
+  },
+  //#59BD00
+  {
     r: 251,
     g: 172,
     b: 2
-  }, {
+  },
+  //#FBAC02
+  {
     r: 227,
     g: 37,
     b: 129

package/dist/loader-screen-ng/loader-screen-ng.js

@@ -34,7 +34,6 @@ angularModule.service('loaderScreen', ["$timeout", "$rootScope", function servic
     if (showLoaderPromise) {
       return; // already scheduled to show
     }
-
     showLoaderPromise = $timeout(function () {
       _this.setVisible(true);
     }, ttl);
@@ -83,7 +82,6 @@ angularModule.service('loaderScreen', ["$timeout", "$rootScope", function servic
   });
   /* eslint-enable angular/on-watch */
 }]);
-
 angularModule.directive('rgLoaderScreen', function rgLoaderScreenDirective() {
   return {
     restrict: 'A',

package/dist/message-bundle-ng/message-bundle-ng.js

@@ -144,7 +144,6 @@ function RingMessageBundle(ringI18n) {
   };
   /* eslint-enable camelcase */
 }
-
 angularModule.factory('ringI18n', emptyI18n);
 angularModule.service('RingMessageBundle', ['ringI18n', RingMessageBundle]);
 var messageBundleNg = angularModule.name;

package/dist/pager/pager.js

@@ -138,7 +138,7 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
       if (currentPage !== 1) {
         var _this$props$onPageCha, _this$props;
         var prevPage = currentPage - 1;
-        (_this$props$onPageCha = (_this$props = _this.props).onPageChange) === null || _this$props$onPageCha === void 0 ? void 0 : _this$props$onPageCha.call(_this$props, prevPage);
+        (_this$props$onPageCha = (_this$props = _this.props).onPageChange) === null || _this$props$onPageCha === void 0 || _this$props$onPageCha.call(_this$props, prevPage);
       }
     });
     _defineProperty(_assertThisInitialized(_this), "handleNextClick", function () {
@@ -149,7 +149,7 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
       var total = _this.getTotalPages();
       if (currentPage !== total) {
         var _this$props$onPageCha2, _this$props3;
-        (_this$props$onPageCha2 = (_this$props3 = _this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 ? void 0 : _this$props$onPageCha2.call(_this$props3, nextPage);
+        (_this$props$onPageCha2 = (_this$props3 = _this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 || _this$props$onPageCha2.call(_this$props3, nextPage);
       } else if (_this.props.openTotal) {
         onLoadPage(nextPage);
       }
@@ -157,7 +157,7 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "handlePageChange", memoize(function (i) {
       return function (event) {
         var _this$props$onPageCha3, _this$props4;
-        (_this$props$onPageCha3 = (_this$props4 = _this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 ? void 0 : _this$props$onPageCha3.call(_this$props4, i, event);
+        (_this$props$onPageCha3 = (_this$props4 = _this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 || _this$props$onPageCha3.call(_this$props4, i, event);
       };
     }));
     _defineProperty(_assertThisInitialized(_this), "handleLoadMore", memoize(function (i) {
@@ -315,7 +315,7 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
       var translate = this.context.translate;
       if (totalPages < this.props.currentPage) {
         var _this$props$onPageCha4, _this$props9;
-        (_this$props$onPageCha4 = (_this$props9 = this.props).onPageChange) === null || _this$props$onPageCha4 === void 0 ? void 0 : _this$props$onPageCha4.call(_this$props9, totalPages);
+        (_this$props$onPageCha4 = (_this$props9 = this.props).onPageChange) === null || _this$props$onPageCha4 === void 0 || _this$props$onPageCha4.call(_this$props9, totalPages);
       }
       var start = 1;
       var end = totalPages;

package/dist/popup/popup.js

@@ -393,8 +393,10 @@ Popup.propTypes = {
   dontCloseOnAnchorClick: PropTypes.bool,
   shortcuts: PropTypes.bool,
   keepMounted: PropTypes.bool,
+  // pass this prop to preserve the popup's DOM state while hidden
   'data-test': PropTypes.string,
   client: PropTypes.bool,
+  // true means that it's never used in SSR
   directions: PropTypes.arrayOf(PropTypes.string),
   autoPositioning: PropTypes.bool,
   autoCorrectTopOverflow: PropTypes.bool,
@@ -404,6 +406,7 @@ Popup.propTypes = {
   minWidth: PropTypes.number,
   sidePadding: PropTypes.number,
   attached: PropTypes.bool,
+  // Popup adjacent to an input, without upper border and shadow
   onMouseDown: PropTypes.func,
   onMouseUp: PropTypes.func,
   onMouseOver: PropTypes.func,

package/dist/progress-bar/progress-bar.d.ts

@@ -5,6 +5,7 @@ export interface ProgressBarProps extends HTMLAttributes<HTMLElement> {
     value: number;
     label: string;
     global?: boolean | null | undefined;
+    staticColor?: boolean;
 }
 /**
  * @name Progress Bar
@@ -43,6 +44,11 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
          * @type {number}
          */
         value: PropTypes.Requireable<number>;
+        /**
+         * Disables Disabled progress bar color animation and sets it to static color.
+         * @type {boolean}
+         */
+        staticColor: PropTypes.Requireable<boolean>;
     };
     static defaultProps: {
         max: number;

package/dist/progress-bar/progress-bar.js

@@ -4,9 +4,9 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 
-var modules_fb7af416 = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","light":"light_rui_2ac4","progressBar":"progressBar_rui_5875","globalMode":"globalMode_rui_5875","line":"line_rui_5875","progress-bar":"progress-bar_rui_5875"};
+var modules_fb7af416 = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","light":"light_rui_2ac4","progressBar":"progressBar_rui_5875","globalMode":"globalMode_rui_5875","line":"line_rui_5875","progress-bar":"progress-bar_rui_5875","staticLineColor":"staticLineColor_rui_5875"};
 
-var _excluded = ["className", "global", "max", "value", "label"];
+var _excluded = ["className", "global", "max", "value", "label", "staticColor"];
 /**
  * @name Progress Bar
  */
@@ -39,10 +39,12 @@ var ProgressBar = /*#__PURE__*/function (_PureComponent) {
         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.globalMode]: global,
+        [modules_fb7af416.staticLineColor]: staticColor
       });
       return /*#__PURE__*/React.createElement("div", _extends({}, otherProps, {
         className: classes,
@@ -102,7 +104,12 @@ _defineProperty(ProgressBar, "propTypes", {
    * A floating point number that specifies current task completion rate.
    * @type {number}
    */
-  value: PropTypes.number
+  value: PropTypes.number,
+  /**
+   * Disables Disabled progress bar color animation and sets it to static color.
+   * @type {boolean}
+   */
+  staticColor: PropTypes.bool
 });
 _defineProperty(ProgressBar, "defaultProps", {
   max: 1.0,

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

@@ -8,6 +8,7 @@ import 'core-js/modules/es.array.splice.js';
 import 'core-js/modules/es.promise.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
+import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
@@ -33,7 +34,6 @@ import { m as modules_88cfaf40 } from '../_helpers/input.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { Q as QueryAssistSuggestions, m as modules_da7ab055 } from '../_helpers/query-assist__suggestions.js';
 import 'core-js/modules/es.regexp.to-string.js';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
 import 'core-js/modules/es.object.entries.js';
 import 'core-js/modules/es.string.split.js';
@@ -206,14 +206,14 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         if (typeof _this.immediateState.selection === 'number' && Number.isInteger(_this.immediateState.selection) && _this.immediateState.selection > -1) {
           var _this$caret;
           // Set to end of field value if newCaretPosition is inappropriate
-          (_this$caret = _this.caret) === null || _this$caret === void 0 ? void 0 : _this$caret.setPosition(newCaretPosition >= 0 ? newCaretPosition : -1);
+          (_this$caret = _this.caret) === null || _this$caret === void 0 || _this$caret.setPosition(newCaretPosition >= 0 ? newCaretPosition : -1);
           _this.scrollInput();
         } else if (_this.immediateState.selection && typeof _this.immediateState.selection === 'object' && _this.immediateState.selection.startOffset !== undefined) {
           var _this$caret2;
-          (_this$caret2 = _this.caret) === null || _this$caret2 === void 0 ? void 0 : _this$caret2.setPosition(_this.immediateState.selection);
+          (_this$caret2 = _this.caret) === null || _this$caret2 === void 0 || _this$caret2.setPosition(_this.immediateState.selection);
         } else if (_this.immediateState.selection === undefined || params.forceSetCaret) {
           var _this$caret3;
-          (_this$caret3 = _this.caret) === null || _this$caret3 === void 0 ? void 0 : _this$caret3.setPosition(-1);
+          (_this$caret3 = _this.caret) === null || _this$caret3 === void 0 || _this$caret3.setPosition(-1);
         }
       }
     });
@@ -270,7 +270,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       _this.props.onChange(props);
       if (_this.props.autoOpen === 'force' || props.query.length > 0) {
         var _this$requestData, _this2;
-        (_this$requestData = (_this2 = _this).requestData) === null || _this$requestData === void 0 ? void 0 : _this$requestData.call(_this2);
+        (_this$requestData = (_this2 = _this).requestData) === null || _this$requestData === void 0 || _this$requestData.call(_this2);
       }
     });
     // It's necessary to prevent new element creation before any other hooks
@@ -298,7 +298,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "setState", function (state, resolve) {
       _get((_thisSuper = _assertThisInitialized(_this), _getPrototypeOf(QueryAssist.prototype)), "setState", _thisSuper).call(_thisSuper, state, function () {
         _this._pushHistory(state);
-        resolve === null || resolve === void 0 ? void 0 : resolve();
+        resolve === null || resolve === void 0 || resolve();
       });
     });
     _defineProperty(_assertThisInitialized(_this), "undo", function (e) {
@@ -310,7 +310,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         query: previous.query
       }, function () {
         var _this$caret5;
-        (_this$caret5 = _this.caret) === null || _this$caret5 === void 0 ? void 0 : _this$caret5.setPosition(previous.caret);
+        (_this$caret5 = _this.caret) === null || _this$caret5 === void 0 || _this$caret5.setPosition(previous.caret);
         _this.handleInput(e);
       });
     });
@@ -337,7 +337,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         _this.scrollInput();
         if (_this.immediateState.query.length > 0) {
           var _this$requestData2, _this3;
-          (_this$requestData2 = (_this3 = _this).requestData) === null || _this$requestData2 === void 0 ? void 0 : _this$requestData2.call(_this3);
+          (_this$requestData2 = (_this3 = _this).requestData) === null || _this$requestData2 === void 0 || _this$requestData2.call(_this3);
         }
       }
       if (_this.props.autoOpen !== 'force' && _this.immediateState.query.length < 1) {
@@ -440,7 +440,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         _this.setCaretPosition();
       }
       _this.closePopup();
-      (_this$requestData3 = (_this4 = _this).requestData) === null || _this$requestData3 === void 0 ? void 0 : _this$requestData3.call(_this4, true);
+      (_this$requestData3 = (_this4 = _this).requestData) === null || _this$requestData3 === void 0 || _this$requestData3.call(_this4, true);
     });
     _defineProperty(_assertThisInitialized(_this), "requestStyleRanges", function () {
       var _this$immediateState = _this.immediateState,
@@ -474,7 +474,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       preventDefault(e);
       if (!_this.state.showPopup) {
         var _this$requestData4, _this5;
-        (_this$requestData4 = (_this5 = _this).requestData) === null || _this$requestData4 === void 0 ? void 0 : _this$requestData4.call(_this5);
+        (_this$requestData4 = (_this5 = _this).requestData) === null || _this$requestData4 === void 0 || _this$requestData4.call(_this5);
       }
     });
     _defineProperty(_assertThisInitialized(_this), "trackPopupMouseState", function (e) {
@@ -611,7 +611,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         this.immediateState.query = query;
         if (query && (this.props.autoOpen === 'force' || prevProps.autoOpen && query.length > 0)) {
           var _this$requestData5;
-          (_this$requestData5 = this.requestData) === null || _this$requestData5 === void 0 ? void 0 : _this$requestData5.call(this);
+          (_this$requestData5 = this.requestData) === null || _this$requestData5 === void 0 || _this$requestData5.call(this);
         } else if (query) {
           this.requestStyleRanges();
         }
@@ -728,7 +728,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
       this.immediateState.selection = null;
       if (!this.props.focus) {
         var _this$caret11;
-        (_this$caret11 = this.caret) === null || _this$caret11 === void 0 ? void 0 : _this$caret11.target.blur();
+        (_this$caret11 = this.caret) === null || _this$caret11 === void 0 || _this$caret11.target.blur();
       }
     }
     /**
@@ -877,6 +877,7 @@ var QueryAssist = /*#__PURE__*/function (_Component) {
         ["".concat(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.inputRevertOrder]: !glass || huge
       });
       var placeholderStyles = classNames({

package/dist/select/select.js

@@ -179,7 +179,6 @@ function _getListItems(props, state, rawFilterString) {
   if (_isInputMode(props.type) && !props.allowAny && state.selected && !Array.isArray(state.selected) && filterString === state.selected.label) {
     filterString = ''; // ignore multiple if it is exactly the selected item
   }
-
   var lowerCaseString = filterString.toLowerCase();
   var filteredData = [];
   var exactMatch = false;
@@ -343,7 +342,7 @@ var Select = /*#__PURE__*/function (_Component) {
       var _this$node;
       var focusableSelectExists = (_this$node = _this.node) === null || _this$node === void 0 ? void 0 : _this$node.querySelector('[data-test~=ring-select__focus]');
       var restoreFocusNode = _this.props.targetElement || focusableSelectExists;
-      restoreFocusNode === null || restoreFocusNode === void 0 ? void 0 : restoreFocusNode.focus();
+      restoreFocusNode === null || restoreFocusNode === void 0 || restoreFocusNode.focus();
     });
     _defineProperty(_assertThisInitialized(_this), "_onEnter", function () {
       var _this$_popup2;
@@ -1181,40 +1180,61 @@ var Select = /*#__PURE__*/function (_Component) {
 _defineProperty(Select, "defaultProps", {
   data: [],
   filter: false,
+  // enable filter (not in INPUT modes)
   filterIcon: null,
   filterRef: noop,
   multiple: false,
+  // multiple can be an object - see demo for more information
   clear: false,
+  // enable clear button that clears the "selected" state
   loading: false,
+  // show a loading indicator while data is loading
   disabled: false,
+  // disable select
   type: Type.BUTTON,
   size: Size.M,
   targetElement: null,
+  // element to bind the popup to (select BUTTON or INPUT by default)
   hideSelected: false,
+  // INPUT mode: clears the input after an option is selected (useful when the selection is displayed in some custom way elsewhere)
   allowAny: false,
+  // INPUT mode: allows any value to be entered
   hideArrow: false,
+  // hide dropdown arrow icon
   showPopup: false,
   maxHeight: 600,
+  // height of the options list, including the filter and the 'Add' button
   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: 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
   shortcutsEnabled: false,
   onBeforeOpen: noop,
   onLoadMore: noop,
   onOpen: noop,
   onClose: noop,
   onFilter: noop,
+  // search string as first argument
   onFocus: noop,
   onBlur: noop,
   onKeyDown: noop,
   onSelect: noop,
+  // single + multi
   onDeselect: noop,
+  // multi
   onOutsideClick: noop,
+  // multi
   onChange: noop,
+  // multi
   onAdd: noop,
+  // search string as first argument
   onDone: noop,
   onReset: noop,
   tags: null,