@jetbrains/ring-ui-built 6.0.34 → 6.0.36

package/components/data-list/data-list.mock.js

@@ -1,7 +1,8 @@
-import React from 'react';
 import Link from '../link/link.js';
 import Badge from '../badge/badge.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'react';
 import 'prop-types';
 import 'classnames';
 import '../global/data-tests.js';
@@ -15,7 +16,11 @@ import '../_helpers/badge.js';
 
 var items = [{
   id: 1,
-  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Assigner"), " in 60 projects"),
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
+      children: "Assigner"
+    }), " in 60 projects"]
+  }),
   collapsible: true,
   selectable: true,
   items: [{
@@ -26,48 +31,63 @@ var items = [{
     items: [{
       id: 111,
       selectable: true,
-      title: /*#__PURE__*/React.createElement(Link, {
-        href: "#"
-      }, "TeamCity")
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "TeamCity"
+      })
     }, {
       id: 112,
       selectable: true,
-      title: /*#__PURE__*/React.createElement(Link, {
-        href: "#"
-      }, "YouTrack")
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "YouTrack"
+      })
     }, {
       id: 113,
       selectable: true,
-      title: /*#__PURE__*/React.createElement(Link, {
-        href: "#"
-      }, "Sandbox")
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "Sandbox"
+      })
     }, {
       id: 114,
       selectable: true,
-      title: /*#__PURE__*/React.createElement(Link, {
-        href: "#"
-      }, "Exception Analyzer")
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "Exception Analyzer"
+      })
     }, {
       id: 115,
       selectable: true,
-      title: /*#__PURE__*/React.createElement(Link, {
-        href: "#"
-      }, "MPS")
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "MPS"
+      })
     }]
   }]
 }, {
   id: 2,
-  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Code Reviewer"), " in 5 projects"),
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
+      children: "Code Reviewer"
+    }), " in 5 projects"]
+  }),
   selectable: true,
   collapsible: true,
   items: [{
     id: 21,
     selectable: true,
-    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "JetProfile"), /*#__PURE__*/React.createElement("span", null, " "), /*#__PURE__*/React.createElement(Badge, {
-      gray: true
-    }, "duplicate"))
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "JetProfile"
+      }), /*#__PURE__*/jsx("span", {
+        children: " "
+      }), /*#__PURE__*/jsx(Badge, {
+        gray: true,
+        children: "duplicate"
+      })]
+    })
   }, {
     id: 22,
     title: '6 projects: as a member of jetbrains-team',
@@ -75,97 +95,157 @@ var items = [{
     items: [{
       id: 221,
       collapsible: true,
-      title: /*#__PURE__*/React.createElement(Link, {
-        href: "#"
-      }, "TeamCity")
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "TeamCity"
+      })
     }, {
       id: 222,
       collapsible: true,
-      title: /*#__PURE__*/React.createElement(Link, {
-        href: "#"
-      }, "YouTrack")
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "YouTrack"
+      })
     }, {
       id: 223,
       collapsible: true,
-      title: /*#__PURE__*/React.createElement(Link, {
-        href: "#"
-      }, "Sandbox")
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "Sandbox"
+      })
     }, {
       id: 224,
       collapsible: true,
-      title: /*#__PURE__*/React.createElement(Link, {
-        href: "#"
-      }, "Exception Analyzer")
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "Exception Analyzer"
+      })
     }, {
       id: 225,
       collapsible: true,
-      title: /*#__PURE__*/React.createElement(Link, {
-        href: "#"
-      }, "MPS")
+      title: /*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "MPS"
+      })
     }]
   }, {
     id: 23,
     collapsible: true,
-    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "CustomJDK"), /*#__PURE__*/React.createElement("span", null, ": as a member of ide-developers"))
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "CustomJDK"
+      }), /*#__PURE__*/jsx("span", {
+        children: ": as a member of ide-developers"
+      })]
+    })
   }]
 }, {
   id: 3,
-  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Code Viewer"), " in 5 projects"),
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
+      children: "Code Viewer"
+    }), " in 5 projects"]
+  }),
   selectable: true,
   collapsible: true,
   items: [{
     id: 31,
     collapsible: true,
-    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "ide-frontend"), /*#__PURE__*/React.createElement("span", null, ": as a member of ide-developers"))
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "ide-frontend"
+      }), /*#__PURE__*/jsx("span", {
+        children: ": as a member of ide-developers"
+      })]
+    })
   }, {
     id: 32,
     collapsible: true,
-    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "ide-frontend"), /*#__PURE__*/React.createElement("span", null, ": as a member of ide-frontend Code Viewers"))
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "ide-frontend"
+      }), /*#__PURE__*/jsx("span", {
+        children: ": as a member of ide-frontend Code Viewers"
+      })]
+    })
   }]
 }, {
   id: 4,
-  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Commenter"), " in 12 projects"),
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
+      children: "Commenter"
+    }), " in 12 projects"]
+  }),
   collapsible: true,
   items: [{
     id: 41,
     collapsible: true,
-    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "Intellij IDEA"), /*#__PURE__*/React.createElement("span", null, ": as a member of Registered Users"))
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "Intellij IDEA"
+      }), /*#__PURE__*/jsx("span", {
+        children: ": as a member of Registered Users"
+      })]
+    })
   }, {
     id: 42,
     collapsible: true,
-    title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "YouTrack Backlog"), /*#__PURE__*/React.createElement("span", null, ": as a member of jetbrains-team"))
+    title: /*#__PURE__*/jsxs("span", {
+      children: [/*#__PURE__*/jsx(Link, {
+        href: "#",
+        children: "YouTrack Backlog"
+      }), /*#__PURE__*/jsx("span", {
+        children: ": as a member of jetbrains-team"
+      })]
+    })
   }]
 }, {
   id: 5,
   collapsible: true,
-  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Developer"), /*#__PURE__*/React.createElement("span", null, " in 57 projects "), /*#__PURE__*/React.createElement(Badge, null, "team role")),
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
+      children: "Developer"
+    }), /*#__PURE__*/jsx("span", {
+      children: " in 57 projects "
+    }), /*#__PURE__*/jsx(Badge, {
+      children: "team role"
+    })]
+  }),
   items: [{
     id: 51,
     selectable: true,
     collapsible: true,
-    title: /*#__PURE__*/React.createElement(Link, {
-      href: "#"
-    }, "Wasabi")
+    title: /*#__PURE__*/jsx(Link, {
+      href: "#",
+      children: "Wasabi"
+    })
   }]
 }, {
   id: 6,
   collapsible: true,
-  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Git Hosting Admin"), /*#__PURE__*/React.createElement("span", null, " in project "), /*#__PURE__*/React.createElement(Link, {
-    href: "#"
-  }, "Hackathon 2016"), /*#__PURE__*/React.createElement("span", null, ": as a member of jetbrains-team"))
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
+      children: "Git Hosting Admin"
+    }), /*#__PURE__*/jsx("span", {
+      children: " in project "
+    }), /*#__PURE__*/jsx(Link, {
+      href: "#",
+      children: "Hackathon 2016"
+    }), /*#__PURE__*/jsx("span", {
+      children: ": as a member of jetbrains-team"
+    })]
+  })
 }, {
   id: 7,
-  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("strong", null, "Git Hosting Checkout"), " in 7 projects"),
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx("strong", {
+      children: "Git Hosting Checkout"
+    }), " in 7 projects"]
+  }),
   selectable: true,
   collapsible: true
 }];
@@ -173,20 +253,32 @@ var moreItems = [{
   id: 91,
   selectable: true,
   collapsible: true,
-  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
-    href: "#"
-  }, "More item 1"), /*#__PURE__*/React.createElement("span", null, " "), /*#__PURE__*/React.createElement(Badge, {
-    gray: true
-  }, "duplicate"))
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx(Link, {
+      href: "#",
+      children: "More item 1"
+    }), /*#__PURE__*/jsx("span", {
+      children: " "
+    }), /*#__PURE__*/jsx(Badge, {
+      gray: true,
+      children: "duplicate"
+    })]
+  })
 }, {
   id: 92,
   selectable: true,
   collapsible: true,
-  title: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Link, {
-    href: "#"
-  }, "More item 2"), /*#__PURE__*/React.createElement("span", null, " "), /*#__PURE__*/React.createElement(Badge, {
-    gray: true
-  }, "duplicate"))
+  title: /*#__PURE__*/jsxs("span", {
+    children: [/*#__PURE__*/jsx(Link, {
+      href: "#",
+      children: "More item 2"
+    }), /*#__PURE__*/jsx("span", {
+      children: " "
+    }), /*#__PURE__*/jsx(Badge, {
+      gray: true,
+      children: "duplicate"
+    })]
+  })
 }];
 
 export { items as default, moreItems };

package/components/data-list/item.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, ReactNode } from 'react';
+import { PureComponent, ReactNode } from 'react';
 import Selection, { SelectionItem } from '../table/selection';
 export declare enum moreLessButtonStates {
     UNUSED = 0,
@@ -45,6 +45,6 @@ export default class Item<T extends SelectionItem> extends PureComponent<ItemPro
     onShowLess: () => void;
     onFocus: () => void;
     onSelect: (selected: boolean) => void;
-    renderItem: (model: T, parentShift: number) => React.JSX.Element;
-    render(): React.JSX.Element;
+    renderItem: (model: T, parentShift: number) => import("react").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/components/data-list/item.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.map.js';
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import chevronRightIcon from '@jetbrains/icons/chevron-right';
 import chevronDownIcon from '@jetbrains/icons/chevron-down';
@@ -11,6 +11,7 @@ import LoaderInline from '../loader-inline/loader-inline.js';
 import { Button } from '../button/button.js';
 import Selection from '../table/selection.js';
 import { m as modules_09d014b4, T as Title } from '../_helpers/title.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
@@ -43,6 +44,7 @@ import 'core-js/modules/web.dom-collections.for-each.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark-12px';
 import '@jetbrains/icons/remove-12px';
+import '../control-help/control-help.js';
 import '../global/get-uid.js';
 import 'core-js/modules/es.regexp.to-string.js';
 
@@ -95,8 +97,7 @@ var Item = /*#__PURE__*/function (_PureComponent) {
         level = _this$props5.level,
         itemFormatter = _this$props5.itemFormatter;
       var item = itemFormatter(model);
-      return /*#__PURE__*/React.createElement(Item, {
-        key: item.key || item.id,
+      return /*#__PURE__*/jsx(Item, {
         item: model,
         title: item.title,
         items: item.items,
@@ -113,7 +114,7 @@ var Item = /*#__PURE__*/function (_PureComponent) {
         selectable: item.selectable,
         selected: selection.isSelected(model),
         onSelect: onSelect
-      });
+      }, item.key || item.id);
     });
     return _this;
   }
@@ -137,28 +138,32 @@ var Item = /*#__PURE__*/function (_PureComponent) {
         onExpand = _this$props6.onExpand;
       var moreLessButton;
       if (showMoreLessButton === moreLessButtonStates.MORE || showMoreLessButton === moreLessButtonStates.MORE_LOADING) {
-        moreLessButton = /*#__PURE__*/React.createElement(Text, {
-          info: true
-        }, /*#__PURE__*/React.createElement(Link, {
-          inherit: true,
-          pseudo: true,
-          onClick: this.onShowMore
-        }, 'Show more'), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/React.createElement(LoaderInline, {
-          className: modules_09d014b4.showMoreLoader
-        }));
+        moreLessButton = /*#__PURE__*/jsxs(Text, {
+          info: true,
+          children: [/*#__PURE__*/jsx(Link, {
+            inherit: true,
+            pseudo: true,
+            onClick: this.onShowMore,
+            children: 'Show more'
+          }), showMoreLessButton === moreLessButtonStates.MORE_LOADING && /*#__PURE__*/jsx(LoaderInline, {
+            className: modules_09d014b4.showMoreLoader
+          })]
+        });
       } else if (showMoreLessButton === moreLessButtonStates.LESS) {
-        moreLessButton = /*#__PURE__*/React.createElement(Text, {
-          info: true
-        }, /*#__PURE__*/React.createElement(Link, {
-          inherit: true,
-          pseudo: true,
-          onClick: this.onShowLess
-        }, 'Show less'));
+        moreLessButton = /*#__PURE__*/jsx(Text, {
+          info: true,
+          children: /*#__PURE__*/jsx(Link, {
+            inherit: true,
+            pseudo: true,
+            onClick: this.onShowLess,
+            children: 'Show less'
+          })
+        });
       }
       var collapserExpander = null;
       if (collapsible) {
         if (collapsed) {
-          collapserExpander = /*#__PURE__*/React.createElement(Button, {
+          collapserExpander = /*#__PURE__*/jsx(Button, {
             title: "Expand",
             onClick: onExpand,
             icon: chevronRightIcon,
@@ -167,7 +172,7 @@ var Item = /*#__PURE__*/function (_PureComponent) {
             "data-test": "ring-data-list-expand"
           });
         } else {
-          collapserExpander = /*#__PURE__*/React.createElement(Button, {
+          collapserExpander = /*#__PURE__*/jsx(Button, {
             title: "Collapse",
             onClick: onCollapse,
             icon: chevronDownIcon,
@@ -179,23 +184,27 @@ var Item = /*#__PURE__*/function (_PureComponent) {
       }
       var itemIsEmpty = !(items !== null && items !== void 0 && items.length) || collapsible && collapsed;
       var offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
-      return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Title, {
-        title: title,
-        focused: showFocus,
-        showFocus: showFocus,
-        selectable: selectable,
-        selected: selected,
-        collapserExpander: collapserExpander,
-        onFocus: this.onFocus,
-        onSelect: this.onSelect,
-        offset: offset
-      }), !itemIsEmpty ? /*#__PURE__*/React.createElement("ul", {
-        className: modules_09d014b4.itemContent
-      }, items.map(function (model) {
-        return _this2.renderItem(model, parentShift);
-      }), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/React.createElement("li", {
-        className: modules_09d014b4.showMore
-      }, moreLessButton) : null) : null);
+      return /*#__PURE__*/jsxs("li", {
+        children: [/*#__PURE__*/jsx(Title, {
+          title: title,
+          focused: showFocus,
+          showFocus: showFocus,
+          selectable: selectable,
+          selected: selected,
+          collapserExpander: collapserExpander,
+          onFocus: this.onFocus,
+          onSelect: this.onSelect,
+          offset: offset
+        }), !itemIsEmpty ? /*#__PURE__*/jsxs("ul", {
+          className: modules_09d014b4.itemContent,
+          children: [items.map(function (model) {
+            return _this2.renderItem(model, parentShift);
+          }), showMoreLessButton !== moreLessButtonStates.UNUSED ? /*#__PURE__*/jsx("li", {
+            className: modules_09d014b4.showMore,
+            children: moreLessButton
+          }) : null]
+        }) : null]
+      });
     }
   }]);
 }(PureComponent);

package/components/data-list/selection.js

@@ -1,4 +1,4 @@
-import { a as _inherits, b as _createClass, k as _toConsumableArray, m as _get, n as _getPrototypeOf, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { a as _inherits, b as _createClass, j as _toConsumableArray, l as _get, m as _getPrototypeOf, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.array.find.js';

package/components/data-list/title.d.ts

@@ -1,4 +1,4 @@
-import React, { PureComponent, ReactNode } from 'react';
+import { PureComponent, ReactNode, ComponentType } from 'react';
 import { FocusSensorAddProps } from '../global/focus-sensor-hoc';
 export interface TitleProps extends FocusSensorAddProps<HTMLDivElement> {
     onSelect: (selected: boolean) => void;
@@ -20,7 +20,7 @@ declare class Title extends PureComponent<TitleProps> {
     onCheckboxFocus: () => void;
     onCheckboxChange: () => void;
     toggleSelection(): void;
-    render(): React.JSX.Element;
+    render(): import("react").JSX.Element;
 }
-declare const _default: React.ComponentType<import("../global/focus-sensor-hoc").FocusSensorProps<TitleProps, HTMLDivElement, typeof Title>>;
+declare const _default: ComponentType<import("../global/focus-sensor-hoc").FocusSensorProps<TitleProps, HTMLDivElement, typeof Title>>;
 export default _default;

package/components/data-list/title.js

@@ -8,6 +8,7 @@ import '../checkbox/checkbox.js';
 import '../global/get-uid.js';
 import '../global/prop-types.js';
 export { T as default } from '../_helpers/title.js';
+import 'react/jsx-runtime';
 import '../global/composeRefs.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
@@ -25,4 +26,5 @@ import 'core-js/modules/es.array.iterator.js';
 import 'core-js/modules/es.map.js';
 import 'core-js/modules/es.weak-map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import '../control-help/control-help.js';
 import 'core-js/modules/es.regexp.to-string.js';

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { DatePopupBaseProps, Field } from './consts';
 export interface UpdateInputConfig {

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

@@ -1,10 +1,10 @@
-import { a as _inherits, b as _createClass, _ as _defineProperty, f as _classCallCheck, g as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
-import React from 'react';
+import * as React from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import { I as Input } from '../_helpers/input.js';
@@ -12,6 +12,7 @@ import { ControlsHeight } from '../global/controls-height.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { dateType } from './consts.js';
 import { m as modules_0c7b7d96 } from '../_helpers/date-picker.js';
+import { jsx } from 'react/jsx-runtime';
 import 'core-js/modules/es.object.values.js';
 import '@jetbrains/icons/close-12px';
 import '../global/prop-types.js';
@@ -34,6 +35,7 @@ import 'core-js/modules/es.regexp.to-string.js';
 import '../global/composeRefs.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import '../control-label/control-label.js';
+import '../control-help/control-help.js';
 import '../i18n/i18n.js';
 import 'core-js/modules/es.set.js';
 import 'core-js/modules/es.array.index-of.js';
@@ -136,7 +138,7 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
         }
       }();
       var classes = classNames(modules_0c7b7d96.filter, modules_0c7b7d96["".concat(name, "Input")], divider && modules_0c7b7d96["".concat(name, "InputWithDivider")], 'ring-js-shortcuts');
-      return /*#__PURE__*/React.createElement(Input, {
+      return /*#__PURE__*/jsx(Input, {
         autoComplete: "off",
         borderless: true,
         height: ControlsHeight.L,

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

@@ -1,4 +1,5 @@
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import type { Locale } from 'date-fns';
 import Popup from '../popup/popup';