@jetbrains/ring-ui 4.1.1 → 4.1.2

package/dist/checkbox/checkbox.js

@@ -0,0 +1,108 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import checkmarkIcon from '@jetbrains/icons/checkmark';
+import minusIcon from '@jetbrains/icons/remove-10px';
+import Icon from '../icon/icon.js';
+import { m as modules_3199090e } from '../_helpers/checkbox.js';
+import 'util-deprecate';
+import '../icon/icon__constants.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../global/memoize.js';
+
+/**
+ * @name Checkbox
+ */
+
+/**
+ * Displays a checkbox.
+ */
+
+class Checkbox extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "inputRef", el => {
+      if (el != null) {
+        el.indeterminate = this.props.indeterminate;
+      }
+
+      this.input = el;
+    });
+  }
+
+  componentDidMount() {
+    if (this.input != null) {
+      this.input.indeterminate = this.props.indeterminate;
+    }
+  }
+
+  componentDidUpdate(prevProps) {
+    const {
+      indeterminate
+    } = this.props;
+
+    if (this.input != null && indeterminate !== prevProps.indeterminate) {
+      this.input.indeterminate = this.props.indeterminate;
+    }
+  }
+
+  render() {
+    const {
+      children,
+      label,
+      className,
+      containerClassName,
+      containerStyle,
+      cellClassName,
+      labelClassName,
+      indeterminate,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_3199090e.input, className);
+    const containerClasses = classNames(modules_3199090e.checkbox, containerClassName);
+    const cellClasses = classNames(modules_3199090e.cell, cellClassName);
+    const labelClasses = classNames(modules_3199090e.label, labelClassName);
+    return /*#__PURE__*/React.createElement("label", {
+      className: containerClasses,
+      style: containerStyle,
+      "data-test": "ring-checkbox"
+    }, /*#__PURE__*/React.createElement("input", _extends({}, restProps, {
+      "data-checked": restProps.checked,
+      ref: this.inputRef,
+      type: "checkbox",
+      className: classes
+    })), /*#__PURE__*/React.createElement("span", {
+      className: cellClasses
+    }, /*#__PURE__*/React.createElement(Icon, {
+      glyph: checkmarkIcon,
+      className: modules_3199090e.check
+    }), /*#__PURE__*/React.createElement(Icon, {
+      glyph: minusIcon,
+      className: modules_3199090e.minus
+    })), /*#__PURE__*/React.createElement("span", {
+      className: labelClasses
+    }, label || children));
+  }
+
+}
+
+_defineProperty(Checkbox, "propTypes", {
+  name: PropTypes.string,
+  label: PropTypes.string,
+  className: PropTypes.string,
+  containerClassName: PropTypes.string,
+  containerStyle: PropTypes.object,
+  cellClassName: PropTypes.string,
+  labelClassName: PropTypes.string,
+  defaultChecked: PropTypes.bool,
+  checked: PropTypes.bool,
+  indeterminate: PropTypes.bool,
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func,
+  children: PropTypes.node
+});
+
+export { Checkbox as default };

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

@@ -0,0 +1,55 @@
+import angular from 'angular';
+import checkmarkIcon from '@jetbrains/icons/checkmark';
+import IconNG from '../icon-ng/icon-ng.js';
+import proxyAttrs from '../proxy-attrs/proxy-attrs.js';
+import { m as modules_3199090e } from '../_helpers/checkbox.js';
+import '../icon/icon__constants.js';
+import '../template-ng/template-ng.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import '../global/ring-angular-component.js';
+import '../_helpers/icon.js';
+
+/**
+ * @name Checkbox Ng
+ */
+
+const angularModule = angular.module('Ring.checkbox', [IconNG]);
+let idCounter = 0;
+const CHECKBOX_ID_PREFIX = 'rg-checkbox-';
+angularModule.directive('rgCheckbox', function rgCheckboxDirective() {
+  return {
+    restrict: 'E',
+    transclude: true,
+    replace: true,
+    template: proxyAttrs(`
+<label class="${modules_3199090e.checkbox}">
+  <input
+    data-proxy-ng-disabled
+    data-proxy-ng-model
+    data-proxy-ng-change
+    data-proxy-ng-true-value
+    data-proxy-ng-false-value
+    data-proxy-name
+    data-proxy-title
+    data-proxy-aria-label
+    data-test="ring-checkbox"
+    type="checkbox"
+    class="${modules_3199090e.input}"
+  />
+  <span class="${modules_3199090e.cell}">
+    <rg-icon class="${modules_3199090e.check}" glyph="{{:: checkmarkIcon}}" />
+  </span><span class="${modules_3199090e.label}" ng-transclude></span>
+</label>
+    `),
+    link: function link(scope, iElement) {
+      scope.checkmarkIcon = checkmarkIcon;
+      const input = iElement[0].querySelector('input[type="checkbox"]');
+      const id = CHECKBOX_ID_PREFIX + idCounter++;
+      iElement[0].setAttribute('for', id);
+      input.setAttribute('id', id);
+    }
+  };
+});
+var Checkbox = angularModule.name;
+
+export { Checkbox as default };

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

@@ -0,0 +1,125 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import Dialog from '../dialog/dialog.js';
+import Button from '../button/button.js';
+import '../island/island.js';
+import Panel from '../panel/panel.js';
+import HeaderWrapper from '../island/header.js';
+import ContentWrapper from '../island/content.js';
+import 'react-dom';
+import 'classnames';
+import '@jetbrains/icons/close';
+import '../global/get-uid.js';
+import '../global/data-tests.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 '../popup/popup.target.js';
+import '../_helpers/dialog__body-scroll-preventer.js';
+import 'scrollbar-width';
+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';
+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 '../_helpers/panel.js';
+
+var modules_4c9c3a3a = {"unit":"8px","description":"description_rui_af54"};
+
+/**
+ * @name Confirm
+ */
+
+class Confirm extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "onEscPress", () => {
+      if (this.props.rejectOnEsc) {
+        this.props.onReject();
+      }
+    });
+  }
+
+  render() {
+    const {
+      show,
+      className,
+      inProgress,
+      cancelIsDefault,
+      text,
+      description,
+      confirmLabel,
+      rejectLabel,
+      onConfirm,
+      onReject
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Dialog, {
+      label: text || description,
+      className: className,
+      onEscPress: this.onEscPress,
+      show: show,
+      trapFocus: true,
+      "data-test": "ring-confirm"
+    }, text && /*#__PURE__*/React.createElement(HeaderWrapper, null, text), /*#__PURE__*/React.createElement(ContentWrapper, null, description && /*#__PURE__*/React.createElement("div", {
+      className: modules_4c9c3a3a.description
+    }, description)), /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Button, {
+      "data-test": "confirm-ok-button",
+      primary: !cancelIsDefault,
+      loader: inProgress,
+      disabled: inProgress,
+      onClick: onConfirm
+    }, confirmLabel), /*#__PURE__*/React.createElement(Button, {
+      "data-test": "confirm-reject-button",
+      onClick: onReject,
+      disabled: inProgress,
+      primary: cancelIsDefault
+    }, rejectLabel)));
+  }
+
+}
+
+_defineProperty(Confirm, "propTypes", {
+  className: PropTypes.string,
+  text: PropTypes.string,
+  description: PropTypes.node,
+  show: PropTypes.bool,
+  rejectOnEsc: PropTypes.bool,
+  inProgress: PropTypes.bool,
+  cancelIsDefault: PropTypes.bool,
+  confirmLabel: PropTypes.string,
+  rejectLabel: PropTypes.string,
+  onConfirm: PropTypes.func,
+  onReject: PropTypes.func
+});
+
+_defineProperty(Confirm, "defaultProps", {
+  text: null,
+  description: null,
+  show: false,
+  rejectOnEsc: true,
+  inProgress: false,
+  cancelIsDefault: false,
+  confirmLabel: 'OK',
+  rejectLabel: 'Cancel',
+  onConfirm: () => {},
+  onReject: () => {}
+});
+
+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

@@ -0,0 +1,114 @@
+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';
+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 Service
+ */
+
+const containerElement = document.createElement('div');
+/**
+ * Renders Confirm into virtual node to skip maintaining container
+ */
+
+function renderConfirm(props) {
+  render( /*#__PURE__*/React.createElement(Confirm, props), containerElement);
+}
+
+function confirm(_ref) {
+  let {
+    text,
+    description,
+    confirmLabel = 'OK',
+    rejectLabel = 'Cancel',
+    cancelIsDefault,
+    onBeforeConfirm
+  } = _ref;
+  return new Promise((resolve, reject) => {
+    const props = {
+      text,
+      description,
+      confirmLabel,
+      rejectLabel,
+      cancelIsDefault,
+      show: true,
+      onConfirm: () => {
+        if (onBeforeConfirm) {
+          renderConfirm({ ...props,
+            inProgress: true
+          });
+          return Promise.resolve(onBeforeConfirm()).then(() => {
+            renderConfirm({ ...props,
+              show: false
+            });
+            resolve();
+          }).catch(err => {
+            renderConfirm({ ...props,
+              show: false
+            });
+            reject(err);
+          });
+        }
+
+        renderConfirm({ ...props,
+          show: false
+        });
+        return resolve();
+      },
+      onReject: () => {
+        renderConfirm({ ...props,
+          show: false
+        });
+        reject(new Error('Confirm(@jetbrains/ring-ui): null exception'));
+      }
+    };
+    renderConfirm(props);
+  });
+}
+function hideConfirm() {
+  renderConfirm({
+    text: '',
+    show: false
+  });
+}
+
+export { containerElement, confirm as default, hideConfirm };