@jetbrains/ring-ui 4.1.0-beta.13 → 4.1.0-beta.17

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_code__4f55757d","inline":"code_inline__4f55757d","softWrap":"code_softWrap__4f55757d"};
+
+var modules_39cf09e8 = {"highlightContainer":"highlight_highlightContainer__d494c5a0"};
+
+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,11 +32,13 @@ 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"};
 
@@ -120,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

@@ -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
@@ -109,5 +111,4 @@ function hideConfirm() {
   });
 }
 
-export default confirm;
-export { containerElement, hideConfirm };
+export { containerElement, confirm as default, hideConfirm };

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

@@ -62,4 +62,4 @@ _defineProperty(ContentLayout, "defaultProps", {
   responsive: true
 });
 
-export default ContentLayout;
+export { ContentLayout as default };

package/dist/contenteditable/contenteditable.js

@@ -75,4 +75,4 @@ ContentEditable.propTypes = { ...commonPropTypes,
   children: PropTypes.node
 };
 
-export default ContentEditable;
+export { ContentEditable as default };

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

@@ -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,11 +40,13 @@ 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() {
@@ -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,
@@ -221,5 +224,4 @@ _defineProperty(Item, "defaultProps", {
   onItemMoreLess: () => {}
 });
 
-export default Item;
-export { moreLessButtonStates };
+export { Item as default, moreLessButtonStates };

package/dist/data-list/selection.js

@@ -98,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';

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

@@ -0,0 +1,59 @@
+import angularComponentFactory from '../global/angular-component-factory.js';
+import DataList from '../data-list/data-list.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'angular';
+import 'react';
+import 'react-dom';
+import '../global/ring-angular-component.js';
+import '../global/react-dom-renderer.js';
+import 'prop-types';
+import 'classnames';
+import '../global/focus-sensor-hoc.js';
+import '../global/composeRefs.js';
+import '../table/selection-shortcuts-hoc.js';
+import '../table/selection.js';
+import '../table/disable-hover-hoc.js';
+import '../global/get-uid.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../loader/loader.js';
+import '../global/data-tests.js';
+import '../loader/loader__core.js';
+import '../global/dom.js';
+import '../data-list/item.js';
+import '@jetbrains/icons/chevron-right';
+import '@jetbrains/icons/chevron-down';
+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';
+import '../_helpers/inject-styles.js';
+import '../global/conic-gradient.js';
+import 'conic-gradient';
+import '../global/supports-css.js';
+import '../global/inject-styles.js';
+import '../global/radial-gradient-mask.js';
+import '../button/button.js';
+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 '../_helpers/button__classes.js';
+import '../_helpers/title.js';
+import '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
+
+var dataListNg = angularComponentFactory(DataList, 'DataList').name;
+
+export { dataListNg as default };

package/dist/date-picker/consts.js

@@ -66,5 +66,4 @@ function parseTime(time) {
   return result;
 }
 
-export default units;
-export { DOUBLE, HALF, MIDDLE_DAY, WEEK, YEAR, dateType, deprecatedPropType, linear, parseTime, weekdays, yearDuration, yearScrollSpeed };
+export { DOUBLE, HALF, MIDDLE_DAY, WEEK, YEAR, dateType, units as default, deprecatedPropType, linear, parseTime, weekdays, yearDuration, yearScrollSpeed };

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

@@ -13,11 +13,13 @@ 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 '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../global/get-uid.js';
+import '../_helpers/input.js';
 import 'date-fns/add';
 
 class DateInput extends React.PureComponent {
@@ -86,16 +88,17 @@ class DateInput extends React.PureComponent {
       onClear,
       fromPlaceholder,
       toPlaceholder,
-      timePlaceholder
+      timePlaceholder,
+      locale
     } = this.props;
     let displayText = '';
 
     if (active && hoverDate) {
-      displayText = displayFormat(hoverDate);
+      displayText = displayFormat(hoverDate, locale);
     } else if (active && text != null) {
       displayText = text;
     } else if (date) {
-      displayText = displayFormat(date);
+      displayText = displayFormat(date, locale);
     } else if (name === 'time') {
       displayText = time || '';
     }
@@ -151,7 +154,8 @@ _defineProperty(DateInput, "propTypes", {
   onInput: PropTypes.func,
   onActivate: PropTypes.func,
   onConfirm: PropTypes.func,
-  onClear: PropTypes.func
+  onClear: PropTypes.func,
+  locale: PropTypes.object
 });
 
 _defineProperty(DateInput, "defaultProps", {
@@ -166,4 +170,4 @@ _defineProperty(DateInput, "defaultProps", {
   }
 });
 
-export default DateInput;
+export { DateInput as default };

package/dist/date-picker/date-picker.js

@@ -39,7 +39,8 @@ import '@jetbrains/icons/calendar';
 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 './months.js';
 import 'date-fns/addMonths';
 import 'date-fns/getDay';
@@ -75,6 +76,7 @@ import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
+import '../_helpers/input.js';
 
 const PopupComponent = _ref => {
   let {
@@ -178,7 +180,8 @@ class DatePicker extends PureComponent {
         displayFormat,
         displayMonthFormat,
         displayDayFormat,
-        translations
+        translations,
+        locale
       } = this.props;
       const date = this.parse(this.props.date);
       const from = this.parse(this.props.from);
@@ -187,27 +190,27 @@ class DatePicker extends PureComponent {
       let text;
 
       if (!range && !withTime) {
-        text = date ? displayFormat(date) : datePlaceholder || translations.setDate;
+        text = date ? displayFormat(date, locale) : datePlaceholder || translations.setDate;
       } else if (!range && withTime) {
         if (!date && !time) {
           text = dateTimePlaceholder || translations.setDateTime;
         } else {
-          text = `${date && displayFormat(date) || '—'}, ${time || '—'}`;
+          text = `${date && displayFormat(date, locale) || '—'}, ${time || '—'}`;
         }
       } else if (!from && !to) {
         text = rangePlaceholder || translations.setPeriod;
       } else if (!to) {
-        text = `${displayFormat(from)} —`;
+        text = `${displayFormat(from, locale)} —`;
       } else if (!from) {
-        text = `— ${displayFormat(to)}`;
+        text = `— ${displayFormat(to, locale)}`;
       } else if (!isSameYear(from, to)) {
-        text = `${displayFormat(from)} — ${displayFormat(to)}`;
+        text = `${displayFormat(from, locale)} — ${displayFormat(to, locale)}`;
       } else if (!isSameMonth(from, to)) {
-        text = `${displayMonthFormat(from)} — ${displayFormat(to)}`;
+        text = `${displayMonthFormat(from, locale)} — ${displayFormat(to, locale)}`;
       } else if (!isSameDay(from, to)) {
-        text = `${displayDayFormat(from)} — ${displayFormat(to)}`;
+        text = `${displayDayFormat(from, locale)} — ${displayFormat(to, locale)}`;
       } else {
-        text = `${displayFormat(to)}`;
+        text = `${displayFormat(to, locale)}`;
       }
 
       return text;
@@ -291,7 +294,8 @@ _defineProperty(DatePicker, "propTypes", {
   disabled: PropTypes.bool,
   minDate: dateType,
   maxDate: dateType,
-  translations: PropTypes.object
+  translations: PropTypes.object,
+  locale: PropTypes.object
 });
 
 _defineProperty(DatePicker, "defaultProps", {
@@ -302,10 +306,18 @@ _defineProperty(DatePicker, "defaultProps", {
   from: null,
   to: null,
   clear: false,
-  displayFormat: date => date ? format(date, 'd MMM yyyy') : '',
-  displayMonthFormat: date => date ? format(date, 'd MMM') : '',
-  displayDayFormat: date => date ? format(date, 'd') : '',
-  displayTimeFormat: date => date ? format(date, 'HH:mm') : '',
+  displayFormat: (date, locale) => date ? format(date, 'd MMM yyyy', {
+    locale
+  }) : '',
+  displayMonthFormat: (date, locale) => date ? format(date, 'd MMM', {
+    locale
+  }) : '',
+  displayDayFormat: (date, locale) => date ? format(date, 'd', {
+    locale
+  }) : '',
+  displayTimeFormat: (date, locale) => date ? format(date, 'HH:mm', {
+    locale
+  }) : '',
   datePlaceholder: 'Set a date',
   dateTimePlaceholder: 'Set date and time',
   rangePlaceholder: 'Set a period',
@@ -350,4 +362,4 @@ _defineProperty(DatePicker, "defaultProps", {
 
 });
 
-export default DatePicker;
+export { DatePicker as default };