@jetbrains/ring-ui 5.0.0-beta.9 → 5.0.1

package/dist/input/input.js

@@ -1,8 +1,9 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import closeIcon from '@jetbrains/icons/close';
+import closeIcon from '@jetbrains/icons/close-12px';
 import { refObject } from '../global/prop-types.js';
 import { Button } from '../button/button.js';
 import getUID from '../global/get-uid.js';
@@ -18,6 +19,7 @@ import '../icon/icon__constants.js';
 import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 
 function noop() {}
@@ -112,7 +114,7 @@ class Input extends PureComponent {
       return;
     }
 
-    el.style.height = `${el.scrollHeight + 2}px`;
+    el.style.height = "".concat(el.scrollHeight + 2, "px");
   }
 
   adapt() {
@@ -149,7 +151,7 @@ class Input extends PureComponent {
       empty
     } = this.state;
     const clearable = !!onClear;
-    const classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40[`size${size}`]], [modules_88cfaf40[`height${height}`]], {
+    const classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], {
       'ring-js-shortcuts': enableShortcuts === true,
       [modules_88cfaf40.active]: active,
       [modules_88cfaf40.error]: error != null,

package/dist/input-ng/input-ng.js

@@ -5,8 +5,10 @@ import closeIcon from '@jetbrains/icons/close';
 import RingAngularComponent from '../global/ring-angular-component.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
 import ButtonNG from '../button-ng/button-ng.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/dom.js';
 import '../icon-ng/icon-ng.js';
+import 'core-js/modules/es.string.replace.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';
 import '../_helpers/icon.js';
@@ -14,7 +16,7 @@ import '../_helpers/button__classes.js';
 import '../global/controls-height.js';
 import 'react';
 
-var modules_c40fa551 = {"errorText":"errorText_rui_e22b","clear":"clear_rui_e22b"};
+var modules_c40fa551 = {"errorText":"errorText_rui_d15a","clear":"clear_rui_d15a"};
 
 const angularModule = angular.module('Ring.input', [ButtonNG]);
 
@@ -44,7 +46,7 @@ class RingInputComponent extends RingAngularComponent {
       return;
     }
 
-    el.style.height = `${el.scrollHeight}px`;
+    el.style.height = "".concat(el.scrollHeight, "px");
   }
 
   onKeyUp() {
@@ -62,7 +64,7 @@ class RingInputComponent extends RingAngularComponent {
   }
 
   getContainerClasses() {
-    return classNames(modules_88cfaf40.outerContainer, this.size ? [modules_88cfaf40[`size${this.size}`]] : null, modules_88cfaf40.heightS, {
+    return classNames(modules_88cfaf40.outerContainer, this.size ? [modules_88cfaf40["size".concat(this.size)]] : null, modules_88cfaf40.heightS, {
       [modules_88cfaf40.active]: this.active,
       [modules_88cfaf40.error]: this.error != null,
       [modules_88cfaf40.empty]: !this.value,
@@ -100,62 +102,7 @@ _defineProperty(RingInputComponent, "bindings", {
   multiline: '<'
 });
 
-_defineProperty(RingInputComponent, "template", `
-<div
-  data-test="ring-input-container"
-  ng-class="$ctrl.getContainerClasses()"
->
-  <label
-    ng-if="!$ctrl.borderless"
-    class="${modules_88cfaf40.label}"
-  >{{$ctrl.label}}</label>
-  <div class="${modules_88cfaf40.container}">
-    <input
-      aria-label="{{$ctrl.label || $ctrl.placeholder}}"
-      type="text"
-      data-test="ring-input"
-      class="${modules_88cfaf40.input}"
-      name="{{$ctrl.name}}"
-      ng-if="!$ctrl.multiline"
-      placeholder="{{$ctrl.placeholder}}"
-      ng-model="$ctrl.value"
-      ng-required="$ctrl.required"
-      ng-disabled="$ctrl.disabled"
-      ng-minlength="$ctrl.ngMinlength"
-      ng-maxlength="$ctrl.ngMaxlength"
-      ng-change="$ctrl.onInputChange()"
-      ng-keyup="$ctrl.onKeyUp()"
-    />
-
-    <textarea
-      aria-label="{{$ctrl.label || $ctrl.placeholder}}"
-      data-test="ring-input"
-      ng-if="$ctrl.multiline"
-      class="${modules_88cfaf40.input}"
-      rows="1"
-      name="{{$ctrl.name}}"
-      placeholder="{{$ctrl.placeholder}}"
-      ng-model="$ctrl.value"
-      ng-required="$ctrl.required"
-      ng-disabled="$ctrl.disabled"
-      ng-minlength="$ctrl.ngMinlength"
-      ng-maxlength="$ctrl.ngMaxlength"
-      ng-change="$ctrl.onInputChange()"
-      ng-keyup="$ctrl.onKeyUp()"
-    ></textarea>
-
-    <rg-button
-      ng-if="$ctrl.clearable"
-      data-test="ring-input-clear"
-      class="${modules_88cfaf40.clear} ${modules_c40fa551.clear}"
-      icon="{{:: $ctrl.closeIcon}}"
-      ng-click="$ctrl.onClear()"
-    ></rg-button>
-  </div>
-
-  <div ng-if="!$ctrl.borderless && $ctrl.error" class="${modules_88cfaf40.errorText} ${modules_c40fa551.errorText}">{{$ctrl.error}}</div>
-</div>
-  `);
+_defineProperty(RingInputComponent, "template", "\n<div\n  data-test=\"ring-input-container\"\n  ng-class=\"$ctrl.getContainerClasses()\"\n>\n  <label\n    ng-if=\"!$ctrl.borderless\"\n    class=\"".concat(modules_88cfaf40.label, "\"\n  >{{$ctrl.label}}</label>\n  <div class=\"").concat(modules_88cfaf40.container, "\">\n    <input\n      aria-label=\"{{$ctrl.label || $ctrl.placeholder}}\"\n      type=\"text\"\n      data-test=\"ring-input\"\n      class=\"").concat(modules_88cfaf40.input, "\"\n      name=\"{{$ctrl.name}}\"\n      ng-if=\"!$ctrl.multiline\"\n      placeholder=\"{{$ctrl.placeholder}}\"\n      ng-model=\"$ctrl.value\"\n      ng-required=\"$ctrl.required\"\n      ng-disabled=\"$ctrl.disabled\"\n      ng-minlength=\"$ctrl.ngMinlength\"\n      ng-maxlength=\"$ctrl.ngMaxlength\"\n      ng-change=\"$ctrl.onInputChange()\"\n      ng-keyup=\"$ctrl.onKeyUp()\"\n    />\n\n    <textarea\n      aria-label=\"{{$ctrl.label || $ctrl.placeholder}}\"\n      data-test=\"ring-input\"\n      ng-if=\"$ctrl.multiline\"\n      class=\"").concat(modules_88cfaf40.input, "\"\n      rows=\"1\"\n      name=\"{{$ctrl.name}}\"\n      placeholder=\"{{$ctrl.placeholder}}\"\n      ng-model=\"$ctrl.value\"\n      ng-required=\"$ctrl.required\"\n      ng-disabled=\"$ctrl.disabled\"\n      ng-minlength=\"$ctrl.ngMinlength\"\n      ng-maxlength=\"$ctrl.ngMaxlength\"\n      ng-change=\"$ctrl.onInputChange()\"\n      ng-keyup=\"$ctrl.onKeyUp()\"\n    ></textarea>\n\n    <rg-button\n      ng-if=\"$ctrl.clearable\"\n      data-test=\"ring-input-clear\"\n      class=\"").concat(modules_88cfaf40.clear, " ").concat(modules_c40fa551.clear, "\"\n      icon=\"{{:: $ctrl.closeIcon}}\"\n      ng-click=\"$ctrl.onClear()\"\n    ></rg-button>\n  </div>\n\n  <div ng-if=\"!$ctrl.borderless && $ctrl.error\" class=\"").concat(modules_88cfaf40.errorText, " ").concat(modules_c40fa551.errorText, "\">{{$ctrl.error}}</div>\n</div>\n  "));
 
 angularModule.component('rgInput', RingInputComponent);
 var InputNg = angularModule.name;

package/dist/island/adaptive-island-hoc.d.ts

@@ -9,12 +9,10 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<P>;
         refs: {
             [key: string]: React.ReactInstance;
         };
@@ -37,12 +35,10 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<P> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<P>;
         refs: {
             [key: string]: React.ReactInstance;
         };

package/dist/island/adaptive-island-hoc.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { createContext, Component } from 'react';
 import { interpolateLinear } from '../global/linear-function.js';
 
@@ -7,9 +8,9 @@ const TITLE_RESIZE_THRESHOLD = 36;
 const PhaseContext = /*#__PURE__*/createContext(null);
 const ScrollHandlerContext = /*#__PURE__*/createContext(null);
 function adaptiveIslandHOC(ComposedComponent) {
-  var _class, _temp;
+  var _class;
 
-  return _temp = _class = class AdaptiveIsland extends Component {
+  return _class = class AdaptiveIsland extends Component {
     constructor() {
       super(...arguments);
 
@@ -43,7 +44,7 @@ function adaptiveIslandHOC(ComposedComponent) {
       }, /*#__PURE__*/React.createElement(ComposedComponent, this.props)));
     }
 
-  }, _defineProperty(_class, "propTypes", ComposedComponent.propTypes), _temp;
+  }, _defineProperty(_class, "propTypes", ComposedComponent.propTypes), _class;
 }
 
 export { PhaseContext, ScrollHandlerContext, adaptiveIslandHOC as default };

package/dist/island/content.d.ts

@@ -1,4 +1,6 @@
-import { HTMLAttributes } from 'react';
+import React, { Component, HTMLAttributes } from 'react';
+import PropTypes from 'prop-types';
+import createResizeDetector from 'element-resize-detector';
 export interface IslandContentProps extends Omit<HTMLAttributes<HTMLElement>, 'onScroll'> {
     fade?: boolean | null | undefined;
     onScrollToBottom?: (() => void) | null | undefined;
@@ -8,5 +10,34 @@ export interface IslandContentInnerProps extends IslandContentProps {
     onScroll: (node: HTMLElement) => void;
     bottomBorder: boolean;
 }
-declare const ContentWrapper: (props: IslandContentProps) => JSX.Element;
+declare class Content extends Component<IslandContentInnerProps> {
+    static propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        scrollableWrapperClassName: PropTypes.Requireable<string>;
+        fade: PropTypes.Requireable<boolean>;
+        bottomBorder: PropTypes.Requireable<boolean>;
+        onScroll: PropTypes.Requireable<(...args: any[]) => any>;
+        onScrollToBottom: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        fade: boolean;
+        bottomBorder: boolean;
+        onScroll: () => void;
+        onScrollToBottom: () => void;
+    };
+    state: {
+        scrolledToTop: boolean;
+        scrolledToBottom: boolean;
+    };
+    componentWillUnmount(): void;
+    resizeDetector: createResizeDetector.Erd;
+    wrapperNode?: HTMLElement | null;
+    setWrapper: (node: HTMLElement | null) => void;
+    calculateScrollPosition: () => void;
+    scrollableNode?: HTMLElement | null;
+    setScrollableNodeAndCalculatePosition: (node: HTMLElement | null) => void;
+    render(): JSX.Element;
+}
+declare const ContentWrapper: React.ForwardRefExoticComponent<IslandContentProps & React.RefAttributes<Content>>;
 export default ContentWrapper;

package/dist/island/content.js

@@ -1,5 +1,6 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component } from 'react';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import React, { Component, forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import createResizeDetector from 'element-resize-detector';
@@ -147,12 +148,15 @@ _defineProperty(Content, "defaultProps", {
   onScrollToBottom: noop
 });
 
-const ContentWrapper = props => /*#__PURE__*/React.createElement(ScrollHandlerContext.Consumer, null, onScroll => {
+const ContentWrapper = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(ScrollHandlerContext.Consumer, null, onScroll => {
   const addProps = onScroll != null ? {
     onScroll,
     bottomBorder: true
   } : {};
-  return /*#__PURE__*/React.createElement(Content, _extends({}, props, addProps));
-});
+  return /*#__PURE__*/React.createElement(Content, _extends({}, props, addProps, {
+    ref: ref
+  }));
+}));
+ContentWrapper.displayName = 'ContentWrapper';
 
 export { ContentWrapper as default };

package/dist/island/header.js

@@ -5,6 +5,7 @@ import classNames from 'classnames';
 import { interpolateLinear } from '../global/linear-function.js';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import { PhaseContext } from './adaptive-island-hoc.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 const Start = {
   FONT_SIZE: 24,
@@ -47,14 +48,14 @@ class Header extends Component {
       [modules_e6a056e1.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
     });
     const headerStyle = phase != null ? {
-      lineHeight: `${this.style('LINE_HEIGHT')}px`,
+      lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
       paddingTop: this.style('PADDING_TOP'),
       paddingBottom: this.style('PADDING_BOTTOM')
     } : undefined;
     const scaleFont = phase != null && this.style('FONT_SIZE') / Start.FONT_SIZE;
     const titleStyle = phase != null && phase < 1 ? {
       fontSize: Start.FONT_SIZE,
-      transform: `translate(${this.style('X')}px, ${this.style('Y')}px) scale(${scaleFont})`,
+      transform: "translate(".concat(this.style('X'), "px, ").concat(this.style('Y'), "px) scale(").concat(scaleFont, ")"),
       letterSpacing: this.style('SPACING')
     } : undefined;
     return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {

package/dist/island/island.d.ts

@@ -25,12 +25,10 @@ export declare const AdaptiveIsland: {
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<IslandProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<IslandProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<IslandProps>;
         refs: {
             [key: string]: React.ReactInstance;
         };
@@ -53,12 +51,10 @@ export declare const AdaptiveIsland: {
         };
         onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<IslandProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<IslandProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<IslandProps>;
         refs: {
             [key: string]: React.ReactInstance;
         };

package/dist/island/island.js

@@ -7,6 +7,7 @@ import adaptiveIslandHOC from './adaptive-island-hoc.js';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 export { default as Header } from './header.js';
 export { default as Content } from './content.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/linear-function.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';

package/dist/island-ng/island-content-ng.js

@@ -2,6 +2,7 @@ import angular from 'angular';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import scheduleRAF from '../global/schedule-raf.js';
 import compile from './island-ng-class-fixer.js';
+import 'core-js/modules/es.string.replace.js';
 
 const scheduleScroll = scheduleRAF();
 const angularModule = angular.module('Ring.island-ng.header', []);
@@ -14,22 +15,7 @@ angularModule.directive('rgIslandContent', function islandContentDirective() {
       onScroll: '&?'
     },
     compile,
-    template: `
-<div
-  data-test="ring-island-content"
-  class=${modules_e6a056e1.content}
-  ng-class="{
-    '${modules_e6a056e1.contentWithTopFade}': contentCtrl.fade,
-    '${modules_e6a056e1.contentWithBottomFade}': contentCtrl.fade
-  }"
->
-  <div
-    tabindex="0"
-    class="${modules_e6a056e1.scrollableWrapper} js-scrollable-wrapper"
-    ng-transclude
-  ></div>
-</div>
-`,
+    template: "\n<div\n  data-test=\"ring-island-content\"\n  class=".concat(modules_e6a056e1.content, "\n  ng-class=\"{\n    '").concat(modules_e6a056e1.contentWithTopFade, "': contentCtrl.fade,\n    '").concat(modules_e6a056e1.contentWithBottomFade, "': contentCtrl.fade\n  }\"\n>\n  <div\n    tabindex=\"0\"\n    class=\"").concat(modules_e6a056e1.scrollableWrapper, " js-scrollable-wrapper\"\n    ng-transclude\n  ></div>\n</div>\n"),
     controllerAs: 'contentCtrl',
     controller: ["$scope", "$element", function controller($scope, $element) {
       const el = $element[0];

package/dist/island-ng/island-header-ng.js

@@ -1,6 +1,7 @@
 import angular from 'angular';
 import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import compile from './island-ng-class-fixer.js';
+import 'core-js/modules/es.string.replace.js';
 
 const angularModule = angular.module('Ring.island-ng.content', []);
 angularModule.directive('rgIslandHeader', function islandHeaderDirective() {
@@ -11,14 +12,7 @@ angularModule.directive('rgIslandHeader', function islandHeaderDirective() {
       border: '=?'
     },
     compile,
-    template: `
-<div
-  data-test="ring-island-header"
-  class="${modules_e6a056e1.header}"
-  ng-class="{'${modules_e6a056e1.withBottomBorder}': headerCtrl.border}" 
-  ng-transclude
-></div>
-`,
+    template: "\n<div\n  data-test=\"ring-island-header\"\n  class=\"".concat(modules_e6a056e1.header, "\"\n  ng-class=\"{'").concat(modules_e6a056e1.withBottomBorder, "': headerCtrl.border}\" \n  ng-transclude\n></div>\n"),
     controllerAs: 'headerCtrl',
     controller: function controller() {
       this.$onInit = () => {

package/dist/island-ng/island-ng-class-fixer.js

@@ -1,3 +1,5 @@
+import 'core-js/modules/es.string.replace.js';
+
 // Workaround fo Angular bug with ng-class & replace: true support
 // See https://github.com/angular/angular.js/issues/5695#issuecomment-31898355
 function compile(tElement, tAttrs) {

package/dist/island-ng/island-ng.js

@@ -3,6 +3,7 @@ import { m as modules_e6a056e1 } from '../_helpers/island.js';
 import IslandHeader from './island-header-ng.js';
 import IslandContent from './island-content-ng.js';
 import compile from './island-ng-class-fixer.js';
+import 'core-js/modules/es.string.replace.js';
 import '../global/schedule-raf.js';
 
 const angularModule = angular.module('Ring.island-ng', [IslandHeader, IslandContent]);
@@ -14,14 +15,7 @@ angularModule.directive('rgIsland', function islandDirective() {
       narrow: '='
     },
     compile,
-    template: `
-<div 
-  data-test="ring-island"
-  class="${modules_e6a056e1.island}" 
-  ng-class="{'${modules_e6a056e1.narrowIsland}': islandCtrl.narrow}" 
-  ng-transclude
-></div>
-`,
+    template: "\n<div \n  data-test=\"ring-island\"\n  class=\"".concat(modules_e6a056e1.island, "\" \n  ng-class=\"{'").concat(modules_e6a056e1.narrowIsland, "': islandCtrl.narrow}\" \n  ng-transclude\n></div>\n"),
     controllerAs: 'islandCtrl',
     controller: angular.noop
   };

package/dist/link/clickableLink.d.ts

@@ -13,7 +13,7 @@ export default class ClickableLink extends PureComponent<ClickableLinkProps> {
         onConditionalClick: PropTypes.Requireable<(...args: any[]) => any>;
         activeClassName: PropTypes.Requireable<string>;
         href: PropTypes.Validator<string>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Validator<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
     };
     onClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
     render(): JSX.Element;

package/dist/link/clickableLink.js

@@ -1,4 +1,5 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 

package/dist/link/link.d.ts

@@ -20,14 +20,12 @@ export interface LinkBaseProps {
 export declare type LinkProps<P extends ClickableLinkProps = ClickableLinkProps> = Omit<P, keyof LinkBaseProps> & LinkBaseProps;
 export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent: ComponentType<P> | string): {
     new (props: LinkProps<P> | Readonly<LinkProps<P>>): {
-        getChildren(): React.ReactNode;
+        getChildren(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<LinkProps<P>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<LinkProps<P>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -46,14 +44,12 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
         UNSAFE_componentWillUpdate?(nextProps: Readonly<LinkProps<P>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: LinkProps<P>, context: any): {
-        getChildren(): React.ReactNode;
+        getChildren(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<LinkProps<P>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<LinkProps<P>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -78,7 +74,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
         inherit: PropTypes.Requireable<boolean>;
         pseudo: PropTypes.Requireable<boolean>;
         hover: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
         'data-test': PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
         onPlainLeftClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -88,14 +84,12 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
 };
 declare const _default: {
     new (props: LinkProps<ClickableLinkProps> | Readonly<LinkProps<ClickableLinkProps>>): {
-        getChildren(): React.ReactNode;
+        getChildren(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<LinkProps<ClickableLinkProps>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<LinkProps<ClickableLinkProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -114,14 +108,12 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<LinkProps<ClickableLinkProps>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: LinkProps<ClickableLinkProps>, context: any): {
-        getChildren(): React.ReactNode;
+        getChildren(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<LinkProps<ClickableLinkProps>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
+        readonly props: Readonly<LinkProps<ClickableLinkProps>>;
         state: Readonly<{}>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -146,7 +138,7 @@ declare const _default: {
         inherit: PropTypes.Requireable<boolean>;
         pseudo: PropTypes.Requireable<boolean>;
         hover: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        children: PropTypes.Requireable<string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | ((...args: any[]) => any)>;
         'data-test': PropTypes.Requireable<string>;
         href: PropTypes.Requireable<string>;
         onPlainLeftClick: PropTypes.Requireable<(...args: any[]) => any>;

package/dist/link/link.js

@@ -1,12 +1,13 @@
 import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'focus-visible';
-import React, { Component, memo } from 'react';
+import React, { PureComponent, memo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import memoize from '../global/memoize.js';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ClickableLink from './clickableLink.js';
 import { m as modules_607b0772 } from '../_helpers/link.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
 /**
  * @name Link
@@ -35,10 +36,10 @@ const makeWrapText = memoize(innerClassName => {
   return /*#__PURE__*/memo(WrapText);
 });
 function linkHOC(ComposedComponent) {
-  var _class, _temp;
+  var _class;
 
   const isCustom = typeof ComposedComponent !== 'string' && ComposedComponent !== ClickableLink;
-  return _temp = _class = class Link extends Component {
+  return _class = class Link extends PureComponent {
     getChildren() {
       const {
         children,
@@ -111,7 +112,7 @@ function linkHOC(ComposedComponent) {
     href: PropTypes.string,
     onPlainLeftClick: PropTypes.func,
     onClick: PropTypes.func
-  }), _temp;
+  }), _class;
 }
 var Link = linkHOC(ClickableLink);
 

package/dist/link-ng/link-ng.js

@@ -12,10 +12,7 @@ function rgLinkDirective() {
     restrict: 'E',
     transclude: true,
     replace: true,
-    template: `
-<a class="${modules_607b0772.link} ${modules_607b0772.compatibilityUnderlineMode}"
-><span class="${modules_607b0772.inner}" ng-transclude></span></a>
-    `
+    template: "\n<a class=\"".concat(modules_607b0772.link, " ").concat(modules_607b0772.compatibilityUnderlineMode, "\"\n><span class=\"").concat(modules_607b0772.inner, "\" ng-transclude></span></a>\n    ")
   };
 }
 

package/dist/list/consts.d.ts

@@ -1,6 +1,7 @@
 import React, { ComponentType, ReactNode, SyntheticEvent } from 'react';
 import { LinkProps } from '../link/link';
 import { IconType, Size } from '../icon/icon';
+import { ClickableLinkProps } from '../link/clickableLink';
 /**
  * @enum {number}
  */
@@ -52,8 +53,9 @@ export declare type ListDataItem<T = unknown> = T & Partial<Omit<LinkProps, 'onC
     tagName?: keyof JSX.IntrinsicElements | null | undefined;
     selectedLabel?: string | null | undefined;
     originalModel?: never;
-    LinkComponent?: ComponentType<LinkProps> | string | null | undefined;
+    LinkComponent?: ComponentType<ClickableLinkProps> | string | null | undefined;
     template?: ReactNode | ((props: ListDataItemProps<T>) => ReactNode);
+    custom?: boolean | null | undefined;
     onClick?: ((item: ListDataItem<T>, event: Event | SyntheticEvent) => void) | null | undefined;
     onMouseUp?: ((item: ListDataItem<T>, event: Event | SyntheticEvent) => void) | null | undefined;
 };

package/dist/list/list.d.ts

@@ -136,6 +136,8 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
     shouldComponentUpdate(nextProps: ListProps<T>, nextState: ListState<T>): boolean;
     componentDidUpdate(prevProps: ListProps<T>): void;
     componentWillUnmount(): void;
+    scheduleScrollListener: (cb: () => void) => void;
+    scheduleHoverListener: (cb: () => void) => void;
     static isItemType: typeof isItemType;
     static ListHint: typeof ListHint;
     static ListProps: {