@jetbrains/ring-ui 5.0.6 → 5.0.9

package/components/checkbox-ng/checkbox-ng.js

@@ -41,13 +41,22 @@ angularModule.directive('rgCheckbox', function rgCheckboxDirective() {
   </span><span class="${styles.label}" ng-transclude></span>
 </label>
     `),
-    link: function link(scope, iElement) {
+    link: function link(scope, iElement, attrs, controller, transcludeFn) {
       scope.checkmarkIcon = checkmarkIcon;
       const input = iElement[0].querySelector('input[type="checkbox"]');
+      const label = iElement[0].querySelector(`*[class~="${styles.label}"]`);
 
       const id = CHECKBOX_ID_PREFIX + idCounter++;
       iElement[0].setAttribute('for', id);
       input.setAttribute('id', id);
+
+      transcludeFn(clone => {
+        if (clone.length) {
+          label.style.display = 'initial';
+        } else {
+          label.style.display = 'none';
+        }
+      });
     }
   };
 });

package/components/date-picker/date-picker.css

@@ -74,14 +74,34 @@
   composes: filterWrapper from "../select/select-popup.css";
 
   display: flex;
+
+  padding-left: calc(unit * 2);
 }
 
 .filter {
   composes: filter from "../select/select-popup.css";
 }
 
-.filterIcon {
-  composes: filterIcon from "../select/select-popup.css";
+.calendarIcon {
+  margin-right: calc(unit / 2);
+
+  color: var(--ring-icon-color);
+}
+
+.anchor {
+  min-width: calc(unit * 30);
+  padding: 0 calc(unit * 1.5) 0 unit;
+
+  text-align: start;
+}
+
+.anchorContent {
+  display: flex;
+  align-items: baseline;
+}
+
+.chevronDownIcon {
+  margin-left: auto;
 }
 
 .fromInput {

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

@@ -8,9 +8,13 @@ import isSameYear from 'date-fns/isSameYear';
 import isValid from 'date-fns/isValid';
 import parse from 'date-fns/parse';
 import set from 'date-fns/set';
+import calendarIcon from '@jetbrains/icons/calendar';
+import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import memoize from '../global/memoize';
 import Popup from '../popup/popup';
-import Dropdown, { Anchor } from '../dropdown/dropdown';
+import Dropdown from '../dropdown/dropdown';
+import Icon from '../icon';
+import Button from '../button/button';
 import DatePopup from './date-popup';
 import { dateType } from './consts';
 import styles from './date-picker.css';
@@ -184,13 +188,21 @@ export default class DatePicker extends PureComponent {
         }
     };
     render() {
-        const text = this.getAnchorText();
+        const anchorContent = (<div className={styles.anchorContent}>
+        <Icon glyph={calendarIcon} className={styles.calendarIcon}/>
+        {this.getAnchorText()}
+        <Icon glyph={chevronDownIcon} className={styles.chevronDownIcon}/>
+      </div>);
         if (this.props.disabled) {
-            return <Anchor disabled>{text}</Anchor>;
+            return (<Button data-test-ring-dropdown-anchor className={styles.anchor} disabled text={false}>
+          {anchorContent}
+        </Button>);
         }
         const { className, popupClassName, clear, dropdownProps, translations, ...datePopupProps } = this.props;
         const classes = classNames(styles.datePicker, className);
-        return (<Dropdown className={classes} anchor={text} {...dropdownProps}>
+        return (<Dropdown className={classes} anchor={(<Button data-test-ring-dropdown-anchor className={styles.anchor} text={false}>
+            {anchorContent}
+          </Button>)} {...dropdownProps}>
         <PopupComponent className={popupClassName} popupRef={this.popupRef} onClear={clear ? this.clear : null} datePopupProps={{
                 ...datePopupProps,
                 // We want to provide translations further down to DateInput.

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

@@ -4,8 +4,6 @@ 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 calendarIcon from '@jetbrains/icons/calendar';
-import Icon from '../icon/icon';
 import memoize from '../global/memoize';
 import DateInput from './date-input';
 import Months from './months';
@@ -317,8 +315,6 @@ export default class DatePopup extends Component {
         const clearable = Boolean(this.props.onClear);
         return (<div className={styles.datePopup} data-test="ring-date-popup" ref={this.componentRef}>
         <div className={styles.filterWrapper}>
-          <Icon glyph={calendarIcon} className={styles.filterIcon}/>
-
           {names.map(name => {
                 let onClear;
                 if (clearable && name !== 'from' && !this.isInTimeMode()) {

package/components/global/variables_dark.css

@@ -1,6 +1,7 @@
 /* stylelint-disable color-no-hex */
 
-.dark {
+.dark,
+:root.dark {
   --ring-line-color: #475159;
   --ring-borders-color: #406380;
   --ring-icon-color: #80929d;
@@ -64,4 +65,6 @@
   --ring-code-string-color: #6a8759;
   --ring-code-addition-color: #447152;
   --ring-code-deletion-color: #656e76;
+
+  color-scheme: dark;
 }

package/components/list/list.d.ts

@@ -154,6 +154,7 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     private _cache;
     private _hasActivatableItems;
     hasActivatableItems(): any;
+    activateFirst: () => void;
     selectHandler: (arg: number) => (event: Event | SyntheticEvent, tryKeepOpen?: boolean) => void;
     checkboxHandler: (arg: number) => (event: SyntheticEvent) => void;
     upHandler: (e: KeyboardEvent) => void;

package/components/list/list.js

@@ -144,16 +144,8 @@ export default class List extends Component {
     componentDidMount() {
         document.addEventListener('mousemove', this.onDocumentMouseMove);
         document.addEventListener('keydown', this.onDocumentKeyDown, true);
-        const { data, activeIndex } = this.props;
-        if (activeIndex == null && shouldActivateFirstItem(this.props)) {
-            const firstActivatableIndex = data.findIndex(isActivatable);
-            if (firstActivatableIndex >= 0) {
-                this.setState({
-                    activeIndex: firstActivatableIndex,
-                    activeItem: data[firstActivatableIndex],
-                    needScrollToActive: true
-                });
-            }
+        if (this.props.activeIndex == null && shouldActivateFirstItem(this.props)) {
+            this.activateFirst();
         }
     }
     shouldComponentUpdate(nextProps, nextState) {
@@ -165,6 +157,11 @@ export default class List extends Component {
         if (this.virtualizedList && prevProps.data !== this.props.data) {
             this.virtualizedList.recomputeRowHeights();
         }
+        if (this.props.activeIndex == null &&
+            this.props.data !== prevProps.data &&
+            shouldActivateFirstItem(this.props)) {
+            this.activateFirst();
+        }
         this.checkOverflow();
     }
     componentWillUnmount() {
@@ -231,6 +228,16 @@ export default class List extends Component {
     hasActivatableItems() {
         return this._hasActivatableItems(this.props.data);
     }
+    activateFirst = () => {
+        const firstActivatableIndex = this.props.data.findIndex(isActivatable);
+        if (firstActivatableIndex >= 0) {
+            this.setState({
+                activeIndex: firstActivatableIndex,
+                activeItem: this.props.data[firstActivatableIndex],
+                needScrollToActive: true
+            });
+        }
+    };
     selectHandler = memoize((index) => (event, tryKeepOpen = false) => {
         const item = this.props.data[index];
         if (!this.props.useMouseUp && item.onClick) {

package/components/markdown/markdown.js

@@ -15,12 +15,12 @@ import styles from './markdown.css';
 */
 export default class Markdown extends PureComponent {
     render() {
-        const { className, components, inline, children, plugins = [], ...restProps } = this.props;
+        const { className, components, inline, children, plugins = [], remarkPlugins = [], ...restProps } = this.props;
         const classes = classNames(className, {
             [styles.markdown]: !inline,
             [styles.inline]: inline
         });
-        return (<ReactMarkdown className={classes} plugins={[RemarkBreaks, RemarkGFM, ...plugins]} components={{
+        return (<ReactMarkdown className={classes} remarkPlugins={[RemarkBreaks, RemarkGFM, ...plugins, ...remarkPlugins]} components={{
                 a: Link,
                 code: Code,
                 h1: Heading,

package/components/select/select-popup.css

@@ -25,10 +25,6 @@
   flex-grow: 1;
 
   width: 0;
-
-  & input {
-    font-weight: 200;
-  }
 }
 
 .filterWrapper {

package/components/select/select.css

@@ -174,6 +174,10 @@
   box-shadow: button-shadow var(--ring-main-color);
 }
 
+.heightS .buttonValue {
+  font-size: var(--ring-font-size);
+}
+
 .label {
   position: relative;
 
@@ -230,10 +234,6 @@
   color: inherit;
 }
 
-.heightS .avatar {
-  vertical-align: -6px;
-}
-
 .heightS .icons {
   top: -5px;
 }

package/components/table/table.css

@@ -31,7 +31,7 @@
 
   color: var(--ring-secondary-color);
 
-  font-weight: 200;
+  font-weight: normal;
 }
 
 .headerCell:first-child {
@@ -49,7 +49,7 @@
 }
 
 .headerCell.headerCellSorted {
-  font-weight: 500;
+  font-weight: bold;
 }
 
 .headerCell.headerCellSortable {

package/dist/_helpers/date-picker.js

@@ -1,3 +1,3 @@
-var modules_0c7b7d96 = {"unit":"8px","footer-height":"64px","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","clearfix":"clearfix_rui_e0bd","font":"font_rui_e0bd","font-lower":"font-lower_rui_e0bd font_rui_e0bd","font-smaller":"font-smaller_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-smaller-lower":"font-smaller-lower_rui_e0bd font-smaller_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-larger-lower":"font-larger-lower_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-larger":"font-larger_rui_e0bd font-larger-lower_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","thin-font":"thin-font_rui_e0bd","monospace-font":"monospace-font_rui_e0bd","ellipsis":"ellipsis_rui_e0bd","resetButton":"resetButton_rui_e0bd","container":"container_rui_e0bd","hoverable":"hoverable_rui_e0bd","datePicker":"datePicker_rui_e0bd","displayDate":"displayDate_rui_e0bd","displayRange":"displayRange_rui_e0bd","clear":"clear_rui_e0bd","datePopup":"datePopup_rui_e0bd","filterWrapper":"filterWrapper_rui_e0bd filterWrapper_rui_531d","filter":"filter_rui_e0bd filter_rui_531d","filterIcon":"filterIcon_rui_e0bd filterIcon_rui_531d","fromInput":"fromInput_rui_e0bd","fromInputWithDivider":"fromInputWithDivider_rui_e0bd","toInput":"toInput_rui_e0bd","dateInput":"dateInput_rui_e0bd","timeInputWithDivider":"timeInputWithDivider_rui_e0bd","weekdays":"weekdays_rui_e0bd","weekday":"weekday_rui_e0bd","weekend":"weekend_rui_e0bd","calendar":"calendar_rui_e0bd","months":"months_rui_e0bd","days":"days_rui_e0bd","month":"month_rui_e0bd","monthTitle":"monthTitle_rui_e0bd","day":"day_rui_e0bd resetButton_rui_8bff","between":"between_rui_e0bd","activeBetween":"activeBetween_rui_e0bd","current":"current_rui_e0bd","active":"active_rui_e0bd","disabled":"disabled_rui_e0bd","from":"from_rui_e0bd","to":"to_rui_e0bd","Monday":"Monday_rui_e0bd","spread":"spread_rui_e0bd","activeSpread":"activeSpread_rui_e0bd","first":"first_rui_e0bd","Tuesday":"Tuesday_rui_e0bd","Friday":"Friday_rui_e0bd","Saturday":"Saturday_rui_e0bd","Sunday":"Sunday_rui_e0bd","empty":"empty_rui_e0bd","today":"today_rui_e0bd","year":"year_rui_e0bd hoverable_rui_e0bd resetButton_rui_8bff","monthNames":"monthNames_rui_e0bd","monthName":"monthName_rui_e0bd hoverable_rui_e0bd resetButton_rui_8bff","monthSlider":"monthSlider_rui_e0bd resetButton_rui_8bff","dragging":"dragging_rui_e0bd","range":"range_rui_e0bd","years":"years_rui_e0bd","currentYear":"currentYear_rui_e0bd"};
+var modules_0c7b7d96 = {"unit":"8px","footer-height":"64px","breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","cellSize":"24px","calHeight":"288px","calWidth":"296px","yearHeight":"32px","yearWidth":"48px","clearfix":"clearfix_rui_e0bd","font":"font_rui_e0bd","font-lower":"font-lower_rui_e0bd font_rui_e0bd","font-smaller":"font-smaller_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-smaller-lower":"font-smaller-lower_rui_e0bd font-smaller_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-larger-lower":"font-larger-lower_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","font-larger":"font-larger_rui_e0bd font-larger-lower_rui_e0bd font-lower_rui_e0bd font_rui_e0bd","thin-font":"thin-font_rui_e0bd","monospace-font":"monospace-font_rui_e0bd","ellipsis":"ellipsis_rui_e0bd","resetButton":"resetButton_rui_e0bd","container":"container_rui_e0bd","hoverable":"hoverable_rui_e0bd","datePicker":"datePicker_rui_e0bd","displayDate":"displayDate_rui_e0bd","displayRange":"displayRange_rui_e0bd","clear":"clear_rui_e0bd","datePopup":"datePopup_rui_e0bd","filterWrapper":"filterWrapper_rui_e0bd filterWrapper_rui_531d","filter":"filter_rui_e0bd filter_rui_531d","calendarIcon":"calendarIcon_rui_e0bd","anchor":"anchor_rui_e0bd","anchorContent":"anchorContent_rui_e0bd","chevronDownIcon":"chevronDownIcon_rui_e0bd","fromInput":"fromInput_rui_e0bd","fromInputWithDivider":"fromInputWithDivider_rui_e0bd","toInput":"toInput_rui_e0bd","dateInput":"dateInput_rui_e0bd","timeInputWithDivider":"timeInputWithDivider_rui_e0bd","weekdays":"weekdays_rui_e0bd","weekday":"weekday_rui_e0bd","weekend":"weekend_rui_e0bd","calendar":"calendar_rui_e0bd","months":"months_rui_e0bd","days":"days_rui_e0bd","month":"month_rui_e0bd","monthTitle":"monthTitle_rui_e0bd","day":"day_rui_e0bd resetButton_rui_8bff","between":"between_rui_e0bd","activeBetween":"activeBetween_rui_e0bd","current":"current_rui_e0bd","active":"active_rui_e0bd","disabled":"disabled_rui_e0bd","from":"from_rui_e0bd","to":"to_rui_e0bd","Monday":"Monday_rui_e0bd","spread":"spread_rui_e0bd","activeSpread":"activeSpread_rui_e0bd","first":"first_rui_e0bd","Tuesday":"Tuesday_rui_e0bd","Friday":"Friday_rui_e0bd","Saturday":"Saturday_rui_e0bd","Sunday":"Sunday_rui_e0bd","empty":"empty_rui_e0bd","today":"today_rui_e0bd","year":"year_rui_e0bd hoverable_rui_e0bd resetButton_rui_8bff","monthNames":"monthNames_rui_e0bd","monthName":"monthName_rui_e0bd hoverable_rui_e0bd resetButton_rui_8bff","monthSlider":"monthSlider_rui_e0bd resetButton_rui_8bff","dragging":"dragging_rui_e0bd","range":"range_rui_e0bd","years":"years_rui_e0bd","currentYear":"currentYear_rui_e0bd"};
 
 export { modules_0c7b7d96 as m };

package/dist/checkbox-ng/checkbox-ng.js

@@ -24,12 +24,20 @@ angularModule.directive('rgCheckbox', function rgCheckboxDirective() {
     transclude: true,
     replace: true,
     template: proxyAttrs("\n<label class=\"".concat(modules_3199090e.checkbox, "\">\n  <input\n    data-proxy-ng-disabled\n    data-proxy-ng-model\n    data-proxy-ng-change\n    data-proxy-ng-true-value\n    data-proxy-ng-false-value\n    data-proxy-name\n    data-proxy-title\n    data-proxy-aria-label\n    data-test=\"ring-checkbox\"\n    type=\"checkbox\"\n    class=\"").concat(modules_3199090e.input, "\"\n  />\n  <span class=\"").concat(modules_3199090e.cell, "\">\n    <rg-icon class=\"").concat(modules_3199090e.check, "\" glyph=\"{{:: checkmarkIcon}}\" />\n  </span><span class=\"").concat(modules_3199090e.label, "\" ng-transclude></span>\n</label>\n    ")),
-    link: function link(scope, iElement) {
+    link: function link(scope, iElement, attrs, controller, transcludeFn) {
       scope.checkmarkIcon = checkmarkIcon;
       const input = iElement[0].querySelector('input[type="checkbox"]');
+      const label = iElement[0].querySelector("*[class~=\"".concat(modules_3199090e.label, "\"]"));
       const id = CHECKBOX_ID_PREFIX + idCounter++;
       iElement[0].setAttribute('for', id);
       input.setAttribute('id', id);
+      transcludeFn(clone => {
+        if (clone.length) {
+          label.style.display = 'initial';
+        } else {
+          label.style.display = 'none';
+        }
+      });
     }
   };
 });

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

@@ -10,15 +10,18 @@ import isSameYear from 'date-fns/isSameYear';
 import isValid from 'date-fns/isValid';
 import parse from 'date-fns/parse';
 import set from 'date-fns/set';
+import calendarIcon from '@jetbrains/icons/calendar';
+import chevronDownIcon from '@jetbrains/icons/chevron-down';
 import memoize from '../global/memoize.js';
 import Popup from '../popup/popup.js';
 import Dropdown from '../dropdown/dropdown.js';
+import Icon from '../icon/icon.js';
+import { Button } from '../button/button.js';
 import DatePopup from './date-popup.js';
 import { dateType } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
 import formats from './formats.js';
 import DateInput from './date-input.js';
-import { A as Anchor } from '../_helpers/anchor.js';
 import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
@@ -35,15 +38,19 @@ import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../global/typescript-utils.js';
-import 'date-fns/isAfter';
-import 'date-fns/isBefore';
-import 'date-fns/startOfDay';
-import '@jetbrains/icons/calendar';
-import '../icon/icon.js';
+import '../_helpers/anchor.js';
+import '@jetbrains/icons/chevron-10px';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'focus-visible';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import 'date-fns/isAfter';
+import 'date-fns/isBefore';
+import 'date-fns/startOfDay';
 import './months.js';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';
@@ -74,12 +81,6 @@ import 'date-fns/add';
 import '../input/input.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
-import '../button/button.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import '../link/clickableLink.js';
-import '../global/controls-height.js';
-import '../_helpers/button__classes.js';
 import '../global/composeRefs.js';
 import '../_helpers/input.js';
 
@@ -235,12 +236,23 @@ class DatePicker extends PureComponent {
   }
 
   render() {
-    const text = this.getAnchorText();
+    const anchorContent = /*#__PURE__*/React.createElement("div", {
+      className: modules_0c7b7d96.anchorContent
+    }, /*#__PURE__*/React.createElement(Icon, {
+      glyph: calendarIcon,
+      className: modules_0c7b7d96.calendarIcon
+    }), this.getAnchorText(), /*#__PURE__*/React.createElement(Icon, {
+      glyph: chevronDownIcon,
+      className: modules_0c7b7d96.chevronDownIcon
+    }));
 
     if (this.props.disabled) {
-      return /*#__PURE__*/React.createElement(Anchor, {
-        disabled: true
-      }, text);
+      return /*#__PURE__*/React.createElement(Button, {
+        "data-test-ring-dropdown-anchor": true,
+        className: modules_0c7b7d96.anchor,
+        disabled: true,
+        text: false
+      }, anchorContent);
     }
 
     const {
@@ -254,7 +266,11 @@ class DatePicker extends PureComponent {
     const classes = classNames(modules_0c7b7d96.datePicker, className);
     return /*#__PURE__*/React.createElement(Dropdown, _extends({
       className: classes,
-      anchor: text
+      anchor: /*#__PURE__*/React.createElement(Button, {
+        "data-test-ring-dropdown-anchor": true,
+        className: modules_0c7b7d96.anchor,
+        text: false
+      }, anchorContent)
     }, dropdownProps), /*#__PURE__*/React.createElement(PopupComponent, {
       className: popupClassName,
       popupRef: this.popupRef,

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

@@ -5,8 +5,6 @@ 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 calendarIcon from '@jetbrains/icons/calendar';
-import Icon from '../icon/icon.js';
 import memoize from '../global/memoize.js';
 import DateInput from './date-input.js';
 import Months from './months.js';
@@ -14,19 +12,20 @@ import Years from './years.js';
 import Weekdays from './weekdays.js';
 import { dateType, parseTime } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
-import 'classnames';
-import 'util-deprecate';
-import '../icon/icon__constants.js';
-import '../_helpers/icon.js';
-import '../icon/icon__svg.js';
-import 'core-js/modules/es.string.replace.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.string.replace.js';
+import 'classnames';
 import '../input/input.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
 import '../button/button.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
@@ -418,10 +417,7 @@ class DatePopup extends Component {
       ref: this.componentRef
     }, /*#__PURE__*/React.createElement("div", {
       className: modules_0c7b7d96.filterWrapper
-    }, /*#__PURE__*/React.createElement(Icon, {
-      glyph: calendarIcon,
-      className: modules_0c7b7d96.filterIcon
-    }), names.map(name => {
+    }, names.map(name => {
       let onClear;
 
       if (clearable && name !== 'from' && !this.isInTimeMode()) {

package/dist/list/list.d.ts

@@ -154,6 +154,7 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     private _cache;
     private _hasActivatableItems;
     hasActivatableItems(): any;
+    activateFirst: () => void;
     selectHandler: (arg: number) => (event: Event | SyntheticEvent, tryKeepOpen?: boolean) => void;
     checkboxHandler: (arg: number) => (event: SyntheticEvent) => void;
     upHandler: (e: KeyboardEvent) => void;

package/dist/list/list.js

@@ -168,6 +168,18 @@ class List extends Component {
 
     _defineProperty(this, "_hasActivatableItems", memoizeOne(items => items.some(isActivatable)));
 
+    _defineProperty(this, "activateFirst", () => {
+      const firstActivatableIndex = this.props.data.findIndex(isActivatable);
+
+      if (firstActivatableIndex >= 0) {
+        this.setState({
+          activeIndex: firstActivatableIndex,
+          activeItem: this.props.data[firstActivatableIndex],
+          needScrollToActive: true
+        });
+      }
+    });
+
     _defineProperty(this, "selectHandler", memoize(index => function (event) {
       let tryKeepOpen = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       const item = _this.props.data[index];
@@ -534,21 +546,9 @@ class List extends Component {
   componentDidMount() {
     document.addEventListener('mousemove', this.onDocumentMouseMove);
     document.addEventListener('keydown', this.onDocumentKeyDown, true);
-    const {
-      data,
-      activeIndex
-    } = this.props;
-
-    if (activeIndex == null && shouldActivateFirstItem(this.props)) {
-      const firstActivatableIndex = data.findIndex(isActivatable);
 
-      if (firstActivatableIndex >= 0) {
-        this.setState({
-          activeIndex: firstActivatableIndex,
-          activeItem: data[firstActivatableIndex],
-          needScrollToActive: true
-        });
-      }
+    if (this.props.activeIndex == null && shouldActivateFirstItem(this.props)) {
+      this.activateFirst();
     }
   }
 
@@ -561,6 +561,10 @@ class List extends Component {
       this.virtualizedList.recomputeRowHeights();
     }
 
+    if (this.props.activeIndex == null && this.props.data !== prevProps.data && shouldActivateFirstItem(this.props)) {
+      this.activateFirst();
+    }
+
     this.checkOverflow();
   }
 

package/dist/markdown/markdown.js

@@ -37,6 +37,7 @@ class Markdown extends PureComponent {
       inline,
       children,
       plugins = [],
+      remarkPlugins = [],
       ...restProps
     } = this.props;
     const classes = classNames(className, {
@@ -45,7 +46,7 @@ class Markdown extends PureComponent {
     });
     return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
       className: classes,
-      plugins: [RemarkBreaks, RemarkGFM, ...plugins],
+      remarkPlugins: [RemarkBreaks, RemarkGFM, ...plugins, ...remarkPlugins],
       components: {
         a: MarkdownLink,
         code: MarkdownCode,

package/dist/select/select.js

@@ -80,7 +80,7 @@ import '../caret/caret.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 
-var modules_9d0de074 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","select":"select_rui_11de","value":"value_rui_11de ellipsis_rui_8bff font_rui_8bff","icons":"icons_rui_11de","toolbar":"toolbar_rui_11de","button":"button_rui_11de","buttonSpaced":"buttonSpaced_rui_11de","inputMode":"inputMode_rui_11de","selectedIcon":"selectedIcon_rui_11de resetButton_rui_8bff","clearIcon":"clearIcon_rui_11de","sizeS":"sizeS_rui_11de","sizeM":"sizeM_rui_11de","sizeL":"sizeL_rui_11de","sizeFULL":"sizeFULL_rui_11de","sizeAUTO":"sizeAUTO_rui_11de","buttonMode":"buttonMode_rui_11de","open":"open_rui_11de","buttonContainer":"buttonContainer_rui_11de","buttonValue":"buttonValue_rui_11de ellipsis_rui_8bff","buttonValueOpen":"buttonValueOpen_rui_11de","label":"label_rui_11de","disabled":"disabled_rui_11de","avatar":"avatar_rui_11de","popup":"popup_rui_11de","chevron":"chevron_rui_11de","chevronIcon":"chevronIcon_rui_11de","heightS":"heightS_rui_11de"};
+var modules_9d0de074 = {"unit":"8px","button-shadow":"inset 0 0 0 1px","select":"select_rui_11de","value":"value_rui_11de ellipsis_rui_8bff font_rui_8bff","icons":"icons_rui_11de","toolbar":"toolbar_rui_11de","button":"button_rui_11de","buttonSpaced":"buttonSpaced_rui_11de","inputMode":"inputMode_rui_11de","selectedIcon":"selectedIcon_rui_11de resetButton_rui_8bff","clearIcon":"clearIcon_rui_11de","sizeS":"sizeS_rui_11de","sizeM":"sizeM_rui_11de","sizeL":"sizeL_rui_11de","sizeFULL":"sizeFULL_rui_11de","sizeAUTO":"sizeAUTO_rui_11de","buttonMode":"buttonMode_rui_11de","open":"open_rui_11de","buttonContainer":"buttonContainer_rui_11de","buttonValue":"buttonValue_rui_11de ellipsis_rui_8bff","buttonValueOpen":"buttonValueOpen_rui_11de","heightS":"heightS_rui_11de","label":"label_rui_11de","disabled":"disabled_rui_11de","avatar":"avatar_rui_11de","popup":"popup_rui_11de","chevron":"chevron_rui_11de","chevronIcon":"chevronIcon_rui_11de"};
 
 /**
  * @name Select