@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.10

package/components/code/code.js

@@ -1,192 +1,112 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, e as _classCallCheck, f as _callSuper, g as _asyncToGenerator, h as _regeneratorRuntime } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.promise.js';
+import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import _highlight from 'highlight.js/lib/core';
+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';
 import { jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.reverse.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.match.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 var modules_66c414ea = {"light":"light_rui_2ac4","code":"code_rui_1c82","inline":"inline_rui_1c82","softWrap":"softWrap_rui_1c82"};
 
 var modules_39cf09e8 = {"highlightContainer":"highlightContainer_rui_1a79"};
 
 function noop() {}
-var registerLanguage = memoize( /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(language) {
-    var languageExports;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return import( /* webpackChunkName: "highlight-[request]" */"highlight.js/lib/languages/".concat(language));
-        case 2:
-          languageExports = _context.sent;
-          _highlight.registerLanguage(language, languageExports.default);
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function (_x) {
-    return _ref.apply(this, arguments);
-  };
-}());
+const registerLanguage = memoize(async language => {
+  const languageExports = await import(/* webpackChunkName: "highlight-[request]" */"highlight.js/lib/languages/".concat(language));
+  highlight.registerLanguage(language, languageExports.default);
+});
 /**
  * @name Code
  */
-var Code = /*#__PURE__*/function (_PureComponent) {
-  function Code() {
-    var _this;
-    _classCallCheck(this, Code);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Code, [].concat(args));
-    _defineProperty(_this, "code", void 0);
-    return _this;
+class Code extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "code", void 0);
   }
-  _inherits(Code, _PureComponent);
-  return _createClass(Code, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.highlight();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.highlight();
-    }
-  }, {
-    key: "highlight",
-    value: function () {
-      var _highlight2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        var codeRef, _this$props, language, inline, replacer;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              codeRef = this.codeRef;
-              if (!(codeRef == null)) {
-                _context2.next = 3;
-                break;
-              }
-              return _context2.abrupt("return");
-            case 3:
-              _this$props = this.props, language = _this$props.language, inline = _this$props.inline, replacer = _this$props.replacer;
-              if (inline) {
-                _context2.next = 9;
-                break;
-              }
-              if (!(language != null && _highlight.getLanguage(language) == null)) {
-                _context2.next = 8;
-                break;
-              }
-              _context2.next = 8;
-              return registerLanguage(language);
-            case 8:
-              // @ts-expect-error https://github.com/highlightjs/highlight.js/issues/2945
-              _highlight.highlightElement(codeRef);
-            case 9:
-              replacer(codeRef);
-            case 10:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function highlight() {
-        return _highlight2.apply(this, arguments);
-      }
-      return highlight;
-    }()
-  }, {
-    key: "codeRef",
-    get: function get() {
-      var codeRef = this.props.codeRef;
-      return !codeRef || typeof codeRef === 'function' ? this.code : codeRef.current;
+  componentDidMount() {
+    this.highlight();
+  }
+  componentDidUpdate() {
+    this.highlight();
+  }
+  async highlight() {
+    const codeRef = this.codeRef;
+    if (codeRef == null) {
+      return;
     }
-  }, {
-    key: "initCodeRef",
-    get: function get() {
-      var _this2 = this;
-      var codeRef = this.props.codeRef;
-      var isFunctionCodeRef = typeof codeRef === 'function';
-      if (codeRef && !isFunctionCodeRef) {
-        return codeRef;
+    const {
+      language,
+      inline,
+      replacer
+    } = this.props;
+    if (!inline) {
+      if (language != null && highlight.getLanguage(language) == null) {
+        await registerLanguage(language);
       }
-      return function (ref) {
-        _this2.code = ref;
-        if (isFunctionCodeRef) {
-          codeRef(_this2.code);
-        }
-      };
+      // @ts-expect-error https://github.com/highlightjs/highlight.js/issues/2945
+      highlight.highlightElement(codeRef);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        code = _this$props2.code,
-        className = _this$props2.className,
-        inline = _this$props2.inline,
-        softWrap = _this$props2.softWrap,
-        language = _this$props2.language;
-      var Tag = inline ? 'span' : 'pre';
-      var classes = classNames(modules_66c414ea.code, className, language, {
-        [modules_66c414ea.inline]: inline,
-        [modules_66c414ea.softWrap]: softWrap
-      });
-      return /*#__PURE__*/jsx(Tag, {
-        className: classes,
-        "data-test": "ring-code",
-        children: /*#__PURE__*/jsx("code", {
-          // should be focusable because it can be scrollable
-          tabIndex: inline ? -1 : 0,
-          ref: this.initCodeRef,
-          className: modules_39cf09e8.highlightContainer,
-          children: normalizeIndent(code)
-        })
-      });
+    replacer(codeRef);
+  }
+  get codeRef() {
+    const {
+      codeRef
+    } = this.props;
+    return !codeRef || typeof codeRef === 'function' ? this.code : codeRef.current;
+  }
+  get initCodeRef() {
+    const {
+      codeRef
+    } = this.props;
+    const isFunctionCodeRef = typeof codeRef === 'function';
+    if (codeRef && !isFunctionCodeRef) {
+      return codeRef;
     }
-  }]);
-}(PureComponent);
-_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])
-});
+    return ref => {
+      this.code = ref;
+      if (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__*/jsx(Tag, {
+      className: classes,
+      "data-test": "ring-code",
+      children: /*#__PURE__*/jsx("code", {
+        // should be focusable because it can be scrollable
+        tabIndex: inline ? -1 : 0,
+        ref: this.initCodeRef,
+        className: modules_39cf09e8.highlightContainer,
+        children: normalizeIndent(code)
+      })
+    });
+  }
+}
 _defineProperty(Code, "defaultProps", {
   inline: false,
   softWrap: false,
   replacer: noop
 });
-var code = trivialTemplateTag(function (source) {
-  return /*#__PURE__*/jsx(Code, {
-    code: source
-  });
-});
+const code = trivialTemplateTag(source => /*#__PURE__*/jsx(Code, {
+  code: source
+}));
 
 export { code, Code as default };

package/components/collapse/collapse-content.js

@@ -1,4 +1,4 @@
-import { i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useContext, useRef, useState, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
@@ -7,82 +7,66 @@ import { toPx } from './utils.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTENT_CONTAINER_TEST_ID, COLLAPSE_CONTENT_TEST_ID } from './consts.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.object.assign.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.set.js';
-import 'core-js/modules/es.string.split.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 
 var modules_9c8b5b00 = {"container":"container_rui_93ce","transition":"transition_rui_93ce","summary":"summary_rui_93ce","trigger":"trigger_rui_93ce","fade":"fade_rui_93ce"};
 
-var DURATION_FACTOR = 0.5;
-var DEFAULT_HEIGHT = 0;
-var VISIBLE = 1;
-var HIDDEN = 0;
+const DURATION_FACTOR = 0.5;
+const DEFAULT_HEIGHT = 0;
+const VISIBLE = 1;
+const HIDDEN = 0;
 /**
  * @name CollapseContent
  */
-var CollapseContent = function CollapseContent(_ref) {
-  var children = _ref.children,
-    _ref$minHeight = _ref.minHeight,
-    minHeight = _ref$minHeight === void 0 ? DEFAULT_HEIGHT : _ref$minHeight,
-    dataTest = _ref['data-test'];
-  var _useContext = useContext(CollapseContext),
-    collapsed = _useContext.collapsed,
-    duration = _useContext.duration,
-    id = _useContext.id,
-    disableAnimation = _useContext.disableAnimation;
-  var containerRef = useRef(null);
-  var contentRef = useRef(null);
-  var initialContentHeight = useRef(minHeight);
-  var contentHeight = useRef(DEFAULT_HEIGHT);
-  var _useState = useState({
-      width: 0,
-      height: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    dimensions = _useState2[0],
-    setDimensions = _useState2[1];
-  var _useState3 = useState(toPx(minHeight)),
-    _useState4 = _slicedToArray(_useState3, 2),
-    height = _useState4[0],
-    setHeight = _useState4[1];
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showFade = _useState6[0],
-    setShowFade = _useState6[1];
-  useEffect(function () {
+const CollapseContent = _ref => {
+  let {
+    children,
+    minHeight = DEFAULT_HEIGHT,
+    'data-test': dataTest
+  } = _ref;
+  const {
+    collapsed,
+    duration,
+    id,
+    disableAnimation
+  } = useContext(CollapseContext);
+  const containerRef = useRef(null);
+  const contentRef = useRef(null);
+  const initialContentHeight = useRef(minHeight);
+  const contentHeight = useRef(DEFAULT_HEIGHT);
+  const [dimensions, setDimensions] = useState({
+    width: 0,
+    height: 0
+  });
+  const [height, setHeight] = useState(toPx(minHeight));
+  const [showFade, setShowFade] = useState(true);
+  useEffect(() => {
     if (!collapsed) {
       setShowFade(false);
     } else {
       setShowFade(true);
     }
   }, [collapsed]);
-  useEffect(function () {
+  useEffect(() => {
     if (contentRef.current) {
       contentHeight.current = getRect(contentRef.current).height;
     }
   }, [minHeight, dimensions.height]);
-  useEffect(function () {
-    var nextHeight = collapsed ? initialContentHeight.current : contentHeight.current;
+  useEffect(() => {
+    const nextHeight = collapsed ? initialContentHeight.current : contentHeight.current;
     setHeight(toPx(nextHeight));
   }, [collapsed, dimensions.height]);
-  useEffect(function () {
+  useEffect(() => {
     if (contentRef.current) {
-      var observer = new ResizeObserver(function (_ref2) {
-        var _ref3 = _slicedToArray(_ref2, 1),
-          entry = _ref3[0];
+      const observer = new ResizeObserver(_ref2 => {
+        let [entry] = _ref2;
         if (entry && entry.borderBoxSize) {
-          var _entry$borderBoxSize$ = entry.borderBoxSize[0],
-            inlineSize = _entry$borderBoxSize$.inlineSize,
-            blockSize = _entry$borderBoxSize$.blockSize;
+          const {
+            inlineSize,
+            blockSize
+          } = entry.borderBoxSize[0];
           setDimensions({
             width: inlineSize,
             height: blockSize
@@ -92,17 +76,15 @@ var CollapseContent = function CollapseContent(_ref) {
       observer.observe(contentRef.current);
     }
   }, []);
-  var style = useMemo(function () {
-    var calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
+  const style = useMemo(() => {
+    const calculatedDuration = duration + contentHeight.current * DURATION_FACTOR;
     return {
       '--duration': "".concat(calculatedDuration, "ms"),
       height,
       opacity: collapsed && !minHeight ? HIDDEN : VISIBLE
     };
   }, [duration, height, collapsed, minHeight]);
-  var fadeShouldBeVisible = useMemo(function () {
-    return Boolean(minHeight && showFade);
-  }, [minHeight, showFade]);
+  const fadeShouldBeVisible = useMemo(() => Boolean(minHeight && showFade), [minHeight, showFade]);
   return /*#__PURE__*/jsxs("div", {
     ref: containerRef,
     id: "collapse-content-".concat(id),

package/components/collapse/collapse-context.js

@@ -1,11 +1,11 @@
 import { createContext } from 'react';
 import { BASE_ANIMATION_DURATION } from './consts.js';
 
-var CollapseContext = /*#__PURE__*/createContext({
+const CollapseContext = /*#__PURE__*/createContext({
   collapsed: true,
   duration: BASE_ANIMATION_DURATION,
   disableAnimation: false,
-  setCollapsed: function setCollapsed() {},
+  setCollapsed: () => {},
   id: ''
 });
 

package/components/collapse/collapse-control.js

@@ -3,20 +3,20 @@ import joinDataTestAttributes from '../global/data-tests.js';
 import { CollapseContext } from './collapse-context.js';
 import { COLLAPSE_CONTROL_TEST_ID } from './consts.js';
 import { jsx } from 'react/jsx-runtime';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 
-var CollapseControl = function CollapseControl(_ref) {
-  var children = _ref.children,
-    dataTest = _ref['data-test'];
-  var _useContext = useContext(CollapseContext),
-    setCollapsed = _useContext.setCollapsed,
-    collapsed = _useContext.collapsed,
-    id = _useContext.id;
-  var child = useMemo(function () {
+const CollapseControl = _ref => {
+  let {
+    children,
+    'data-test': dataTest
+  } = _ref;
+  const {
+    setCollapsed,
+    collapsed,
+    id
+  } = useContext(CollapseContext);
+  const child = useMemo(() => {
     if (typeof children === 'function') {
       return children(collapsed);
     }

package/components/collapse/collapse.js

@@ -1,25 +1,20 @@
-import { i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useId, useCallback } from 'react';
 import { CollapseContext } from './collapse-context.js';
 import { BASE_ANIMATION_DURATION } from './consts.js';
 import { jsx } from 'react/jsx-runtime';
 
-var Collapse = function Collapse(_ref) {
-  var children = _ref.children,
-    _ref$duration = _ref.duration,
-    duration = _ref$duration === void 0 ? BASE_ANIMATION_DURATION : _ref$duration,
-    _ref$disableAnimation = _ref.disableAnimation,
-    disableAnimation = _ref$disableAnimation === void 0 ? false : _ref$disableAnimation,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    collapsed = _useState2[0],
-    toggle = _useState2[1];
-  var id = useId();
-  var setCollapsed = useCallback(function () {
+const Collapse = _ref => {
+  let {
+    children,
+    duration = BASE_ANIMATION_DURATION,
+    disableAnimation = false,
+    className = '',
+    onChange = () => {}
+  } = _ref;
+  const [collapsed, toggle] = useState(true);
+  const id = useId();
+  const setCollapsed = useCallback(() => {
     toggle(!collapsed);
     onChange(!collapsed);
   }, [toggle, onChange, collapsed]);

package/components/collapse/consts.js

@@ -1,6 +1,6 @@
-var COLLAPSE_CONTROL_TEST_ID = 'ring-collapse-control';
-var COLLAPSE_CONTENT_CONTAINER_TEST_ID = 'ring-collapse-content-container';
-var COLLAPSE_CONTENT_TEST_ID = 'ring-collapse-content';
-var BASE_ANIMATION_DURATION = 200;
+const COLLAPSE_CONTROL_TEST_ID = 'ring-collapse-control';
+const COLLAPSE_CONTENT_CONTAINER_TEST_ID = 'ring-collapse-content-container';
+const COLLAPSE_CONTENT_TEST_ID = 'ring-collapse-content';
+const BASE_ANIMATION_DURATION = 200;
 
 export { BASE_ANIMATION_DURATION, COLLAPSE_CONTENT_CONTAINER_TEST_ID, COLLAPSE_CONTENT_TEST_ID, COLLAPSE_CONTROL_TEST_ID };

package/components/collapse/utils.js

@@ -1,5 +1,3 @@
-var toPx = function toPx(value) {
-  return "".concat(value, "px");
-};
+const toPx = value => "".concat(value, "px");
 
 export { toPx };

package/components/confirm/confirm.d.ts

@@ -1,6 +1,5 @@
 import { PureComponent, ReactNode } from 'react';
 import * as React from 'react';
-import PropTypes from 'prop-types';
 export interface ConfirmProps {
     text: string;
     description: ReactNode;
@@ -19,19 +18,6 @@ export interface ConfirmProps {
  * @name Confirm
  */
 export default class Confirm extends PureComponent<ConfirmProps> {
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        text: PropTypes.Requireable<string>;
-        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        show: PropTypes.Requireable<boolean>;
-        rejectOnEsc: PropTypes.Requireable<boolean>;
-        inProgress: PropTypes.Requireable<boolean>;
-        cancelIsDefault: PropTypes.Requireable<boolean>;
-        confirmLabel: PropTypes.Requireable<string>;
-        rejectLabel: PropTypes.Requireable<string>;
-        onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
-        onReject: PropTypes.Requireable<(...args: any[]) => any>;
-    };
     static defaultProps: {
         text: null;
         description: null;