@jetbrains/ring-ui 4.2.9 → 4.2.10

package/dist/confirm/confirm.js

@@ -0,0 +1,127 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.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 'core-js/modules/es.string.replace.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_2cda"};
+
+/**
+ * @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,69 @@
+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 '../global/react-render-adapter.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+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 'core-js/modules/es.string.replace.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,117 @@
+import React from 'react';
+import { render } from '../global/react-render-adapter.js';
+import Confirm from '../confirm/confirm.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
+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 'core-js/modules/es.string.replace.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 };

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

@@ -0,0 +1,66 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import React, { Component, cloneElement } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { m as modules_b8a9dd4f, S as Sidebar } from '../_helpers/sidebar.js';
+export { S as Sidebar } from '../_helpers/sidebar.js';
+import 'react-waypoint';
+
+/**
+ * @name Content Layout
+ */
+
+class ContentLayout extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {});
+
+    _defineProperty(this, "saveContentNode", contentNode => {
+      this.setState({
+        contentNode
+      });
+    });
+  }
+
+  render() {
+    const {
+      children,
+      className,
+      contentClassName,
+      responsive,
+      ...restProps
+    } = this.props;
+    const classes = classNames(modules_b8a9dd4f.contentLayout, className, {
+      [modules_b8a9dd4f.contentLayoutResponsive]: responsive
+    });
+    const contentClasses = classNames(modules_b8a9dd4f.contentLayoutContent, contentClassName);
+    const childrenArray = React.Children.toArray(children);
+    const sidebarChild = childrenArray.filter(child => child && child.type === Sidebar)[0];
+    const sidebar = sidebarChild && /*#__PURE__*/cloneElement(sidebarChild, {
+      contentNode: this.state.contentNode
+    });
+    const contentChildren = childrenArray.filter(child => child !== sidebarChild);
+    return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+      className: classes
+    }), sidebar, /*#__PURE__*/React.createElement("main", {
+      className: contentClasses,
+      ref: this.saveContentNode
+    }, contentChildren));
+  }
+
+}
+
+_defineProperty(ContentLayout, "propTypes", {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  contentClassName: PropTypes.string,
+  responsive: PropTypes.bool
+});
+
+_defineProperty(ContentLayout, "defaultProps", {
+  responsive: true
+});
+
+export { ContentLayout as default };

package/dist/content-layout/sidebar.js

@@ -0,0 +1,7 @@
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import 'react-waypoint';
+export { S as default } from '../_helpers/sidebar.js';

package/dist/contenteditable/contenteditable.js

@@ -0,0 +1,78 @@
+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';
+
+/**
+ * @name ContentEditable
+ */
+
+function noop() {}
+
+const commonPropTypes = {
+  disabled: PropTypes.bool,
+  tabIndex: PropTypes.number,
+  componentDidUpdate: PropTypes.func,
+  onComponentUpdate: PropTypes.func,
+  className: PropTypes.string,
+  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+};
+
+class ContentEditableBase extends Component {
+  shouldComponentUpdate(nextProps) {
+    return nextProps.disabled !== this.props.disabled || nextProps.__html !== this.props.__html;
+  }
+
+  componentDidUpdate(prevProps, prevState) {
+    this.props.onComponentUpdate(prevProps, prevState);
+  }
+
+  render() {
+    const {
+      __html,
+      onComponentUpdate,
+      disabled,
+      tabIndex,
+      inputRef,
+      ...props
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+      ref: inputRef,
+      disabled: disabled,
+      role: "textbox",
+      tabIndex: disabled ? null : tabIndex,
+      contentEditable: !this.props.disabled,
+      dangerouslySetInnerHTML: {
+        __html
+      }
+    }));
+  }
+
+}
+
+_defineProperty(ContentEditableBase, "propTypes", { ...commonPropTypes,
+  __html: PropTypes.string
+});
+
+_defineProperty(ContentEditableBase, "defaultProps", {
+  disabled: false,
+  tabIndex: 0,
+  onInput: noop,
+  onComponentUpdate: noop
+});
+
+const ContentEditable = _ref => {
+  let {
+    children,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/React.createElement(ContentEditableBase, _extends({}, props, {
+    __html: renderToStaticMarkup(children)
+  }));
+};
+
+ContentEditable.propTypes = { ...commonPropTypes,
+  children: PropTypes.node
+};
+
+export { ContentEditable as default };

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

@@ -0,0 +1,208 @@
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import focusSensorHOC from '../global/focus-sensor-hoc.js';
+import selectionShortcutsHOC from '../table/selection-shortcuts-hoc.js';
+import disableHoverHOC from '../table/disable-hover-hoc.js';
+import getUID from '../global/get-uid.js';
+import Shortcuts from '../shortcuts/shortcuts.js';
+import Loader from '../loader/loader.js';
+import Item, { moreLessButtonStates } from './item.js';
+import { m as modules_09d014b4 } from '../_helpers/title.js';
+import '../global/composeRefs.js';
+import '../table/selection.js';
+import '../shortcuts/core.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../global/data-tests.js';
+import '../loader/loader__core.js';
+import '../global/dom.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 'core-js/modules/es.string.replace.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 '../checkbox/checkbox.js';
+import '@jetbrains/icons/checkmark';
+import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
+
+class DataList extends PureComponent {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "shortcutsScope", getUID('ring-data-list-'));
+
+    _defineProperty(this, "onItemFocus", item => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+      onSelect(selection.focus(item));
+    });
+
+    _defineProperty(this, "onItemSelect", (item, selected) => {
+      const {
+        selection,
+        onSelect
+      } = this.props;
+
+      if (selected) {
+        onSelect(selection.select(item));
+      } else {
+        onSelect(selection.deselect(item));
+      }
+    });
+
+    _defineProperty(this, "onEqualPress", () => {
+      const {
+        selection,
+        itemFormatter
+      } = this.props;
+      const item = itemFormatter(selection.getFocused());
+
+      if (item.collapsed) {
+        item.onExpand();
+      } else {
+        item.onCollapse();
+      }
+    });
+
+    _defineProperty(this, "shortcutsMap", {
+      '=': this.onEqualPress
+    });
+  }
+
+  componentDidUpdate(prevProps) {
+    const {
+      data,
+      selection,
+      onSelect,
+      selectable
+    } = this.props;
+
+    if (data !== prevProps.data && !prevProps.remoteSelection) {
+      onSelect(selection.cloneWith({
+        data
+      }));
+    }
+
+    if (!selectable && prevProps.selectable) {
+      onSelect(selection.resetSelection());
+    }
+  }
+
+  render() {
+    const {
+      data,
+      className,
+      loading,
+      selection,
+      disabledHover,
+      itemFormatter,
+      focused,
+      innerRef
+    } = this.props;
+    const shortcutsMap = { ...this.shortcutsMap,
+      ...this.props.shortcutsMap
+    };
+    const classes = classNames(className, {
+      [modules_09d014b4.dataList]: true,
+      [modules_09d014b4.disabledHover]: disabledHover,
+      [modules_09d014b4.multiSelection]: selection.getSelected().size > 0
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: modules_09d014b4.dataListWrapper,
+      "data-test": "ring-data-list",
+      ref: innerRef
+    }, focused && /*#__PURE__*/React.createElement(Shortcuts, {
+      map: shortcutsMap,
+      scope: this.shortcutsScope
+    }), /*#__PURE__*/React.createElement("ul", {
+      className: classes
+    }, data.map(model => {
+      const item = itemFormatter(model);
+      const {
+        id,
+        key,
+        title,
+        items
+      } = item;
+      const showMoreLessButton = this.props.itemMoreLessState(item);
+      return /*#__PURE__*/React.createElement(Item, {
+        key: key || id,
+        item: model,
+        title: title,
+        items: items,
+        itemFormatter: itemFormatter,
+        collapsible: item.collapsible,
+        collapsed: item.collapsed,
+        onCollapse: item.onCollapse,
+        onExpand: item.onExpand,
+        focused: selection.isFocused(model),
+        showFocus: selection.isFocused(model),
+        onFocus: this.onItemFocus,
+        selection: selection,
+        selectable: item.selectable,
+        selected: selection.isSelected(model),
+        onSelect: this.onItemSelect,
+        showMoreLessButton: showMoreLessButton,
+        onItemMoreLess: this.props.onItemMoreLess
+      });
+    })), loading && /*#__PURE__*/React.createElement("div", {
+      className: data.length > 0 ? modules_09d014b4.loadingOverlay : null
+    }, /*#__PURE__*/React.createElement(Loader, null)));
+  }
+
+}
+
+_defineProperty(DataList, "propTypes", {
+  className: PropTypes.string,
+  data: PropTypes.array.isRequired,
+  loading: PropTypes.bool,
+  focused: PropTypes.bool,
+  disabledHover: PropTypes.bool,
+  selection: PropTypes.object,
+  selectable: PropTypes.bool,
+  shortcutsMap: PropTypes.object,
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func]),
+  itemFormatter: PropTypes.func.isRequired,
+  onItemMoreLess: PropTypes.func,
+  itemMoreLessState: PropTypes.func,
+  onSelect: PropTypes.func,
+  remoteSelection: PropTypes.bool
+});
+
+_defineProperty(DataList, "defaultProps", {
+  loading: false,
+  onItemMoreLess: () => {},
+  itemMoreLessState: () => moreLessButtonStates.UNUSED,
+  remoteSelection: false
+});
+
+var DataList$1 = disableHoverHOC(selectionShortcutsHOC(focusSensorHOC(DataList)));
+
+export { DataList$1 as default };