@jetbrains/ring-ui 5.1.23 → 5.1.24

package/dist/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 { m as modules_2c5e8509 } from '../_helpers/error-message.js';
+import 'util-deprecate';
+import '../_helpers/icon.js';
+import '../icon/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';
+
+/**
+ * @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/dist/error-message-ng/error-message-ng.js

@@ -0,0 +1,41 @@
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.symbol.js';
+import 'core-js/modules/es.symbol.description.js';
+import angular from 'angular';
+import IconNG from '../icon-ng/icon-ng.js';
+import LinkModule from '../link-ng/link-ng.js';
+import { m as modules_2c5e8509 } from '../_helpers/error-message.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.index-of.js';
+import 'core-js/modules/es.regexp.exec.js';
+import 'core-js/modules/es.string.replace.js';
+import '../icon/icon__constants.js';
+import '../template-ng/template-ng.js';
+import '../global/ring-angular-component.js';
+import 'core-js/modules/es.object.to-string.js';
+import 'core-js/modules/web.dom-collections.for-each.js';
+import '../_helpers/icon.js';
+import '../_helpers/link.js';
+
+/**
+ * @name Error Message Ng
+ */
+
+var angularModule = angular.module('Ring.error-message', [IconNG, LinkModule]);
+angularModule.directive('rgErrorMessage', function rgErrorMessageDirective() {
+  return {
+    replace: true,
+    transclude: true,
+    template: "\n<div class=\"".concat(modules_2c5e8509.errorMessage, "\" data-test=\"ring-error-message\">\n\n    <rg-icon class=\"").concat(modules_2c5e8509.icon, "\" glyph=\"{{icon}}\" color=\"gray\" size=\"64\"></rg-icon>\n    \n    <div class=\"").concat(modules_2c5e8509.content, "\">\n      <div class=\"").concat(modules_2c5e8509.title, "\" data-test=\"ring-error-message-title\"\n      ><span ng-if=\"code\">{{ code }}:</span> {{ message }}</div>\n      \n      <div class=\"").concat(modules_2c5e8509.description, "\" ng-transclude></div>\n      \n      \n       <div ng-if=\"links\">\n          <span ng-repeat=\"link in links\">\n            <rg-link ng-if=\"link.target\" ng-href=\"{{link.href}}\" target=\"{{link.target}}\">{{link.text}}</rg-link><rg-link\n            ng-if=\"!link.target\" ng-href=\"{{link.href}}\">{{link.text}}</rg-link>{{$last ? '' : ','}}\n          </span>\n        </div>\n    </div>\n</div>\n    "),
+    restrict: 'E',
+    scope: {
+      code: '@',
+      message: '@',
+      links: '=',
+      icon: '@'
+    }
+  };
+});
+var errorMessageNg = angularModule.name;
+
+export { errorMessageNg as default };

package/dist/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/dist/footer/footer.js

@@ -0,0 +1,19 @@
+import 'core-js/modules/es.array.map.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import '../link/link.js';
+export { c as copyright, F as default } from '../_helpers/footer.js';
+import '../_helpers/_rollupPluginBabelHelpers.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 '../global/data-tests.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';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';

package/dist/footer-ng/footer-ng.js

@@ -0,0 +1,86 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, k as _assertThisInitialized, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/es.array.concat.js';
+import angular from 'angular';
+import RingAngularComponent from '../global/ring-angular-component.js';
+import { m as modules_7385b3fd, c as copyright } from '../_helpers/footer.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.array.map.js';
+import 'react';
+import 'prop-types';
+import 'classnames';
+import '../link/link.js';
+import '../global/memoize.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import '../global/data-tests.js';
+import 'core-js/modules/es.array.reduce.js';
+import 'core-js/modules/es.object.entries.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+
+/**
+ * @name Footer Ng
+ */
+
+var angularModule = angular.module('Ring.footer', []);
+var rgFooterComponent = /*#__PURE__*/function (_RingAngularComponent) {
+  _inherits(rgFooterComponent, _RingAngularComponent);
+  var _super = _createSuper(rgFooterComponent);
+  function rgFooterComponent() {
+    var _this;
+    _classCallCheck(this, rgFooterComponent);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "styles", modules_7385b3fd);
+    return _this;
+  }
+  return _createClass(rgFooterComponent);
+}(RingAngularComponent);
+_defineProperty(rgFooterComponent, "transclude", {
+  left: '?rgFooterLeft',
+  center: '?rgFooterCenter',
+  right: '?rgFooterRight'
+});
+_defineProperty(rgFooterComponent, "template", "<footer ng-class=\":: $ctrl.styles.footer\" data-test=\"ring-footer\">\n  <div ng-class=\":: $ctrl.styles.columnLeft\">\n    <div ng-transclude=\"left\" ng-class=\":: $ctrl.styles.columnItem\"></div>\n  </div>\n\n  <div ng-class=\":: $ctrl.styles.columnCenter\">\n    <div ng-transclude=\"center\" ng-class=\":: $ctrl.styles.columnItem\"></div>\n  </div>\n\n  <div ng-class=\":: $ctrl.styles.columnRight\">\n    <div ng-transclude=\"right\" ng-class=\":: $ctrl.styles.columnItem\"></div>\n  </div>\n</footer>");
+var rgFooterLineComponent = /*#__PURE__*/function (_RingAngularComponent2) {
+  _inherits(rgFooterLineComponent, _RingAngularComponent2);
+  var _super2 = _createSuper(rgFooterLineComponent);
+  function rgFooterLineComponent() {
+    _classCallCheck(this, rgFooterLineComponent);
+    return _super2.apply(this, arguments);
+  }
+  return _createClass(rgFooterLineComponent);
+}(RingAngularComponent);
+_defineProperty(rgFooterLineComponent, "transclude", true);
+_defineProperty(rgFooterLineComponent, "template", "<div class=\"".concat(modules_7385b3fd.line, "\" ng-transclude></div>"));
+var rgFooterCopyrightComponent = /*#__PURE__*/function (_RingAngularComponent3) {
+  _inherits(rgFooterCopyrightComponent, _RingAngularComponent3);
+  var _super3 = _createSuper(rgFooterCopyrightComponent);
+  function rgFooterCopyrightComponent() {
+    _classCallCheck(this, rgFooterCopyrightComponent);
+    return _super3.apply(this, arguments);
+  }
+  _createClass(rgFooterCopyrightComponent, [{
+    key: "$onInit",
+    value: function $onInit() {
+      this.copyrightYears = copyright(this.year);
+    }
+  }]);
+  return rgFooterCopyrightComponent;
+}(RingAngularComponent);
+_defineProperty(rgFooterCopyrightComponent, "template", '<span>{{:: $ctrl.copyrightYears}} {{:: $ctrl.companyName}}</span>');
+_defineProperty(rgFooterCopyrightComponent, "bindings", {
+  year: '@',
+  companyName: '@'
+});
+angularModule.component('rgFooter', rgFooterComponent);
+angularModule.component('rgFooterLine', rgFooterLineComponent);
+angularModule.component('rgFooterCopyright', rgFooterCopyrightComponent);
+var footerNg = angularModule.name;
+
+export { footerNg as default };

package/dist/form-ng/form-ng.js

@@ -0,0 +1,157 @@
+import 'core-js/modules/es.array.from.js';
+import 'core-js/modules/es.array.filter.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.array.find.js';
+import angular from 'angular';
+import messageBundleNg from '../message-bundle-ng/message-bundle-ng.js';
+
+/**
+ * @name Form Ng
+ */
+
+var angularModule = angular.module('Ring.form', [messageBundleNg]);
+angularModule.factory('getFormErrorMessages', ["RingMessageBundle", function getFormErrorMessagesDirective(RingMessageBundle) {
+  function msg(id, formError) {
+    var messageBundleId = "form_".concat(id);
+    if (RingMessageBundle.hasOwnProperty(messageBundleId)) {
+      return RingMessageBundle[messageBundleId]();
+    }
+    var formErrors = formError && formError[id] || [];
+    for (var j = 0; j < formErrors.length; ++j) {
+      if (formErrors[j] && formErrors[j].message) {
+        return formErrors[j].message;
+      }
+    }
+    return undefined;
+  }
+  return function (formErrors) {
+    var errorMessages = [];
+    for (var key in formErrors) {
+      if (formErrors.hasOwnProperty(key) && formErrors[key]) {
+        errorMessages.push(msg(key, formErrors));
+      }
+    }
+    return errorMessages;
+  };
+}]);
+
+/**
+ * <div rg-error-bubble="form.name"></div>
+ * @param {object} error-bubble Ng-model for this control
+ *
+ * Where form.name is a reference to angularJS form input
+ */
+angularModule.directive('rgErrorBubble', ["getFormErrorMessages", function rgErrorBubbleDirective(getFormErrorMessages) {
+  return {
+    scope: {
+      errorBubble: '&rgErrorBubble'
+    },
+    replace: true,
+    template: "<div class=\"ring-error-bubble\" ng-class=\"{ active: active, 'ring-error-bubble_material': material }\" ng-style=\"style\">\n  <div ng-repeat=\"errorMessage in getFormErrorMessages(errorBubble().$error)\">{{ errorMessage }}</div>\n</div>",
+    link: function link(scope, iElement, iAttrs) {
+      scope.style = {};
+      var siblings = Array.from(iElement[0].parentNode.children);
+      var element;
+      var tagName;
+      for (var i = 0; i < siblings.length; i++) {
+        tagName = siblings[i].tagName.toLowerCase();
+        if (tagName === 'input' || tagName === 'textarea') {
+          element = siblings[i];
+          break;
+        }
+      }
+      scope.material = iAttrs.material !== undefined;
+      scope.$watch(function () {
+        var result = scope.errorBubble();
+        return result.$invalid && result.$dirty;
+      }, function (active) {
+        scope.active = active;
+        if (active && element) {
+          scope.style.left = element.offsetWidth + 2;
+        }
+      });
+      scope.getFormErrorMessages = getFormErrorMessages;
+    }
+  };
+}]);
+/**
+ * <input name="confirm" type="password" rg-equal-value="data.password" ng-model="data.confirm">
+ * Constraint to be user for confirm password fields.
+ */
+angularModule.directive('rgEqualValue', function rgEqualValueDirective() {
+  return {
+    require: 'ngModel',
+    link: function link(scope, iElement, iAttrs, ngModelCtrl) {
+      var element = iElement[0];
+      function assertEqual(thisValue, thatValue) {
+        ngModelCtrl.$setValidity('equalvalue', thisValue === thatValue);
+      }
+      scope.$watch(iAttrs.rgEqualValue, function (value) {
+        assertEqual(element.value, value);
+      });
+      element.addEventListener('keyup', function () {
+        var thatValue = scope.$eval(iAttrs.rgEqualValue);
+        scope.$apply(function () {
+          assertEqual(element.value, thatValue);
+        });
+      });
+    }
+  };
+});
+/**
+ * <input name="name" required type="text" ng-class="form.name | rgInputClass:submitted" ng-model="name">
+ *
+ * Is intended to be used for the value of ng-class. Accepts a reference to an angularJS form input
+ */
+angularModule.filter('rgInputClass', function () {
+  return function (input, submitted) {
+    return {
+      'ring-input': true,
+      'ring-input_error': input.$invalid && (input.$dirty || submitted),
+      'ring-input_correct': !input.$invalid && (input.$dirty || submitted)
+    };
+  };
+});
+/**
+ * <form rg-form-autofill-fix ...>
+ *
+ * Fixes Chrome bug: https://github.com/angular/angular.js/issues/1460
+ */
+angularModule.directive('rgFormAutofillFix', ["$timeout", function ($timeout) {
+  return {
+    require: '?form',
+    priority: 10,
+    link: function link($scope, element, attrs, form) {
+      if (form) {
+        var POLL_INTERVAL = 150;
+        var MAX_COUNT = 5;
+        var promise;
+        var count = 0;
+        (function poll() {
+          var filled;
+          angular.forEach(element.find('input'), function (elem) {
+            var $elem = angular.element(elem);
+            var controller = $elem.controller('ngModel');
+            var val = $elem.val();
+            var type = $elem.attr('type');
+            if (controller && val && type !== 'checkbox' && type !== 'radio') {
+              controller.$setViewValue(val);
+              filled = true;
+            }
+          });
+          if (!filled || count < MAX_COUNT) {
+            promise = $timeout(poll, POLL_INTERVAL);
+            count++;
+          }
+        })();
+        element.on('$destroy', function () {
+          $timeout.cancel(promise);
+        });
+      }
+    }
+  };
+}]);
+var Form = angularModule.name;
+
+export { Form as default };

package/dist/global/angular-component-factory.js

@@ -0,0 +1,99 @@
+import { _ as _defineProperty, a as _inherits, b as _createSuper, c as _classCallCheck, d as _createClass } from '../_helpers/_rollupPluginBabelHelpers.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.array.slice.js';
+import angular from 'angular';
+import React from 'react';
+import { unmountComponentAtNode, render } from './react-render-adapter.js';
+import RingAngularComponent from './ring-angular-component.js';
+import Renderer from './react-dom-renderer.js';
+import 'core-js/modules/es.array.iterator.js';
+import 'core-js/modules/es.weak-map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'react-dom';
+import 'core-js/modules/es.array.concat.js';
+import 'core-js/modules/es.array.from.js';
+import 'prop-types';
+
+function getAngularComponentName(name) {
+  return "rg".concat(name);
+}
+function createAngularComponent(Component) {
+  var propKeys = Object.keys(Component.propTypes);
+  var bindings = {};
+  propKeys.forEach(function (key) {
+    bindings[key] = '<';
+  });
+  var AngularComponent = /*#__PURE__*/function (_RingAngularComponent) {
+    _inherits(AngularComponent, _RingAngularComponent);
+    var _super = _createSuper(AngularComponent);
+    function AngularComponent() {
+      _classCallCheck(this, AngularComponent);
+      return _super.apply(this, arguments);
+    }
+    _createClass(AngularComponent, [{
+      key: "$postLink",
+      value: function $postLink() {
+        var _this = this;
+        var $transclude = this.$inject.$transclude;
+        $transclude(function (clone) {
+          _this.container = document.createElement('div');
+          for (var i = 0; i < clone.length; i++) {
+            _this.container.appendChild(clone[i]);
+          }
+          _this.render();
+        });
+      }
+    }, {
+      key: "$onChanges",
+      value: function $onChanges() {
+        if (!this.container) {
+          return;
+        }
+        this.render();
+      }
+    }, {
+      key: "$onDestroy",
+      value: function $onDestroy() {
+        unmountComponentAtNode(this.$inject.$element[0]);
+      }
+    }, {
+      key: "render",
+      value: function render$1() {
+        var _this2 = this;
+        var _this$$inject = this.$inject,
+          $scope = _this$$inject.$scope,
+          container = _this$$inject.$element[0];
+        var props = {};
+        propKeys.forEach(function (key) {
+          if (_this2[key] !== undefined) {
+            if (typeof _this2[key] === 'function') {
+              props[key] = function () {
+                var ret = _this2[key].apply(_this2, arguments);
+                $scope.$applyAsync();
+                return ret;
+              };
+            } else {
+              props[key] = _this2[key];
+            }
+          }
+        });
+        var hasInnerContent = this.container.hasChildNodes();
+        render( /*#__PURE__*/React.createElement(Component, props, hasInnerContent ? /*#__PURE__*/React.createElement(Renderer, {
+          nodes: this.container.childNodes
+        }) : null), container);
+      }
+    }]);
+    return AngularComponent;
+  }(RingAngularComponent);
+  _defineProperty(AngularComponent, "bindings", bindings);
+  _defineProperty(AngularComponent, "transclude", true);
+  AngularComponent.$inject = ['$scope', '$element', '$transclude'];
+  return AngularComponent;
+}
+function angularComponentFactory(Component, name) {
+  var angularModuleName = "Ring.".concat(name[0].toLowerCase() + name.slice(1));
+  return angular.module(angularModuleName, []).component(getAngularComponentName(name), createAngularComponent(Component));
+}
+
+export { createAngularComponent, angularComponentFactory as default };

package/dist/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/dist/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/dist/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/dist/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/dist/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;

package/dist/global/controls-height.js

@@ -0,0 +1,19 @@
+import { createContext } from 'react';
+
+var ControlsHeight;
+(function (ControlsHeight) {
+  ControlsHeight["S"] = "S";
+  ControlsHeight["M"] = "M";
+  ControlsHeight["L"] = "L";
+})(ControlsHeight || (ControlsHeight = {}));
+var ControlsHeightContext = /*#__PURE__*/createContext(ControlsHeight.M);
+var 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;
+}
+function getGlobalControlsHeight() {
+  return globalControlsHeight;
+}
+
+export { ControlsHeight, ControlsHeightContext, configureGlobalControlsHeight, getGlobalControlsHeight };

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

@@ -0,0 +1,27 @@
+import React, { ReactNode } from 'react';
+import PropTypes from 'prop-types';
+type Update<T> = (value: T) => void;
+export interface ProviderProps {
+    children: ReactNode;
+}
+export interface UpdaterProps<T> {
+    value: T;
+    skipUpdate?: boolean;
+}
+export default function createStatefulContext<T>(initialValue: T, name?: string): {
+    ValueContext: React.Context<T>;
+    UpdateContext: React.Context<Update<T>>;
+    Provider: {
+        ({ children }: ProviderProps): React.JSX.Element;
+        propTypes: {
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        };
+        displayName: string;
+    };
+    useUpdate: (value: T, skipUpdate?: boolean) => void;
+    Updater: React.MemoExoticComponent<{
+        ({ value, skipUpdate }: UpdaterProps<T>): null;
+        displayName: string;
+    }>;
+};
+export {};

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

@@ -0,0 +1,49 @@
+import { j as _slicedToArray } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { memo, createContext, useState, useContext, useEffect } from 'react';
+import PropTypes from 'prop-types';
+
+function createStatefulContext(initialValue) {
+  var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var ValueContext = /*#__PURE__*/createContext(initialValue);
+  var UpdateContext = /*#__PURE__*/createContext(function () {});
+  function Provider(_ref) {
+    var children = _ref.children;
+    var _useState = useState(initialValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      update = _useState2[1];
+    return /*#__PURE__*/React.createElement(ValueContext.Provider, {
+      value: value
+    }, /*#__PURE__*/React.createElement(UpdateContext.Provider, {
+      value: update
+    }, children));
+  }
+  Provider.propTypes = {
+    children: PropTypes.node
+  };
+  Provider.displayName = "".concat(name, "Provider");
+  function useUpdate(value, skipUpdate) {
+    var update = useContext(UpdateContext);
+    useEffect(function () {
+      if (!skipUpdate) {
+        update(value);
+      }
+    }, [update, value, skipUpdate]);
+  }
+  function Updater(_ref2) {
+    var value = _ref2.value,
+      skipUpdate = _ref2.skipUpdate;
+    useUpdate(value, skipUpdate);
+    return null;
+  }
+  Updater.displayName = "".concat(name, "Updater");
+  return {
+    ValueContext,
+    UpdateContext,
+    Provider,
+    useUpdate,
+    Updater: /*#__PURE__*/memo(Updater)
+  };
+}
+
+export { createStatefulContext as default };