@jetbrains/ring-ui 4.1.0-beta.4 → 4.1.2

package/dist/code/code.js

@@ -0,0 +1,136 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import highlight from 'highlight.js/lib/core';
+export { default as highlight } from 'highlight.js/lib/core';
+import normalizeIndent from '../global/normalize-indent.js';
+import trivialTemplateTag from '../global/trivial-template-tag.js';
+import memoize from '../global/memoize.js';
+
+var modules_66c414ea = {"unit":"8px","code":"code_rui_4f55","inline":"inline_rui_4f55","softWrap":"softWrap_rui_4f55"};
+
+var modules_39cf09e8 = {"highlightContainer":"highlightContainer_rui_d494"};
+
+function noop() {}
+
+const registerLanguage = memoize(async language => {
+  const languageExports = await import(
+  /* webpackChunkName: "highlight-[request]" */
+  `highlight.js/lib/languages/${language}`);
+  highlight.registerLanguage(language, languageExports.default);
+});
+/**
+ * @name Code
+ */
+
+class Code extends PureComponent {
+  componentDidMount() {
+    this.highlight();
+  }
+
+  componentDidUpdate() {
+    this.highlight();
+  }
+
+  async highlight() {
+    const codeRef = this.codeRef;
+
+    if (codeRef == null) {
+      return;
+    }
+
+    const {
+      language,
+      inline,
+      replacer
+    } = this.props;
+
+    if (!inline) {
+      if (language != null && highlight.getLanguage(language) == null) {
+        await registerLanguage(language);
+      }
+
+      highlight.highlightElement(codeRef);
+    }
+
+    replacer(codeRef);
+  }
+
+  get codeRef() {
+    const {
+      codeRef
+    } = this.props;
+    return !codeRef || this.isFunctionCodeRef ? this.code : codeRef.current;
+  }
+
+  get isFunctionCodeRef() {
+    return typeof this.props.codeRef === 'function';
+  }
+
+  get initCodeRef() {
+    const {
+      codeRef
+    } = this.props;
+
+    if (codeRef && !this.isFunctionCodeRef) {
+      return codeRef;
+    }
+
+    return ref => {
+      this.code = ref;
+
+      if (this.isFunctionCodeRef) {
+        codeRef(this.code);
+      }
+    };
+  }
+
+  render() {
+    const {
+      code,
+      className,
+      inline,
+      softWrap,
+      language
+    } = this.props;
+    const Tag = inline ? 'span' : 'pre';
+    const classes = classNames(modules_66c414ea.code, className, language, {
+      [modules_66c414ea.inline]: inline,
+      [modules_66c414ea.softWrap]: softWrap
+    });
+    return /*#__PURE__*/React.createElement(Tag, {
+      className: classes
+    }, /*#__PURE__*/React.createElement("code", {
+      // should be focusable because it can be scrollable
+      tabIndex: inline ? -1 : 0,
+      ref: this.initCodeRef,
+      className: modules_39cf09e8.highlightContainer
+    }, normalizeIndent(code)));
+  }
+
+}
+
+_defineProperty(Code, "propTypes", {
+  className: PropTypes.string,
+  code: PropTypes.string.isRequired,
+  inline: PropTypes.bool,
+  softWrap: PropTypes.bool,
+  language: PropTypes.string,
+  replacer: PropTypes.func,
+  codeRef: PropTypes.oneOfType([PropTypes.shape({
+    current: PropTypes.instanceOf(Element)
+  }), PropTypes.func])
+});
+
+_defineProperty(Code, "defaultProps", {
+  inline: false,
+  softWrap: false,
+  replacer: noop
+});
+
+const code = trivialTemplateTag(source => /*#__PURE__*/React.createElement(Code, {
+  code: source
+}));
+
+export { code, Code as default };

package/dist/compiler-ng/compiler-ng.js

@@ -0,0 +1,53 @@
+import angular from 'angular';
+
+const angularModule = angular.module('Ring.compiler', []).factory('rgCompiler', ["$q", "$controller", "$injector", "$compile", function rgCompilerFactory($q, $controller, $injector, $compile) {
+  return options => {
+    const template = options.template;
+    const controller = options.controller;
+    const controllerAs = options.controllerAs;
+    const resolve = angular.extend({}, options.resolve);
+    const bindToController = options.bindToController;
+    angular.forEach(resolve, (value, key) => {
+      if (angular.isString(value)) {
+        resolve[key] = $injector.get(value);
+      } else {
+        // Use comma expression to disable babel-plugin-angular-annotate
+        // Otherwise is fails with "Maximum call stack size exceeded" error
+        resolve[key] = $injector.invoke((value));
+      }
+    });
+    angular.extend(resolve, options.locals);
+    return $q.all(resolve).then(locals => {
+      const element = options.element || angular.element('<div>').html(template.trim()).contents();
+      const linkFn = $compile(element, locals.$transclude);
+      locals.$element = element;
+      return {
+        locals,
+        element,
+        link: function link(scope) {
+          locals.$scope = scope;
+
+          if (controller) {
+            const invokeCtrl = $controller(controller, locals, true);
+
+            if (bindToController) {
+              angular.extend(invokeCtrl.instance, locals);
+            }
+
+            const ctrl = invokeCtrl();
+            element.data('$ngControllerController', ctrl);
+
+            if (controllerAs) {
+              scope[controllerAs] = ctrl;
+            }
+          }
+
+          return linkFn(scope);
+        }
+      };
+    });
+  };
+}]);
+var rgCompilerModuleName = angularModule.name;
+
+export { rgCompilerModuleName as default };

package/dist/confirm/confirm.js

@@ -32,21 +32,23 @@ import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../global/theme.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
+import '../_helpers/panel.js';
 
-var modules_4c9c3a3a = {"unit":"8px","description":"confirm_description__af54475c"};
+var modules_4c9c3a3a = {"unit":"8px","description":"description_rui_af54"};
 
 /**
  * @name Confirm
  */
 
 class Confirm extends PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "onEscPress", () => {
       if (this.props.rejectOnEsc) {
@@ -69,6 +71,7 @@ class Confirm extends PureComponent {
       onReject
     } = this.props;
     return /*#__PURE__*/React.createElement(Dialog, {
+      label: text || description,
       className: className,
       onEscPress: this.onEscPress,
       show: show,
@@ -119,4 +122,4 @@ _defineProperty(Confirm, "defaultProps", {
   onReject: () => {}
 });
 
-export default Confirm;
+export { Confirm as default };

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

@@ -0,0 +1,66 @@
+import angular from 'angular';
+import confirm from '../confirm-service/confirm-service.js';
+import MessageBundle from '../message-bundle-ng/message-bundle-ng.js';
+import 'react';
+import 'react-dom';
+import '../confirm/confirm.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'prop-types';
+import '../dialog/dialog.js';
+import 'classnames';
+import '@jetbrains/icons/close';
+import '../island/island.js';
+import '../global/data-tests.js';
+import '../island/adaptive-island-hoc.js';
+import '../global/linear-function.js';
+import '../_helpers/island.js';
+import '../island/header.js';
+import '../island/content.js';
+import 'element-resize-detector';
+import '../global/schedule-raf.js';
+import '../global/get-uid.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+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';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+import '../global/theme.js';
+import '../link/clickableLink.js';
+import '../_helpers/button__classes.js';
+import '../popup/popup.target.js';
+import '../_helpers/dialog__body-scroll-preventer.js';
+import 'scrollbar-width';
+import '../panel/panel.js';
+import '../_helpers/panel.js';
+
+/**
+ * @name Confirm Ng
+ */
+
+const angularModule = angular.module('Ring.confirm', [MessageBundle]);
+angularModule.service('confirm', ["$q", "RingMessageBundle", function service($q, RingMessageBundle) {
+  return function showConfirm(message, description, actionTitle, cancelTitle, cancelIsDefault, actionFn) {
+    return $q.when(confirm({
+      text: message,
+      description,
+      confirmLabel: actionTitle || RingMessageBundle.confirmation_ok(),
+      rejectLabel: cancelTitle || RingMessageBundle.confirmation_cancel(),
+      cancelIsDefault,
+      onBeforeConfirm: actionFn
+    }));
+  };
+}]);
+var confirmNg = angularModule.name;
+
+export { confirmNg as default };

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

@@ -1,7 +1,7 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { render } from 'react-dom';
 import Confirm from '../confirm/confirm.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import '../dialog/dialog.js';
 import 'classnames';
@@ -29,7 +29,8 @@ import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../global/theme.js';
 import '../link/clickableLink.js';
@@ -38,6 +39,7 @@ import '../popup/popup.target.js';
 import '../_helpers/dialog__body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../panel/panel.js';
+import '../_helpers/panel.js';
 
 /**
  * @name Confirm Service
@@ -52,14 +54,15 @@ function renderConfirm(props) {
   render( /*#__PURE__*/React.createElement(Confirm, props), containerElement);
 }
 
-function confirm({
-  text,
-  description,
-  confirmLabel = 'OK',
-  rejectLabel = 'Cancel',
-  cancelIsDefault,
-  onBeforeConfirm
-}) {
+function confirm(_ref) {
+  let {
+    text,
+    description,
+    confirmLabel = 'OK',
+    rejectLabel = 'Cancel',
+    cancelIsDefault,
+    onBeforeConfirm
+  } = _ref;
   return new Promise((resolve, reject) => {
     const props = {
       text,
@@ -70,29 +73,29 @@ function confirm({
       show: true,
       onConfirm: () => {
         if (onBeforeConfirm) {
-          renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
+          renderConfirm({ ...props,
             inProgress: true
-          }));
+          });
           return Promise.resolve(onBeforeConfirm()).then(() => {
-            renderConfirm({
+            renderConfirm({ ...props,
               show: false
             });
             resolve();
           }).catch(err => {
-            renderConfirm({
+            renderConfirm({ ...props,
               show: false
             });
             reject(err);
           });
         }
 
-        renderConfirm({
+        renderConfirm({ ...props,
           show: false
         });
         return resolve();
       },
       onReject: () => {
-        renderConfirm({
+        renderConfirm({ ...props,
           show: false
         });
         reject(new Error('Confirm(@jetbrains/ring-ui): null exception'));
@@ -103,9 +106,9 @@ function confirm({
 }
 function hideConfirm() {
   renderConfirm({
+    text: '',
     show: false
   });
 }
 
-export default confirm;
-export { containerElement, hideConfirm };
+export { containerElement, confirm as default, hideConfirm };

package/dist/content-layout/content-layout.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -11,8 +11,8 @@ import 'react-waypoint';
  */
 
 class ContentLayout extends Component {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "state", {});
 
@@ -24,15 +24,13 @@ class ContentLayout extends Component {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       children,
       className,
       contentClassName,
-      responsive
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "contentClassName", "responsive"]);
-
+      responsive,
+      ...restProps
+    } = this.props;
     const classes = classNames(modules_b8a9dd4f.contentLayout, className, {
       [modules_b8a9dd4f.contentLayoutResponsive]: responsive
     });
@@ -64,4 +62,4 @@ _defineProperty(ContentLayout, "defaultProps", {
   responsive: true
 });
 
-export default ContentLayout;
+export { ContentLayout as default };

package/dist/contenteditable/contenteditable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, c as _objectSpread2, a as _objectWithoutProperties, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { renderToStaticMarkup } from 'react-dom/server';
@@ -28,16 +28,14 @@ class ContentEditableBase extends Component {
   }
 
   render() {
-    const _this$props = this.props,
-          {
+    const {
       __html,
       onComponentUpdate,
       disabled,
       tabIndex,
-      inputRef
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["__html", "onComponentUpdate", "disabled", "tabIndex", "inputRef"]);
-
+      inputRef,
+      ...props
+    } = this.props;
     return /*#__PURE__*/React.createElement("div", _extends({}, props, {
       ref: inputRef,
       disabled: disabled,
@@ -52,9 +50,9 @@ class ContentEditableBase extends Component {
 
 }
 
-_defineProperty(ContentEditableBase, "propTypes", _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
+_defineProperty(ContentEditableBase, "propTypes", { ...commonPropTypes,
   __html: PropTypes.string
-}));
+});
 
 _defineProperty(ContentEditableBase, "defaultProps", {
   disabled: false,
@@ -63,19 +61,18 @@ _defineProperty(ContentEditableBase, "defaultProps", {
   onComponentUpdate: noop
 });
 
-const ContentEditable = (_ref) => {
+const ContentEditable = _ref => {
   let {
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, ["children"]);
-
+    children,
+    ...props
+  } = _ref;
   return /*#__PURE__*/React.createElement(ContentEditableBase, _extends({}, props, {
     __html: renderToStaticMarkup(children)
   }));
 };
 
-ContentEditable.propTypes = _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
+ContentEditable.propTypes = { ...commonPropTypes,
   children: PropTypes.node
-});
+};
 
-export default ContentEditable;
+export { ContentEditable as default };

package/dist/data-list/data-list.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -25,6 +25,7 @@ import '../link/link.js';
 import 'focus-visible';
 import '../global/memoize.js';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../text/text.js';
 import '../loader-inline/loader-inline.js';
 import '../global/theme.js';
@@ -39,15 +40,17 @@ import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../_helpers/button__classes.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
 
 class DataList extends PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "shortcutsScope", getUID('ring-data-list-'));
 
@@ -121,9 +124,9 @@ class DataList extends PureComponent {
       focused,
       innerRef
     } = this.props;
-
-    const shortcutsMap = _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap);
-
+    const shortcutsMap = { ...this.shortcutsMap,
+      ...this.props.shortcutsMap
+    };
     const classes = classNames(className, {
       [modules_09d014b4.dataList]: true,
       [modules_09d014b4.disabledHover]: disabledHover,
@@ -198,6 +201,6 @@ _defineProperty(DataList, "defaultProps", {
   remoteSelection: false
 });
 
-var dataList = disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
+var DataList$1 = disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
 
-export default dataList;
+export { DataList$1 as default };

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

@@ -8,6 +8,7 @@ import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../_helpers/badge.js';
 
 var dataList_mock = [{
@@ -186,5 +187,4 @@ const moreItems = [{
   }, "duplicate"))
 }];
 
-export default dataList_mock;
-export { moreItems };
+export { dataList_mock as default, moreItems };

package/dist/data-list/item.js

@@ -13,6 +13,7 @@ import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../link/clickableLink.js';
+import '../_helpers/link.js';
 import '../global/theme.js';
 import '../_helpers/inject-styles.js';
 import '../global/conic-gradient.js';
@@ -25,13 +26,15 @@ import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../_helpers/button__classes.js';
 import '../global/focus-sensor-hoc.js';
 import '../global/composeRefs.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
 
 const moreLessButtonStates = {
   UNUSED: 0,
@@ -42,8 +45,8 @@ const moreLessButtonStates = {
 const ITEM_LEFT_OFFSET = 32;
 const LIST_LEFT_OFFSET = 24;
 class Item extends PureComponent {
-  constructor(...args) {
-    super(...args);
+  constructor() {
+    super(...arguments);
 
     _defineProperty(this, "onShowMore", () => {
       const {
@@ -221,5 +224,4 @@ _defineProperty(Item, "defaultProps", {
   onItemMoreLess: () => {}
 });
 
-export default Item;
-export { moreLessButtonStates };
+export { Item as default, moreLessButtonStates };

package/dist/data-list/selection.js

@@ -58,7 +58,9 @@ class Selection extends Selection$1 {
     this._getAncestors(item).forEach(it => selected.delete(it));
   }
 
-  select(value = this._focused) {
+  select() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+
     if (!value || !this._isItemSelectable(value)) {
       return this;
     }
@@ -75,7 +77,9 @@ class Selection extends Selection$1 {
     });
   }
 
-  deselect(value = this._focused) {
+  deselect() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this._focused;
+
     if (!value || !this._isItemSelectable(value)) {
       return this;
     }
@@ -94,4 +98,4 @@ class Selection extends Selection$1 {
 
 }
 
-export default Selection;
+export { Selection as default };

package/dist/data-list/title.js

@@ -12,5 +12,7 @@ import '@jetbrains/icons/remove-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
+import '../_helpers/checkbox.js';