@jetbrains/ring-ui 5.0.133 → 5.0.135

package/README.md

@@ -1,5 +1,5 @@
 # Ring UI — JetBrains Web UI components
-[![Storybook][storybook-img]][docsite] [![Build Status][ci-img]][ci-bt] [![Storybook][browserstack-img]][browserstack-build-page] [![Dependencies Status][deps-img]][deps] [![Dev Dependencies Status][dev-deps-img]][dev-deps] [![NPM version][npm-version-img]][npm-package] [![NPM downloads][npm-count-img]][npm-package]
+[![Storybook][storybook-img]][docsite] [![Build Status][ci-img]][ci-bt] [![Storybook][browserstack-img]][browserstack-build-page] [![NPM version][npm-version-img]][npm-package] [![NPM downloads][npm-count-img]][npm-package]
 
 [![official JetBrains project](https://jb.gg/badges/official-flat-square.svg)](https://confluence.jetbrains.com/display/ALL/JetBrains+on+GitHub)
 
@@ -84,7 +84,6 @@ See [CONTRIBUTING.md](./CONTRIBUTING.md)
 - [Living style guide][docsite]
 - [GitHub repository](https://github.com/JetBrains/ring-ui)
 - [Issues in YouTrack](https://youtrack.jetbrains.com/issues/RG)
-- [Code review in Upsource](https://upsource.jetbrains.com/ring-ui/view)
 - [Builds in TeamCity][ci-project]
 - [npm package][npm-package]
 
@@ -92,10 +91,6 @@ See [CONTRIBUTING.md](./CONTRIBUTING.md)
 [ci-project]: https://teamcity.jetbrains.com/project.html?projectId=JetBrainsUi_RingUi&tab=projectOverview
 [ci-bt]: https://teamcity.jetbrains.com/viewType.html?buildTypeId=JetBrainsUi_RingUi_GeminiTests&tab=buildTypeStatusDiv
 [ci-img]:  https://teamcity.jetbrains.com/app/rest/builds/buildType:JetBrainsUi_RingUi_GeminiTests/statusIcon.svg
-[deps]: https://david-dm.org/jetbrains/ring-ui
-[deps-img]: https://img.shields.io/david/jetbrains/ring-ui.svg
-[dev-deps]: https://david-dm.org/jetbrains/ring-ui?type=dev
-[dev-deps-img]: https://img.shields.io/david/dev/jetbrains/ring-ui.svg
 [npm-package]: https://www.npmjs.com/package/@jetbrains/ring-ui
 [npm-version-img]: https://img.shields.io/npm/v/@jetbrains/ring-ui.svg
 [npm-count-img]: https://img.shields.io/npm/dt/@jetbrains/ring-ui.svg

package/components/avatar/fallback-avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { Size } from './avatar';
 export interface FallbackAvatarProps {

package/components/button-group/button-group.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Caption from './caption';

package/components/button-group/button-group.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/components/button-group-ng/button-group-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 
 import classNames from 'classnames';

package/components/button-ng/button-ng.examples.js

@@ -96,9 +96,9 @@ basic.storyName = 'Button Ng';
 basic.parameters = {
   hermione: {
     actions: [
-      {type: 'capture', name: '', selector: '#root'},
+      {type: 'capture', name: '', selector: '#storybook-root'},
       {type: 'focus', selector: '[data-test=button-active]'},
-      {type: 'capture', name: 'focus active', selector: '#root'}
+      {type: 'capture', name: 'focus active', selector: '#storybook-root'}
     ]
   },
   storyStyles: `

package/components/button-ng/button-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 
 import classNames from 'classnames';

package/components/checkbox/checkbox.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { PureComponent, InputHTMLAttributes, CSSProperties, Ref } from 'react';
 import PropTypes from 'prop-types';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {

package/components/checkbox/checkbox.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

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

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 
 import checkmarkIcon from '@jetbrains/icons/checkmark-14px';

package/components/confirm-ng/confirm-ng.examples.js

@@ -13,7 +13,7 @@ export default {
   parameters: {
     notes: 'Displays a confirmation prompt.',
     hermione: {captureSelector: '*[data-test~=ring-dialog]'},
-    a11y: {element: '*[data-test~=ring-dialog]'}
+    a11y: {element: '#storybook-root,*[data-test~=ring-dialog]'}
   }
 };
 

package/components/date-picker/month-names.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 declare function MonthNames(props: MonthsProps): JSX.Element;

package/components/date-picker/month.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 export interface MonthProps extends MonthsProps {

package/components/date-picker/months.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 declare function Months(props: MonthsProps): JSX.Element;

package/components/date-picker/weekdays.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Locale } from 'date-fns';
 import PropTypes from 'prop-types';
 interface WeekdaysProps {

package/components/dialog-ng/dialog-ng.examples.js

@@ -16,7 +16,7 @@ export default {
   parameters: {
     notes: 'Provides an Angular wrapper for Dialog.',
     hermione: {captureSelector: '*[data-test~=ring-dialog]'},
-    a11y: {element: '*[data-test~=ring-dialog]'}
+    a11y: {element: '#storybook-root,*[data-test~=ring-dialog]'}
   }
 };
 

package/components/form/form.examples.js

@@ -5,6 +5,7 @@ import angularDecorator, {APP_NAME} from '../../.storybook/angular-decorator';
 import '../input/input-legacy.css';
 import './form.css';
 import '../input-size/input-size.css';
+import '../error-bubble/error-bubble-legacy.css';
 
 import ButtonNG from '../button-ng/button-ng';
 

package/components/global/angular-component-factory.js

@@ -27,14 +27,19 @@ function createAngularComponent(Component) {
     $postLink() {
       const {$transclude} = this.$inject;
 
+
       $transclude(clone => {
-        this.innerNodes = Array.from(clone);
+        this.container = document.createElement('div');
+
+        for (let i = 0; i < clone.length; i++) {
+          this.container.appendChild(clone[i]);
+        }
         this.render();
       });
     }
 
     $onChanges() {
-      if (!this.innerNodes) {
+      if (!this.container) {
         return;
       }
       this.render();
@@ -62,11 +67,11 @@ function createAngularComponent(Component) {
         }
       });
 
-      const hasInnerContent = this.innerNodes && this.innerNodes.length;
+      const hasInnerContent = this.container.hasChildNodes();
 
       render(
         <Component {...props}>
-          {hasInnerContent ? <DomRenderer nodes={this.innerNodes}/> : null}
+          {hasInnerContent ? <DomRenderer nodes={this.container.childNodes}/> : null}
         </Component>,
         container
       );

package/components/global/angular-component-factory.test.js

@@ -4,7 +4,7 @@ import angular from 'angular';
 import 'angular-mocks';
 import React, {PureComponent} from 'react';
 import PropTypes from 'prop-types';
-import {Simulate} from 'react-dom/test-utils';
+import {act, Simulate} from 'react-dom/test-utils';
 
 import angularComponentFactory from './angular-component-factory';
 
@@ -13,7 +13,8 @@ class TestComponent extends PureComponent {
     id: PropTypes.string,
     someObj: PropTypes.object,
     onClick: PropTypes.func,
-    className: PropTypes.string
+    className: PropTypes.string,
+    children: PropTypes.node
   };
 
   static defaultProps = {
@@ -23,15 +24,18 @@ class TestComponent extends PureComponent {
   handleClick = () => this.props.onClick('payload');
 
   render() {
-    const {id, someObj, className} = this.props;
+    const {id, someObj, className, children} = this.props;
     return (
-      <button
-        type="button"
-        id={id}
-        data-some-obj={someObj.foo}
-        onClick={this.handleClick}
-        className={className}
-      />
+      <>
+        <button
+          type="button"
+          id={id}
+          data-some-obj={someObj.foo}
+          onClick={this.handleClick}
+          className={className}
+        />
+        {children}
+      </>
     );
   }
 }
@@ -115,4 +119,20 @@ describe('angularComponentFactory', () => {
     $rootScope.callback.should.have.been.called;
     $rootScope.callback.should.have.been.calledWith('payload');
   });
+
+  it('should support ng-if in nested content', () => {
+    let $element = null;
+    act(() => {
+      $element = $compile(`
+<rg-test-component>
+  <span data-test="hello">HELLO</span>
+</rg-test-component>`
+      )($rootScope);
+    });
+
+    const component = $element[0].querySelector('[data-test~=hello]');
+    $rootScope.$digest();
+
+    should.exist(component);
+  });
 });

package/components/global/react-dom-renderer.d.ts

@@ -2,12 +2,12 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 export interface RendererProps {
     className?: string | undefined;
-    nodes: readonly Node[];
+    nodes: readonly Node[] | NodeList;
 }
 export default class Renderer extends Component<RendererProps> {
     static propTypes: {
         className: PropTypes.Requireable<string>;
-        nodes: PropTypes.Requireable<any[]>;
+        nodes: PropTypes.Requireable<object>;
     };
     componentDidMount(): void;
     node?: HTMLElement | null;

package/components/global/react-dom-renderer.js

@@ -3,16 +3,16 @@ import PropTypes from 'prop-types';
 class Renderer extends Component {
     static propTypes = {
         className: PropTypes.string,
-        nodes: PropTypes.array
+        nodes: PropTypes.oneOfType([PropTypes.array, PropTypes.object])
     };
     componentDidMount() {
+        const { node } = this;
         const { nodes } = this.props;
-        if (!this.node || !nodes || !nodes.length) {
+        if (!node || !nodes || !nodes.length) {
             return;
         }
-        const fragment = document.createDocumentFragment();
-        nodes.forEach(nodeToRender => fragment.appendChild(nodeToRender));
-        this.node.appendChild(fragment);
+        Array.from(this.props.nodes).
+            forEach(nodeToRender => node.appendChild(nodeToRender));
     }
     node;
     nodeRef = (node) => {

package/components/input-size/input-size.examples.js

@@ -5,6 +5,7 @@ import angularDecorator, {APP_NAME} from '../../.storybook/angular-decorator';
 import '../input/input-legacy.css';
 import '../form/form.css';
 import './input-size.css';
+import '../error-bubble/error-bubble-legacy.css';
 
 import SelectNG from '../select-ng/select-ng';
 import QueryAssistNG from '../query-assist-ng/query-assist-ng';

package/components/island/island.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { Component, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 export interface IslandProps extends HTMLAttributes<HTMLElement> {

package/components/island/island.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/components/island-ng/island-ng.js

@@ -1,6 +1,7 @@
 /**
  * @name Island Ng
  */
+import 'focus-visible';
 import angular from 'angular';
 
 import styles from '../island/island.css';
@@ -20,10 +21,10 @@ angularModule.directive('rgIsland', function islandDirective() {
     },
     compile,
     template: `
-<div 
+<div
   data-test="ring-island"
-  class="${styles.island}" 
-  ng-class="{'${styles.narrowIsland}': islandCtrl.narrow}" 
+  class="${styles.island}"
+  ng-class="{'${styles.narrowIsland}': islandCtrl.narrow}"
   ng-transclude
 ></div>
 `,

package/components/link-ng/link-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 
 import styles from '../link/link.css';

package/components/list/list.d.ts

@@ -24,7 +24,7 @@ export interface ListProps<T = unknown> {
     restoreActiveIndex: boolean;
     activateSingleItem: boolean;
     activateFirstItem: boolean;
-    onMouseOut: (e: SyntheticEvent) => void;
+    onMouseOut: (e: SyntheticEvent<HTMLElement>) => void;
     onSelect: (item: ListDataItem<T>, event: Event | SyntheticEvent, params?: SelectHandlerParams) => void;
     onScrollToBottom: () => void;
     onResize: (info: Size) => void;

package/components/markdown/code.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CodeProps } from 'react-markdown/lib/ast-to-react';
 export interface MarkdownCodeProps extends CodeProps {
     language?: string;

package/components/markdown/heading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { HeadingProps } from 'react-markdown/lib/ast-to-react';
 declare const MarkdownHeading: {

package/components/markdown/link.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { ReactMarkdownProps } from 'react-markdown/lib/complex-types';
 declare const MarkdownLink: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ListDataItem } from '../list/consts';
 export interface QueryAssistSuggestion {
     description: string;

package/components/select/select.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { ButtonHTMLAttributes, Component, CSSProperties, HTMLAttributes, ReactNode, RefCallback, SyntheticEvent } from 'react';
 import { SelectHandlerParams } from '../list/list';
 import { Size } from '../input/input';

package/components/select/select.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { Component, Fragment } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';

package/components/tabs/dumb-tabs.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { PureComponent, ReactElement } from 'react';
 import PropTypes from 'prop-types';
 import { CollapsibleTabsProps } from './collapsible-tabs';

package/components/tabs/dumb-tabs.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/components/tabs/tabs.css

@@ -1,5 +1,8 @@
 @import "../global/variables.css";
 
+/* ensure styles order */
+@import "../link/link.css";
+
 @value dark from "../global/variables_dark.css";
 @value unit from "../global/global.css";
 @value line-shadow: inset 0 -1px 0 0;

package/components/tabs-ng/tabs-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 
 import className from 'classnames';

package/components/tag/tag.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { HTMLAttributes, PureComponent, ReactNode, RefCallback } from 'react';
 import PropTypes from 'prop-types';
 import { IconType } from '../icon/icon';

package/components/tag/tag.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/_helpers/tabs.js

@@ -1,3 +1,3 @@
-var modules_02138f4a = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0","light":"light_rui_aa34","tabs":"tabs_rui_aa34 font_rui_8bff","titles":"titles_rui_aa34","title":"title_rui_aa34 font_rui_8bff","selected":"selected_rui_aa34","collapsed":"collapsed_rui_aa34","titleLegacy":"titleLegacy_rui_aa34","visible":"visible_rui_aa34","container":"container_rui_aa34","hidden":"hidden_rui_aa34","hiddenBold":"hiddenBold_rui_aa34","hiddenRegular":"hiddenRegular_rui_aa34","tabCounter":"tabCounter_rui_aa34","autoCollapseContainer":"autoCollapseContainer_rui_aa34","autoCollapse":"autoCollapse_rui_aa34","rendered":"rendered_rui_aa34","adjusted":"adjusted_rui_aa34","measure":"measure_rui_aa34","morePopup":"morePopup_rui_aa34","chevron":"chevron_rui_aa34","morePopupBeforeEnd":"morePopupBeforeEnd_rui_aa34"};
+var modules_02138f4a = {"dark":"dark_rui_eb55","unit":"i__const_unit_1","line-shadow":"inset 0 -1px 0 0","selected-line-shadow":"inset 0 -2px 0 0","light":"light_rui_aa34","link":"link_rui_aa34","hover":"hover_rui_aa34","inner":"inner_rui_aa34","active":"active_rui_aa34","compatibilityUnderlineMode":"compatibilityUnderlineMode_rui_aa34","pseudo":"pseudo_rui_aa34","text":"text_rui_aa34","inherit":"inherit_rui_aa34","tabs":"tabs_rui_aa34 font_rui_8bff","titles":"titles_rui_aa34","title":"title_rui_aa34 font_rui_8bff","selected":"selected_rui_aa34","collapsed":"collapsed_rui_aa34","titleLegacy":"titleLegacy_rui_aa34","visible":"visible_rui_aa34","container":"container_rui_aa34","hidden":"hidden_rui_aa34","hiddenBold":"hiddenBold_rui_aa34","hiddenRegular":"hiddenRegular_rui_aa34","tabCounter":"tabCounter_rui_aa34","autoCollapseContainer":"autoCollapseContainer_rui_aa34","autoCollapse":"autoCollapse_rui_aa34","rendered":"rendered_rui_aa34","adjusted":"adjusted_rui_aa34","measure":"measure_rui_aa34","morePopup":"morePopup_rui_aa34","chevron":"chevron_rui_aa34","morePopupBeforeEnd":"morePopupBeforeEnd_rui_aa34"};
 
 export { modules_02138f4a as m };

package/dist/auth/iframe-flow.js

@@ -12,6 +12,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
+import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -29,7 +30,6 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/auth-dialog/auth-dialog.js

@@ -7,6 +7,7 @@ import { Button } from '../button/button.js';
 import { H2 } from '../heading/heading.js';
 import ContentWrapper from '../island/content.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -27,7 +28,6 @@ import '../global/dom.js';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/auth-dialog-service/auth-dialog-service.js

@@ -7,6 +7,7 @@ import 'prop-types';
 import 'classnames';
 import '../island/island.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -26,7 +27,6 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/avatar/fallback-avatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { Size } from './avatar';
 export interface FallbackAvatarProps {

package/dist/breadcrumb-ng/breadcrumb-ng.js

@@ -2,6 +2,7 @@ import angular from 'angular';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import LinkModule from '../link-ng/link-ng.js';
 import IconNG from '../icon-ng/icon-ng.js';
+import 'focus-visible';
 import '../_helpers/link.js';
 import '../icon/icon__constants.js';
 import '../template-ng/template-ng.js';

package/dist/button-group/button-group.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { PureComponent, HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
 import Caption from './caption';

package/dist/button-group/button-group.js

@@ -1,4 +1,5 @@
 import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

package/dist/button-group-ng/button-group-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 import classNames from 'classnames';
 import { m as modules_1068e447 } from '../_helpers/button-group.js';

package/dist/button-ng/button-ng.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 import classNames from 'classnames';
 import RingAngularComponent from '../global/ring-angular-component.js';

package/dist/checkbox/checkbox.d.ts

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { PureComponent, InputHTMLAttributes, CSSProperties, Ref } from 'react';
 import PropTypes from 'prop-types';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {

package/dist/checkbox/checkbox.js

@@ -1,4 +1,5 @@
 import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';

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

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import angular from 'angular';
 import checkmarkIcon from '@jetbrains/icons/checkmark-14px';
 import IconNG from '../icon-ng/icon-ng.js';

package/dist/confirm/confirm.js

@@ -22,12 +22,12 @@ import '../global/dom.js';
 import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
+import 'focus-visible';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
 import '../_helpers/island.js';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/confirm-ng/confirm-ng.js

@@ -11,6 +11,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
+import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -28,7 +29,6 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/confirm-service/confirm-service.js

@@ -9,6 +9,7 @@ import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'classnames';
 import '@jetbrains/icons/close';
 import '../island/island.js';
+import 'focus-visible';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
@@ -26,7 +27,6 @@ import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../global/dom.js';
 import '../button/button.js';
-import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';

package/dist/data-list/title.js

@@ -8,6 +8,7 @@ import '../global/prop-types.js';
 export { T as default } from '../_helpers/title.js';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/composeRefs.js';
+import 'focus-visible';
 import '@jetbrains/icons/checkmark-14px';
 import '@jetbrains/icons/remove-14px';
 import '../icon/icon.js';

package/dist/date-picker/month-names.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 declare function MonthNames(props: MonthsProps): JSX.Element;

package/dist/date-picker/month.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 export interface MonthProps extends MonthsProps {

package/dist/date-picker/months.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import { MonthsProps } from './consts';
 declare function Months(props: MonthsProps): JSX.Element;

package/dist/date-picker/weekdays.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Locale } from 'date-fns';
 import PropTypes from 'prop-types';
 interface WeekdaysProps {