@jetbrains/ring-ui 4.1.0-beta.3 → 4.1.1

package/dist/confirm-service.js

@@ -1,102 +0,0 @@
-import { c as _objectSpread2 } from './_helpers/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import { render } from 'react-dom';
-import Confirm from './confirm.js';
-import 'prop-types';
-import './dialog.js';
-import 'classnames';
-import '@jetbrains/icons/close';
-import './island.js';
-import './_helpers/data-tests.js';
-import './_helpers/linear-function.js';
-import 'element-resize-detector';
-import './_helpers/schedule-raf.js';
-import './_helpers/get-uid.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './tab-trap.js';
-import './_helpers/dom.js';
-import './_helpers/button.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import './icon.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-import './_helpers/theme.js';
-import './_helpers/clickableLink.js';
-import './_helpers/popup.target.js';
-import 'scrollbar-width';
-import './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({
-  text,
-  description,
-  confirmLabel = 'OK',
-  rejectLabel = 'Cancel',
-  cancelIsDefault,
-  onBeforeConfirm
-}) {
-  return new Promise((resolve, reject) => {
-    const props = {
-      text,
-      description,
-      confirmLabel,
-      rejectLabel,
-      cancelIsDefault,
-      show: true,
-      onConfirm: () => {
-        if (onBeforeConfirm) {
-          renderConfirm(_objectSpread2(_objectSpread2({}, props), {}, {
-            inProgress: true
-          }));
-          return Promise.resolve(onBeforeConfirm()).then(() => {
-            renderConfirm({
-              show: false
-            });
-            resolve();
-          }).catch(err => {
-            renderConfirm({
-              show: false
-            });
-            reject(err);
-          });
-        }
-
-        renderConfirm({
-          show: false
-        });
-        return resolve();
-      },
-      onReject: () => {
-        renderConfirm({
-          show: false
-        });
-        reject(new Error('Confirm(@jetbrains/ring-ui): null exception'));
-      }
-    };
-    renderConfirm(props);
-  });
-}
-function hideConfirm() {
-  renderConfirm({
-    show: false
-  });
-}
-
-export default confirm;
-export { containerElement, hideConfirm };

package/dist/confirm.js

@@ -1,113 +0,0 @@
-import { b as _defineProperty } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import Dialog from './dialog.js';
-import { B as Button } from './_helpers/button.js';
-import { Header as HeaderWrapper, Content as ContentWrapper } from './island.js';
-import Panel from './panel.js';
-import 'react-dom';
-import 'classnames';
-import '@jetbrains/icons/close';
-import './_helpers/get-uid.js';
-import './_helpers/data-tests.js';
-import './shortcuts.js';
-import 'combokeys';
-import './_helpers/sniffer.js';
-import 'sniffr';
-import './tab-trap.js';
-import './_helpers/dom.js';
-import './_helpers/popup.target.js';
-import 'scrollbar-width';
-import './_helpers/linear-function.js';
-import 'element-resize-detector';
-import './_helpers/schedule-raf.js';
-import 'focus-visible';
-import '@jetbrains/icons/chevron-10px';
-import './icon.js';
-import 'util-deprecate';
-import './_helpers/memoize.js';
-import './_helpers/theme.js';
-import './_helpers/clickableLink.js';
-
-var modules_4c9c3a3a = {"unit":"8px","description":"confirm_description__af54475c"};
-
-/**
- * @name Confirm
- */
-
-class Confirm extends PureComponent {
-  constructor(...args) {
-    super(...args);
-
-    _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, {
-      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 default Confirm;

package/dist/content-layout.js

@@ -1,184 +0,0 @@
-import { b as _defineProperty, _ as _objectWithoutProperties, a as _extends } from './_helpers/_rollupPluginBabelHelpers.js';
-import React, { Component, cloneElement } from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Waypoint } from 'react-waypoint';
-
-var modules_b8a9dd4f = {"unit":"8px","extra-small-screen-media":"(max-width:639px)","small-screen-media":"(min-width:640px) and (max-width:959px)","sidebarWidth":"240px","contentLayout":"contentLayout_contentLayout__0703f946","contentLayoutContent":"contentLayout_contentLayoutContent__0703f946","sidebarContainer":"contentLayout_sidebarContainer__0703f946","sidebarContainerRight":"contentLayout_sidebarContainerRight__0703f946","sidebar":"contentLayout_sidebar__0703f946","sidebarRight":"contentLayout_sidebarRight__0703f946","sidebarFixedTop":"contentLayout_sidebarFixedTop__0703f946","sidebarFixedBottom":"contentLayout_sidebarFixedBottom__0703f946","bottomMarker":"contentLayout_bottomMarker__0703f946","contentLayoutResponsive":"contentLayout_contentLayoutResponsive__0703f946"};
-
-const ABOVE = 'above';
-const INSIDE = 'inside';
-class Sidebar extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {
-      topIsOutside: true,
-      bottomIsOutside: true
-    });
-
-    _defineProperty(this, "handleTopWaypoint", ({
-      currentPosition
-    }) => {
-      this.setState({
-        topIsOutside: currentPosition === ABOVE
-      });
-    });
-
-    _defineProperty(this, "handleBottomWaypoint", ({
-      currentPosition,
-      waypointTop
-    }) => {
-      this.setState({
-        sidebarVisibleHeight: waypointTop,
-        bottomIsOutside: currentPosition !== INSIDE
-      });
-    });
-
-    _defineProperty(this, "sidebarRef", node => {
-      this.sidebarNode = node;
-    });
-  }
-
-  shouldUseFixation() {
-    const {
-      contentNode
-    } = this.props;
-    const {
-      sidebarNode
-    } = this;
-
-    if (!contentNode || !sidebarNode) {
-      return false;
-    }
-
-    return contentNode.offsetHeight >= sidebarNode.offsetHeight;
-  }
-
-  shouldFixateBottom() {
-    const {
-      topIsOutside,
-      bottomIsOutside
-    } = this.state;
-    return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      right,
-      children,
-      className,
-      containerClassName,
-      fixedClassName,
-      contentNode
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["right", "children", "className", "containerClassName", "fixedClassName", "contentNode"]);
-
-    const {
-      topIsOutside,
-      bottomIsOutside,
-      sidebarVisibleHeight
-    } = this.state;
-    const shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
-    const shouldFixateBottom = this.shouldFixateBottom();
-    const containerClasses = classNames(modules_b8a9dd4f.sidebarContainer, containerClassName, {
-      [modules_b8a9dd4f.sidebarContainerRight]: right
-    });
-    const classes = classNames(modules_b8a9dd4f.sidebar, className, {
-      [modules_b8a9dd4f.sidebarRight]: right,
-      [modules_b8a9dd4f.sidebarFixedTop]: shouldFixateTop,
-      [modules_b8a9dd4f.sidebarFixedBottom]: shouldFixateBottom,
-      [fixedClassName]: shouldFixateTop || shouldFixateBottom
-    });
-    const style = {
-      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : null
-    };
-    return /*#__PURE__*/React.createElement("aside", {
-      className: containerClasses,
-      ref: this.sidebarRef
-    }, /*#__PURE__*/React.createElement(Waypoint, {
-      onEnter: this.handleTopWaypoint,
-      onLeave: this.handleTopWaypoint
-    }), /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
-      style: style,
-      className: classes
-    }), children), /*#__PURE__*/React.createElement("div", {
-      className: modules_b8a9dd4f.bottomMarker
-    }, /*#__PURE__*/React.createElement(Waypoint, {
-      onEnter: this.handleBottomWaypoint,
-      onLeave: this.handleBottomWaypoint
-    })));
-  }
-
-}
-
-_defineProperty(Sidebar, "propTypes", {
-  right: PropTypes.bool,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  containerClassName: PropTypes.string,
-  fixedClassName: PropTypes.string,
-  contentNode: PropTypes.object
-});
-
-/**
- * @name Content Layout
- */
-
-class ContentLayout extends Component {
-  constructor(...args) {
-    super(...args);
-
-    _defineProperty(this, "state", {});
-
-    _defineProperty(this, "saveContentNode", contentNode => {
-      this.setState({
-        contentNode
-      });
-    });
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      children,
-      className,
-      contentClassName,
-      responsive
-    } = _this$props,
-          restProps = _objectWithoutProperties(_this$props, ["children", "className", "contentClassName", "responsive"]);
-
-    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 default ContentLayout;
-export { Sidebar };

package/dist/contenteditable.js

@@ -1,81 +0,0 @@
-import { b as _defineProperty, c as _objectSpread2, _ as _objectWithoutProperties, 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 _this$props = this.props,
-          {
-      __html,
-      onComponentUpdate,
-      disabled,
-      tabIndex,
-      inputRef
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["__html", "onComponentUpdate", "disabled", "tabIndex", "inputRef"]);
-
-    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", _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
-  __html: PropTypes.string
-}));
-
-_defineProperty(ContentEditableBase, "defaultProps", {
-  disabled: false,
-  tabIndex: 0,
-  onInput: noop,
-  onComponentUpdate: noop
-});
-
-const ContentEditable = (_ref) => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, ["children"]);
-
-  return /*#__PURE__*/React.createElement(ContentEditableBase, _extends({}, props, {
-    __html: renderToStaticMarkup(children)
-  }));
-};
-
-ContentEditable.propTypes = _objectSpread2(_objectSpread2({}, commonPropTypes), {}, {
-  children: PropTypes.node
-});
-
-export default ContentEditable;