@jetbrains/ring-ui-built 7.0.0-beta.2 → 7.0.0-beta.4

package/components/footer/footer.js

@@ -1,24 +1,22 @@
-import 'core-js/modules/es.array.map.js';
 import { memo, isValidElement } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Link from '../link/link.js';
 import { jsx } from 'react/jsx-runtime';
 import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/data-tests.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';
 import '../link/clickableLink.js';
 import '../_helpers/link.js';
 
 var modules_7385b3fd = {"light":"light_rui_2ac4","footer":"footer_rui_b622 font_rui_f295","footerFloating":"footerFloating_rui_b622 footer_rui_b622 font_rui_f295","column":"column_rui_b622","columnItem":"columnItem_rui_b622","columnLeft":"columnLeft_rui_b622 column_rui_b622","columnCenter":"columnCenter_rui_b622 column_rui_b622","line":"line_rui_b622","columnRight":"columnRight_rui_b622 column_rui_b622","lineCenter":"lineCenter_rui_b622"};
 
-var FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
-  var position = _ref.position,
-    children = _ref.children;
-  var classes = classNames({
+const FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
+  let {
+    position,
+    children
+  } = _ref;
+  const classes = classNames({
     [modules_7385b3fd.columnLeft]: position === 'left',
     [modules_7385b3fd.columnCenter]: position === 'center',
     [modules_7385b3fd.columnRight]: position === 'right'
@@ -31,19 +29,15 @@ var FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
     })
   });
 });
-FooterColumn.propTypes = {
-  position: PropTypes.oneOf(['left', 'center', 'right']).isRequired,
-  children: PropTypes.node
-};
 /**
  * Return copyright string
  * @param year {int}
  * @returns {string}
  */
 function copyright(year) {
-  var currentYear = new Date().getUTCFullYear();
-  var ndash = '–';
-  var ret = 'Copyright © ';
+  const currentYear = new Date().getUTCFullYear();
+  const ndash = '–';
+  let ret = 'Copyright © ';
   if (year >= currentYear) {
     ret += year;
   } else {
@@ -55,14 +49,14 @@ function copyright(year) {
  * @constructor
  * @extends {ReactComponent}
  */
-var FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
-  var items = Array.isArray(props.item) ? props.item : [props.item];
+const FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
+  const items = Array.isArray(props.item) ? props.item : [props.item];
   function renderItem(item) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     if ( /*#__PURE__*/isValidElement(item) || typeof item !== 'object') {
       return item;
     }
-    var element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
+    const element = (item.copyright ? copyright(item.copyright) : '') + (item.label || item);
     if (item.url) {
       return /*#__PURE__*/jsx(Link, {
         href: item.url,
@@ -78,31 +72,28 @@ var FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
     children: items.map(renderItem)
   });
 });
-FooterLine.propTypes = {
-  item: PropTypes.oneOfType([PropTypes.object, PropTypes.array, PropTypes.string])
-};
-var Footer = /*#__PURE__*/memo(function Footer(_ref2) {
-  var floating = _ref2.floating,
-    className = _ref2.className,
-    left = _ref2.left,
-    center = _ref2.center,
-    right = _ref2.right;
+const Footer = /*#__PURE__*/memo(function Footer(_ref2) {
+  let {
+    floating,
+    className,
+    left,
+    center,
+    right
+  } = _ref2;
   function content(elements, position) {
     if (!elements) {
       return false;
     }
     return /*#__PURE__*/jsx(FooterColumn, {
       position: position,
-      children: elements.map(function (item, idx) {
-        return /*#__PURE__*/jsx(FooterLine
-        // eslint-disable-next-line react/no-array-index-key
-        , {
-          item: item
-        }, idx);
-      })
+      children: elements.map((item, idx) => /*#__PURE__*/jsx(FooterLine
+      // eslint-disable-next-line react/no-array-index-key
+      , {
+        item: item
+      }, idx))
     }, position);
   }
-  var classes = classNames(modules_7385b3fd.footer, className, {
+  const classes = classNames(modules_7385b3fd.footer, className, {
     [modules_7385b3fd.footerFloating]: floating
   });
   return /*#__PURE__*/jsx("footer", {
@@ -111,12 +102,5 @@ var Footer = /*#__PURE__*/memo(function Footer(_ref2) {
     children: [content(left, 'left'), content(center, 'center'), content(right, 'right')]
   });
 });
-Footer.propTypes = {
-  className: PropTypes.string,
-  floating: PropTypes.bool,
-  left: PropTypes.array,
-  center: PropTypes.array,
-  right: PropTypes.array
-};
 
 export { copyright, Footer as default };

package/components/global/compose.js

@@ -1,17 +1,10 @@
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.to-string.js';
 
 function compose() {
   for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
     funcs[_key] = arguments[_key];
   }
-  return funcs.reduce(function (acc, func) {
-    return function (arg) {
-      return acc(func(arg));
-    };
-  }, function (arg) {
-    return arg;
-  });
+  return funcs.reduce((acc, func) => arg => acc(func(arg)), arg => arg);
 }
 
 export { compose as default };

package/components/global/composeRefs.d.ts

@@ -1,5 +1,2 @@
 import { Ref } from 'react';
-declare function composeRefs<T>(...refs: (Ref<T> | undefined)[]): (value: T | null) => void;
-declare const _default: typeof composeRefs;
-export default _default;
 export declare function createComposedRef<T>(): import("memoize-one").MemoizedFn<(...refs: (Ref<T> | undefined)[]) => (value: T | null) => void>;

package/components/global/composeRefs.js

@@ -1,26 +1,19 @@
-import 'core-js/modules/es.object.to-string.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import memoizeOne from 'memoize-one';
-import deprecate from 'util-deprecate';
 
 function composeRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
-  return function (value) {
-    return refs.forEach(function (ref) {
-      if (typeof ref === 'function') {
-        ref(value);
-      } else if (ref != null) {
-        ref.current = value;
-      }
-    });
-  };
+  return value => refs.forEach(ref => {
+    if (typeof ref === 'function') {
+      ref(value);
+    } else if (ref != null) {
+      ref.current = value;
+    }
+  });
 }
-// TODO remove export in 7.0, composeRefs should be used only in createComposedRef and in useComposedRefs in the future
-var composeRefs$1 = deprecate(composeRefs, 'composeRefs is deprecated and will be removed in 7.0. Use createComposedRef instead.');
 function createComposedRef() {
   return memoizeOne(composeRefs);
 }
 
-export { createComposedRef, composeRefs$1 as default };
+export { createComposedRef };

package/components/global/controls-height.js

@@ -6,8 +6,8 @@ var ControlsHeight;
   ControlsHeight["M"] = "M";
   ControlsHeight["L"] = "L";
 })(ControlsHeight || (ControlsHeight = {}));
-var ControlsHeightContext = /*#__PURE__*/createContext(ControlsHeight.M);
-var globalControlsHeight = ControlsHeight.M;
+const ControlsHeightContext = /*#__PURE__*/createContext(ControlsHeight.M);
+let globalControlsHeight = ControlsHeight.M;
 // This can be used if React Context is not applicable, for example for alertService or Auth dialog
 function configureGlobalControlsHeight(value) {
   globalControlsHeight = value;

package/components/global/create-stateful-context.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import PropTypes from 'prop-types';
 type Update<T> = (value: T) => void;
 export interface ProviderProps {
     children: ReactNode;
@@ -13,9 +12,6 @@ export default function createStatefulContext<T>(initialValue: T, name?: string)
     UpdateContext: import("react").Context<Update<T>>;
     Provider: {
         ({ children }: ProviderProps): import("react").JSX.Element;
-        propTypes: {
-            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        };
         displayName: string;
     };
     useUpdate: (value: T, skipUpdate?: boolean) => void;

package/components/global/create-stateful-context.js

@@ -1,18 +1,16 @@
-import { i as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { memo, createContext, useState, useContext, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from 'react/jsx-runtime';
 
 function createStatefulContext(initialValue) {
-  var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var ValueContext = /*#__PURE__*/createContext(initialValue);
-  var UpdateContext = /*#__PURE__*/createContext(function () {});
+  let name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  const ValueContext = /*#__PURE__*/createContext(initialValue);
+  const UpdateContext = /*#__PURE__*/createContext(() => {});
   function Provider(_ref) {
-    var children = _ref.children;
-    var _useState = useState(initialValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      update = _useState2[1];
+    let {
+      children
+    } = _ref;
+    const [value, update] = useState(initialValue);
     return /*#__PURE__*/jsx(ValueContext.Provider, {
       value: value,
       children: /*#__PURE__*/jsx(UpdateContext.Provider, {
@@ -21,21 +19,20 @@ function createStatefulContext(initialValue) {
       })
     });
   }
-  Provider.propTypes = {
-    children: PropTypes.node
-  };
   Provider.displayName = "".concat(name, "Provider");
   function useUpdate(value, skipUpdate) {
-    var update = useContext(UpdateContext);
-    useEffect(function () {
+    const update = useContext(UpdateContext);
+    useEffect(() => {
       if (!skipUpdate) {
         update(value);
       }
     }, [update, value, skipUpdate]);
   }
   function Updater(_ref2) {
-    var value = _ref2.value,
-      skipUpdate = _ref2.skipUpdate;
+    let {
+      value,
+      skipUpdate
+    } = _ref2;
     useUpdate(value, skipUpdate);
     return null;
   }

package/components/global/data-tests.js

@@ -1,29 +1,24 @@
-import { j as _toConsumableArray, i as _slicedToArray } from '../_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';
 
 function expandMap(attrsMap) {
-  return Object.entries(attrsMap).reduce(function (result, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      value = _ref2[1];
-    return value ? [].concat(_toConsumableArray(result), [key]) : result;
+  return Object.entries(attrsMap).reduce((result, _ref) => {
+    let [key, value] = _ref;
+    return value ? [...result, key] : result;
   }, []);
 }
 function joinDataTestAttributes() {
   for (var _len = arguments.length, attrs = new Array(_len), _key = 0; _key < _len; _key++) {
     attrs[_key] = arguments[_key];
   }
-  return attrs.reduce(function (result, attr) {
+  return attrs.reduce((result, attr) => {
     if (!attr) {
       return result;
     }
     if (typeof attr === 'object') {
-      return [].concat(_toConsumableArray(result), _toConsumableArray(expandMap(attr)));
+      return [...result, ...expandMap(attr)];
     }
-    return [].concat(_toConsumableArray(result), [attr]);
+    return [...result, attr];
   }, []).join(' ');
 }
 

package/components/global/dom.js

@@ -1,26 +1,18 @@
-import { i as _slicedToArray, b as _createClass, e as _classCallCheck, _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.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 'core-js/modules/es.object.entries.js';
-import 'core-js/modules/es.object.to-string.js';
+import { _ as _defineProperty } from '../_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';
 
 /**
  * @name DOM
  */
-var getStyles = window.getComputedStyle.bind(window);
+const getStyles = window.getComputedStyle.bind(window);
 function isMounted(node) {
   if (node === document) {
     return true;
   }
   return node instanceof Node && document.documentElement.contains(node.parentNode);
 }
-var rectStub = {
+const rectStub = {
   top: 0,
   right: 0,
   bottom: 0,
@@ -30,13 +22,14 @@ var rectStub = {
 };
 function getRect(node) {
   if (node instanceof Range || node != null && isMounted(node)) {
-    var _node$getBoundingClie = node.getBoundingClientRect(),
-      top = _node$getBoundingClie.top,
-      right = _node$getBoundingClie.right,
-      bottom = _node$getBoundingClie.bottom,
-      left = _node$getBoundingClie.left,
-      width = _node$getBoundingClie.width,
-      height = _node$getBoundingClie.height;
+    const {
+      top,
+      right,
+      bottom,
+      left,
+      width,
+      height
+    } = node.getBoundingClientRect();
     return {
       top,
       right,
@@ -59,11 +52,12 @@ function getWindowWidth() {
   return window.innerWidth;
 }
 function isNodeInVisiblePartOfPage(node) {
-  var _getRect = getRect(node),
-    top = _getRect.top,
-    bottom = _getRect.bottom,
-    left = _getRect.left,
-    right = _getRect.right;
+  const {
+    top,
+    bottom,
+    left,
+    right
+  } = getRect(node);
   return !(bottom < 0 || right < 0 || getWindowHeight() - top < 0 || getWindowWidth() - left < 0);
 }
 function getDocumentScrollTop() {
@@ -72,74 +66,47 @@ function getDocumentScrollTop() {
 function getDocumentScrollLeft() {
   return document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft;
 }
-var applyMethodToClasses = function applyMethodToClasses(method) {
-  return function (classList) {
-    var classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    classes.split(/\s+/g).filter(function (className) {
-      return !!className;
-    }).forEach(function (className) {
-      return classList[method](className);
-    });
-  };
-};
-var addClasses = applyMethodToClasses('add');
-var removeClasses = applyMethodToClasses('remove');
-var toggleClasses = function toggleClasses(classList, classes) {
-  return Object.entries(classes).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      className = _ref2[0],
-      on = _ref2[1];
-    return classList.toggle(className, on);
-  });
+const applyMethodToClasses = method => function (classList) {
+  let classes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  classes.split(/\s+/g).filter(className => !!className).forEach(className => classList[method](className));
 };
+const addClasses = applyMethodToClasses('add');
+const removeClasses = applyMethodToClasses('remove');
+const toggleClasses = (classList, classes) => Object.entries(classes).forEach(_ref => {
+  let [className, on] = _ref;
+  return classList.toggle(className, on);
+});
 function setRootStyleProperties() {
-  var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var rootStyle = document.documentElement.style;
-  Object.entries(properties).forEach(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      key = _ref4[0],
-      value = _ref4[1];
+  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const rootStyle = document.documentElement.style;
+  Object.entries(properties).forEach(_ref2 => {
+    let [key, value] = _ref2;
     rootStyle.setProperty(key, value);
   });
 }
 function resetRootStyleProperties() {
-  var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var rootStyle = document.documentElement.style;
-  Object.keys(properties).forEach(function (key) {
-    return rootStyle.removeProperty(key);
-  });
+  let properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const rootStyle = document.documentElement.style;
+  Object.keys(properties).forEach(key => rootStyle.removeProperty(key));
 }
-var Listeners = /*#__PURE__*/function () {
-  function Listeners() {
-    _classCallCheck(this, Listeners);
+class Listeners {
+  constructor() {
     _defineProperty(this, "_all", new Set());
   }
-  return _createClass(Listeners, [{
-    key: "add",
-    value: function add(el, event, handler, options) {
-      el.addEventListener(event, handler, options);
-      var dispatchFn = function dispatchFn() {
-        return el.removeEventListener(event, handler, options);
-      };
-      this._all.add(dispatchFn);
-      return dispatchFn;
-    }
-  }, {
-    key: "remove",
-    value: function remove(fn) {
-      fn();
-      this._all.delete(fn);
-    }
-  }, {
-    key: "removeAll",
-    value: function removeAll() {
-      var _this = this;
-      this._all.forEach(function (fn) {
-        return _this.remove(fn);
-      });
-    }
-  }]);
-}();
+  add(el, event, handler, options) {
+    el.addEventListener(event, handler, options);
+    const dispatchFn = () => el.removeEventListener(event, handler, options);
+    this._all.add(dispatchFn);
+    return dispatchFn;
+  }
+  remove(fn) {
+    fn();
+    this._all.delete(fn);
+  }
+  removeAll() {
+    this._all.forEach(fn => this.remove(fn));
+  }
+}
 // Synthetic events from Combokeys#trigger are plain objects
 function preventDefault(e) {
   if (e.preventDefault) {