@jetbrains/ring-ui-built 6.0.5-beta.0

package/components/editable-heading/editable-heading.js

@@ -0,0 +1,245 @@
+import { e as _objectWithoutProperties, j as _slicedToArray, f as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.string.trim.js';
+import React, { useCallback, useEffect } from 'react';
+import classNames from 'classnames';
+import Heading, { Levels } from '../heading/heading.js';
+import { Button } from '../button/button.js';
+import { S as Size, m as modules_88cfaf40 } from '../_helpers/input.js';
+import getUID from '../global/get-uid.js';
+import Shortcuts from '../shortcuts/shortcuts.js';
+import 'prop-types';
+import 'util-deprecate';
+import '../_helpers/heading.js';
+import 'core-js/modules/es.array.concat.js';
+import '@jetbrains/icons/chevron-10px';
+import '../icon/icon.js';
+import '../icon/icon__constants.js';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import '../link/clickableLink.js';
+import '../global/controls-height.js';
+import '../_helpers/button__classes.js';
+import 'core-js/modules/es.object.values.js';
+import '@jetbrains/icons/close-12px';
+import '../global/prop-types.js';
+import '../i18n/i18n-context.js';
+import '../i18n/i18n.js';
+import 'core-js/modules/es.set.js';
+import '../global/composeRefs.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import '../control-label/control-label.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.array.map.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+
+var modules_6e69b0fe = {"unit":"i__const_unit_0","editableHeading":"editableHeading_rui_0870","fullSize":"fullSize_rui_0870","isEditing":"isEditing_rui_0870","headingWrapperButton":"headingWrapperButton_rui_0870","disabled":"disabled_rui_0870","selectionMode":"selectionMode_rui_0870","heading":"heading_rui_0870","multiline":"multiline_rui_0870","input":"input_rui_0870","error":"error_rui_0870","textarea":"textarea_rui_0870","textareaWrapper":"textareaWrapper_rui_0870","button":"button_rui_0870","errorText":"errorText_rui_0870","level1":"level1_rui_0870","level2":"level2_rui_0870","level3":"level3_rui_0870","sizeS":"sizeS_rui_0870","sizeM":"sizeM_rui_0870","sizeL":"sizeL_rui_0870","sizeFULL":"sizeFULL_rui_0870"};
+
+var _excluded = ["level", "className", "headingClassName", "inputClassName", "children", "isEditing", "isSavingPossible", "isSaving", "embedded", "size", "onEdit", "onSave", "onCancel", "autoFocus", "data-test", "error", "disabled", "multiline", "renderMenu", "onFocus", "onBlur", "translations", "multilineInputRows"];
+var DEFAULT_MULTILINE_INPUT_ROWS = 3;
+function noop() {}
+var EditableHeading = function EditableHeading(props) {
+  var _props$level = props.level,
+    level = _props$level === void 0 ? Levels.H1 : _props$level,
+    className = props.className,
+    headingClassName = props.headingClassName,
+    inputClassName = props.inputClassName,
+    children = props.children,
+    _props$isEditing = props.isEditing,
+    isEditing = _props$isEditing === void 0 ? false : _props$isEditing,
+    _props$isSavingPossib = props.isSavingPossible,
+    isSavingPossible = _props$isSavingPossib === void 0 ? false : _props$isSavingPossib,
+    _props$isSaving = props.isSaving,
+    isSaving = _props$isSaving === void 0 ? false : _props$isSaving,
+    _props$embedded = props.embedded,
+    embedded = _props$embedded === void 0 ? false : _props$embedded,
+    _props$size = props.size,
+    size = _props$size === void 0 ? Size.L : _props$size,
+    _props$onEdit = props.onEdit,
+    onEdit = _props$onEdit === void 0 ? noop : _props$onEdit,
+    _props$onSave = props.onSave,
+    onSave = _props$onSave === void 0 ? noop : _props$onSave,
+    _props$onCancel = props.onCancel,
+    onCancel = _props$onCancel === void 0 ? noop : _props$onCancel,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
+    dataTest = props['data-test'],
+    error = props.error,
+    disabled = props.disabled,
+    _props$multiline = props.multiline,
+    multiline = _props$multiline === void 0 ? false : _props$multiline,
+    _props$renderMenu = props.renderMenu,
+    renderMenu = _props$renderMenu === void 0 ? function () {
+      return null;
+    } : _props$renderMenu,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    _props$translations = props.translations,
+    translations = _props$translations === void 0 ? {
+      save: 'Save',
+      cancel: 'Cancel'
+    } : _props$translations,
+    _props$multilineInput = props.multilineInputRows,
+    multilineInputRows = _props$multilineInput === void 0 ? DEFAULT_MULTILINE_INPUT_ROWS : _props$multilineInput,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _React$useState = React.useState(getUID('ring-editable-heading-')),
+    _React$useState2 = _slicedToArray(_React$useState, 1),
+    shortcutsScope = _React$useState2[0];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isInFocus = _React$useState4[0],
+    setIsInFocus = _React$useState4[1];
+  var _React$useState5 = React.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isMouseDown = _React$useState6[0],
+    setIsMouseDown = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    isInSelectionMode = _React$useState8[0],
+    setIsInSelectionMode = _React$useState8[1];
+  var textAreaRef = React.useRef(null);
+  var textAreaWrapperRef = React.useRef(null);
+  var hasError = error !== undefined;
+  var isSaveDisabled = !isSavingPossible || !children || children.trim() === '' || hasError || isSaving;
+  var isCancelDisabled = isSaving;
+  var isShortcutsDisabled = !isInFocus || isSaving;
+  var shortcutsMap = React.useMemo(function () {
+    var map = {};
+    if (!isSaveDisabled) {
+      map.enter = onSave;
+    }
+    if (isCancelDisabled) {
+      map.esc = onCancel;
+    }
+    return map;
+  }, [isSaveDisabled, isCancelDisabled, onSave, onCancel]);
+  var classes = classNames(modules_6e69b0fe.editableHeading, className, {
+    [modules_6e69b0fe.fullSize]: isEditing && size === Size.FULL,
+    [modules_6e69b0fe.isEditing]: isEditing,
+    [modules_6e69b0fe.error]: hasError,
+    [modules_6e69b0fe.disabled]: disabled,
+    [modules_6e69b0fe.multiline]: multiline,
+    [modules_6e69b0fe.selectionMode]: isInSelectionMode
+  });
+  var headingClasses = classNames(modules_6e69b0fe.heading, headingClassName, modules_6e69b0fe["size".concat(size)]);
+  var inputClasses = classNames('ring-js-shortcuts', modules_6e69b0fe.input, modules_6e69b0fe.textarea, modules_88cfaf40["size".concat(size)], modules_6e69b0fe["level".concat(level)], inputClassName);
+  var onHeadingMouseDown = React.useCallback(function () {
+    setIsMouseDown(true);
+  }, []);
+  var onMouseMove = React.useCallback(function () {
+    if (!isMouseDown) {
+      return;
+    }
+    setIsInSelectionMode(true);
+  }, [isMouseDown]);
+  var onMouseUp = React.useCallback(function () {
+    if (isMouseDown && !isInSelectionMode && !disabled) {
+      onEdit();
+    }
+    setIsMouseDown(false);
+    setIsInSelectionMode(false);
+  }, [isMouseDown, isInSelectionMode, disabled, onEdit]);
+  var onInputFocus = React.useCallback(function (e) {
+    setIsInFocus(true);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+  }, [onFocus]);
+  var onInputBlur = React.useCallback(function (e) {
+    setIsInFocus(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  }, [onBlur]);
+  var onScroll = useCallback(function () {
+    var _textAreaRef$current, _textAreaRef$current2, _textAreaRef$current3;
+    var scrollHeight = (textAreaRef === null || textAreaRef === void 0 || (_textAreaRef$current = textAreaRef.current) === null || _textAreaRef$current === void 0 ? void 0 : _textAreaRef$current.scrollHeight) || 0;
+    var clientHeight = (textAreaRef === null || textAreaRef === void 0 || (_textAreaRef$current2 = textAreaRef.current) === null || _textAreaRef$current2 === void 0 ? void 0 : _textAreaRef$current2.clientHeight) || 0;
+    var scrollTop = (textAreaRef === null || textAreaRef === void 0 || (_textAreaRef$current3 = textAreaRef.current) === null || _textAreaRef$current3 === void 0 ? void 0 : _textAreaRef$current3.scrollTop) || 0;
+    var isScrolledToBottom = scrollHeight - clientHeight <= scrollTop;
+    if (isScrolledToBottom) {
+      var _textAreaWrapperRef$c;
+      textAreaWrapperRef === null || textAreaWrapperRef === void 0 || (_textAreaWrapperRef$c = textAreaWrapperRef.current) === null || _textAreaWrapperRef$c === void 0 ? void 0 : _textAreaWrapperRef$c.classList.remove(modules_6e69b0fe.textareaWrapper);
+    } else {
+      var _textAreaWrapperRef$c2;
+      textAreaWrapperRef === null || textAreaWrapperRef === void 0 || (_textAreaWrapperRef$c2 = textAreaWrapperRef.current) === null || _textAreaWrapperRef$c2 === void 0 ? void 0 : _textAreaWrapperRef$c2.classList.add(modules_6e69b0fe.textareaWrapper);
+    }
+  }, []);
+  useEffect(function () {
+    var textAreaRefCurrent = textAreaRef === null || textAreaRef === void 0 ? void 0 : textAreaRef.current;
+    textAreaRefCurrent === null || textAreaRefCurrent === void 0 ? void 0 : textAreaRefCurrent.addEventListener('scroll', onScroll);
+    window.addEventListener('mousemove', onMouseMove);
+    window.addEventListener('mouseup', onMouseUp);
+    return function () {
+      window.removeEventListener('mousemove', onMouseMove);
+      window.removeEventListener('mouseup', onMouseUp);
+      if (textAreaRefCurrent) {
+        textAreaRefCurrent.removeEventListener('scroll', onScroll);
+      }
+    };
+  }, [onMouseMove, onMouseUp, onScroll]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classes
+  }, !disabled && isEditing ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Shortcuts, {
+    map: shortcutsMap,
+    scope: shortcutsScope,
+    disabled: isShortcutsDisabled
+  }), !multiline ? /*#__PURE__*/React.createElement("input", _extends({
+    className: inputClasses,
+    value: children,
+    autoFocus: autoFocus,
+    "data-test": dataTest,
+    disabled: isSaving
+  }, restProps, {
+    onFocus: onInputFocus,
+    onBlur: onInputBlur
+  })) : /*#__PURE__*/React.createElement("div", {
+    ref: textAreaWrapperRef,
+    className: modules_6e69b0fe.textareaWrapper
+  }, /*#__PURE__*/React.createElement("textarea", _extends({
+    ref: textAreaRef,
+    className: inputClasses,
+    value: children,
+    autoFocus: autoFocus,
+    rows: multilineInputRows,
+    "data-test": dataTest,
+    disabled: isSaving
+  }, restProps, {
+    onFocus: onInputFocus,
+    onBlur: onInputBlur
+  })))) : /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: modules_6e69b0fe.headingWrapperButton,
+    onMouseDown: onHeadingMouseDown
+  }, /*#__PURE__*/React.createElement(Heading, {
+    className: headingClasses,
+    level: level,
+    "data-test": dataTest
+  }, children)), !isEditing && renderMenu(), isEditing && !embedded && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    className: modules_6e69b0fe.button,
+    primary: true,
+    disabled: isSaveDisabled,
+    loader: isSaving,
+    onClick: onSave
+  }, translations.save), /*#__PURE__*/React.createElement(Button, {
+    className: modules_6e69b0fe.button,
+    disabled: isCancelDisabled,
+    onClick: onCancel
+  }, translations.cancel))), isEditing && error && /*#__PURE__*/React.createElement("div", {
+    className: classNames(modules_6e69b0fe.errorText, modules_88cfaf40["size".concat(size)])
+  }, error));
+};
+var editableHeading = /*#__PURE__*/React.memo(EditableHeading);
+
+export { EditableHeading, Levels, Size, editableHeading as default };

package/components/error-bubble/error-bubble.d.ts

@@ -0,0 +1,18 @@
+import React, { PureComponent, ReactElement } from 'react';
+import PropTypes from 'prop-types';
+export type ErrorBubbleProps<P> = Partial<P> & {
+    className?: string | null | undefined;
+    children: ReactElement<P> | ReactElement<P>[];
+    error?: string | null | undefined;
+};
+/**
+ * @name Error Bubble
+ */
+export default class ErrorBubble<P> extends PureComponent<ErrorBubbleProps<P>> {
+    static propTypes: {
+        error: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    render(): React.JSX.Element;
+}

package/components/error-bubble/error-bubble.js

@@ -0,0 +1,86 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass, e as _objectWithoutProperties, g as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.map.js';
+import React, { Children, cloneElement, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Popup from '../popup/popup.js';
+import { Directions } from '../popup/popup.consts.js';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.regexp.to-string.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'react-dom';
+import '../global/get-uid.js';
+import '../global/schedule-raf.js';
+import '../global/dom.js';
+import 'core-js/modules/es.array.filter.js';
+import 'core-js/modules/es.string.split.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.set.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import '../shortcuts/shortcuts.js';
+import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
+import 'core-js/modules/es.string.includes.js';
+import 'core-js/modules/es.array.slice.js';
+import 'core-js/modules/es.array.splice.js';
+import 'core-js/modules/es.string.match.js';
+import 'combokeys';
+import '../global/sniffer.js';
+import 'sniffr';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import '../tab-trap/tab-trap.js';
+import '../popup/position.js';
+import 'core-js/modules/es.array.sort.js';
+import '../popup/popup.target.js';
+
+var modules_ee284100 = {"unit":"i__const_unit_0","light":"light_rui_2ac4","errorBubblePopup":"errorBubblePopup_rui_b075","errorBubbleWrapper":"errorBubbleWrapper_rui_b075","errorBubble":"errorBubble_rui_b075"};
+
+var _excluded = ["children", "className"];
+/**
+ * @name Error Bubble
+ */
+var ErrorBubble = /*#__PURE__*/function (_PureComponent) {
+  _inherits(ErrorBubble, _PureComponent);
+  var _super = _createSuper(ErrorBubble);
+  function ErrorBubble() {
+    _classCallCheck(this, ErrorBubble);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ErrorBubble, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        children = _this$props.children,
+        className = _this$props.className,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
+      var errorBubbleClasses = classNames(modules_ee284100.errorBubble, className);
+      return /*#__PURE__*/React.createElement("div", {
+        className: modules_ee284100.errorBubbleWrapper
+      }, Children.map(children, function (child) {
+        return /*#__PURE__*/cloneElement(child, _objectSpread2(_objectSpread2({}, child.props), restProps));
+      }), restProps.error && /*#__PURE__*/React.createElement(Popup, {
+        trapFocus: false,
+        className: modules_ee284100.errorBubblePopup,
+        hidden: false,
+        attached: false,
+        directions: [Directions.RIGHT_CENTER, Directions.RIGHT_BOTTOM, Directions.RIGHT_TOP]
+      }, /*#__PURE__*/React.createElement("div", {
+        className: errorBubbleClasses,
+        "data-test": "ring-error-bubble"
+      }, restProps.error)));
+    }
+  }]);
+  return ErrorBubble;
+}(PureComponent);
+_defineProperty(ErrorBubble, "propTypes", {
+  error: PropTypes.string,
+  className: PropTypes.string,
+  children: PropTypes.node
+});
+
+export { ErrorBubble as default };

package/components/error-message/error-message.d.ts

@@ -0,0 +1,27 @@
+import React, { Component, ReactNode } from 'react';
+import PropTypes from 'prop-types';
+import { IconType } from '../icon/icon';
+export interface ErrorMessageProps {
+    children?: ReactNode;
+    icon?: string | IconType | null | undefined;
+    code?: string | null | undefined;
+    message?: string | null | undefined;
+    description?: string | null | undefined;
+    className?: string | null | undefined;
+    'data-test'?: string | null | undefined;
+}
+/**
+ * @name Error Message
+ */
+export default class ErrorMessage extends Component<ErrorMessageProps> {
+    static propTypes: {
+        icon: PropTypes.Requireable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>;
+        code: PropTypes.Requireable<string>;
+        message: PropTypes.Requireable<string>;
+        description: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        'data-test': PropTypes.Requireable<string>;
+    };
+    render(): React.JSX.Element;
+}

package/components/error-message/error-message.js

@@ -0,0 +1,78 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Icon from '../icon/icon.js';
+import { Size } from '../icon/icon__constants.js';
+import joinDataTestAttributes from '../global/data-tests.js';
+import 'util-deprecate';
+import '../_helpers/icon__svg.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import 'core-js/modules/es.string.starts-with.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+
+var modules_2c5e8509 = {"light":"light_rui_2ac4","errorMessage":"errorMessage_rui_c974","title":"title_rui_c974","description":"description_rui_c974","content":"content_rui_c974","icon":"icon_rui_c974"};
+
+/**
+ * @name Error Message
+ */
+var ErrorMessage = /*#__PURE__*/function (_Component) {
+  _inherits(ErrorMessage, _Component);
+  var _super = _createSuper(ErrorMessage);
+  function ErrorMessage() {
+    _classCallCheck(this, ErrorMessage);
+    return _super.apply(this, arguments);
+  }
+  _createClass(ErrorMessage, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        className = _this$props.className,
+        icon = _this$props.icon,
+        code = _this$props.code,
+        message = _this$props.message,
+        description = _this$props.description,
+        children = _this$props.children,
+        dataTest = _this$props['data-test'];
+      var classes = classNames(modules_2c5e8509.errorMessage, className);
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes,
+        "data-test": joinDataTestAttributes('ring-error-message', dataTest)
+      }, icon && /*#__PURE__*/React.createElement(Icon, {
+        className: modules_2c5e8509.icon,
+        glyph: icon,
+        size: Size.Size64,
+        suppressSizeWarning: true
+      }), /*#__PURE__*/React.createElement("div", {
+        className: modules_2c5e8509.content
+      }, /*#__PURE__*/React.createElement("div", {
+        className: modules_2c5e8509.title
+      }, code && "".concat(code, ":"), " ", message), description && /*#__PURE__*/React.createElement("div", {
+        className: modules_2c5e8509.description
+      }, description), children));
+    }
+  }]);
+  return ErrorMessage;
+}(Component);
+_defineProperty(ErrorMessage, "propTypes", {
+  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
+  code: PropTypes.string,
+  message: PropTypes.string,
+  description: PropTypes.string,
+  children: PropTypes.node,
+  className: PropTypes.string,
+  'data-test': PropTypes.string
+});
+
+export { ErrorMessage as default };

package/components/footer/footer.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @name Footer
+ */
+import React, { HTMLAttributeAnchorTarget, ReactChild } from 'react';
+/**
+ * Return copyright string
+ * @param year {int}
+ * @returns {string}
+ */
+export declare function copyright(year: number): string;
+export interface FooterLinkItem {
+    copyright?: number | null | undefined;
+    label?: string | null | undefined;
+    url?: string | null | undefined;
+    target?: HTMLAttributeAnchorTarget | undefined;
+    title?: string | undefined;
+}
+type FooterItem = FooterLinkItem | ReactChild;
+type FooterItems = readonly (FooterItem | readonly FooterItem[])[];
+export interface FooterProps {
+    className?: string | null | undefined;
+    floating?: boolean | null | undefined;
+    left?: FooterItems | null | undefined;
+    center?: FooterItems | null | undefined;
+    right?: FooterItems | null | undefined;
+}
+declare const Footer: React.NamedExoticComponent<FooterProps>;
+export default Footer;

package/components/footer/footer.js

@@ -0,0 +1,118 @@
+import 'core-js/modules/es.array.map.js';
+import React, { memo, isValidElement } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import Link from '../link/link.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/es.object.entries.js';
+import 'core-js/modules/es.array.concat.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+
+var modules_7385b3fd = {"unit":"i__const_unit_0","footer-height":"i__const_footer_height_1","light":"light_rui_2ac4","footer":"footer_rui_fade font_rui_8bff","footerFloating":"footerFloating_rui_fade footer_rui_fade font_rui_8bff","column":"column_rui_fade","columnItem":"columnItem_rui_fade","columnLeft":"columnLeft_rui_fade column_rui_fade","columnCenter":"columnCenter_rui_fade column_rui_fade","line":"line_rui_fade","columnRight":"columnRight_rui_fade column_rui_fade","lineCenter":"lineCenter_rui_fade"};
+
+var FooterColumn = /*#__PURE__*/memo(function FooterColumn(_ref) {
+  var position = _ref.position,
+    children = _ref.children;
+  var classes = classNames({
+    [modules_7385b3fd.columnLeft]: position === 'left',
+    [modules_7385b3fd.columnCenter]: position === 'center',
+    [modules_7385b3fd.columnRight]: position === 'right'
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: modules_7385b3fd.columnItem
+  }, children));
+});
+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 © ';
+  if (year >= currentYear) {
+    ret += year;
+  } else {
+    ret += year + ndash + currentYear;
+  }
+  return ret;
+}
+/**
+ * @constructor
+ * @extends {ReactComponent}
+ */
+var FooterLine = /*#__PURE__*/memo(function FooterLine(props) {
+  var 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);
+    if (item.url) {
+      return /*#__PURE__*/React.createElement(Link, {
+        href: item.url,
+        target: item.target,
+        key: item.url + item.title,
+        title: item.title
+      }, element);
+    }
+    return element;
+  }
+  return /*#__PURE__*/React.createElement("li", {
+    className: modules_7385b3fd.line
+  }, 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;
+  function content(elements, position) {
+    if (!elements) {
+      return false;
+    }
+    return /*#__PURE__*/React.createElement(FooterColumn, {
+      key: position,
+      position: position
+    }, elements.map(function (item, idx) {
+      return /*#__PURE__*/React.createElement(FooterLine
+      // eslint-disable-next-line react/no-array-index-key
+      , {
+        key: idx,
+        item: item
+      });
+    }));
+  }
+  var classes = classNames(modules_7385b3fd.footer, className, {
+    [modules_7385b3fd.footerFloating]: floating
+  });
+  return /*#__PURE__*/React.createElement("footer", {
+    className: classes,
+    "data-test": "ring-footer"
+  }, [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.d.ts

@@ -0,0 +1,7 @@
+declare function compose<A, R1, R2, R3, R4, R5, R6, R7>(f7: (a: R6) => R7, f6: (a: R5) => R6, f5: (a: R4) => R5, f4: (a: R3) => R4, f3: (a: R2) => R3, f2: (a: R1) => R2, f1: (a: A) => R1): (a: A) => R7;
+declare function compose<A, R1, R2, R3, R4, R5, R6>(f6: (a: R5) => R6, f5: (a: R4) => R5, f4: (a: R3) => R4, f3: (a: R2) => R3, f2: (a: R1) => R2, f1: (a: A) => R1): (a: A) => R6;
+declare function compose<A, R1, R2, R3, R4, R5>(f5: (a: R4) => R5, f4: (a: R3) => R4, f3: (a: R2) => R3, f2: (a: R1) => R2, f1: (a: A) => R1): (a: A) => R5;
+declare function compose<A, R1, R2, R3, R4>(f4: (a: R3) => R4, f3: (a: R2) => R3, f2: (a: R1) => R2, f1: (a: A) => R1): (a: A) => R4;
+declare function compose<A, R1, R2, R3>(f3: (a: R2) => R3, f2: (a: R1) => R2, f1: (a: A) => R1): (a: A) => R3;
+declare function compose<A, R1, R2>(f2: (a: R1) => R2, f1: (a: A) => R1): (a: A) => R2;
+export default compose;

package/components/global/compose.js

@@ -0,0 +1,17 @@
+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;
+  });
+}
+
+export { compose as default };

package/components/global/composeRefs.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'react';
+declare const _default: <T>(...refs: (Ref<T> | undefined)[]) => (value: T | null) => void;
+export default _default;

package/components/global/composeRefs.js

@@ -0,0 +1,19 @@
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+
+var composeRefs = (function () {
+  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;
+      }
+    });
+  };
+});
+
+export { composeRefs as default };

package/components/global/controls-height.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare enum ControlsHeight {
+    S = "S",
+    M = "M",
+    L = "L"
+}
+export declare const ControlsHeightContext: import("react").Context<ControlsHeight>;
+export declare function configureGlobalControlsHeight(value: ControlsHeight): void;
+export declare function getGlobalControlsHeight(): ControlsHeight;