@jetbrains/ring-ui 4.2.2 → 4.2.5

package/dist/confirm/confirm.js

@@ -1,127 +0,0 @@
-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

@@ -1,69 +0,0 @@
-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

@@ -1,117 +0,0 @@
-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

@@ -1,66 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,78 +0,0 @@
-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

@@ -1,208 +0,0 @@
-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 };