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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +1 -1
  2. package/components/_helpers/header.js +1 -1
  3. package/components/_helpers/table.js +1 -1
  4. package/components/_helpers/theme.js +33 -20
  5. package/components/auth/auth__core.d.ts +3 -3
  6. package/components/auth/auth__core.js +31 -39
  7. package/components/data-list/data-list.d.ts +4 -4
  8. package/components/dialog/dialog.js +1 -0
  9. package/components/form/form.js +1 -1
  10. package/components/global/theme.d.ts +3 -0
  11. package/components/global/theme.js +1 -1
  12. package/components/header/header-icon.d.ts +32 -0
  13. package/components/header/header-icon.js +56 -0
  14. package/components/header/header.d.ts +3 -0
  15. package/components/header/header.js +7 -5
  16. package/components/header/links.d.ts +2 -0
  17. package/components/header/links.js +17 -0
  18. package/components/header/profile.js +2 -1
  19. package/components/header/services.js +3 -3
  20. package/components/header/smart-services.js +1 -1
  21. package/components/header/tray-icon.d.ts +1 -32
  22. package/components/header/tray-icon.js +8 -38
  23. package/components/heading/heading.d.ts +1 -4
  24. package/components/heading/heading.js +9 -21
  25. package/components/input/input-legacy.js +1 -1
  26. package/components/input-size/input-size.js +1 -1
  27. package/components/island/adaptive-island-hoc.d.ts +4 -4
  28. package/components/island/island.d.ts +4 -4
  29. package/components/link/link.d.ts +8 -8
  30. package/components/old-browsers-message/white-list.js +2 -2
  31. package/components/pager/pager.d.ts +1 -0
  32. package/components/pager/pager.js +1 -1
  33. package/components/scrollable-section/scrollable-section.d.ts +2 -0
  34. package/components/scrollable-section/scrollable-section.js +63 -0
  35. package/components/select/select.js +22 -17
  36. package/components/shortcuts/shortcuts-hoc.d.ts +4 -4
  37. package/components/style.css +1 -1
  38. package/components/table/disable-hover-hoc.d.ts +4 -4
  39. package/components/table/simple-table.d.ts +61 -0
  40. package/components/table/simple-table.js +124 -0
  41. package/components/table/smart-table.d.ts +2 -0
  42. package/components/table/table.d.ts +9 -4
  43. package/components/table/table.js +9 -3
  44. package/components/toggle/toggle.js +1 -1
  45. package/components/tooltip/tooltip.js +3 -3
  46. package/package.json +3 -3
@@ -84,7 +84,7 @@ import '../dropdown/dropdown.js';
84
84
  import '../global/typescript-utils.js';
85
85
  import '../_helpers/anchor.js';
86
86
  import '@jetbrains/icons/chevron-10px';
87
- import './tray-icon.js';
87
+ import './header-icon.js';
88
88
  import '../_helpers/header.js';
89
89
  import '../_helpers/services-link.js';
90
90
  import 'core-js/modules/es.string.search.js';
@@ -1,32 +1 @@
1
- import { Component } from 'react';
2
- import PropTypes from 'prop-types';
3
- import { ButtonAttrs } from '../button/button';
4
- import { IconType } from '../icon/icon';
5
- export interface TrayIconSpecificProps {
6
- icon: string | IconType;
7
- rotatable?: boolean | null | undefined;
8
- }
9
- export default class TrayIcon extends Component<ButtonAttrs & TrayIconSpecificProps> {
10
- static propTypes: {
11
- icon: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactComponentLike | null | undefined>>>;
12
- rotatable: PropTypes.Requireable<boolean>;
13
- active: PropTypes.Requireable<boolean>;
14
- danger: PropTypes.Requireable<boolean>;
15
- delayed: PropTypes.Requireable<boolean>;
16
- loader: PropTypes.Requireable<boolean>;
17
- primary: PropTypes.Requireable<boolean>;
18
- short: PropTypes.Requireable<boolean>;
19
- text: PropTypes.Requireable<boolean>;
20
- inline: PropTypes.Requireable<boolean>;
21
- dropdown: PropTypes.Requireable<boolean>;
22
- href: PropTypes.Requireable<string>;
23
- target: PropTypes.Requireable<string>;
24
- iconSize: PropTypes.Requireable<number>;
25
- iconClassName: PropTypes.Requireable<string>;
26
- iconSuppressSizeWarning: PropTypes.Requireable<boolean>;
27
- className: PropTypes.Requireable<string>;
28
- children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
29
- onClick: PropTypes.Requireable<(...args: any[]) => any>;
30
- };
31
- render(): import("react").JSX.Element;
32
- }
1
+ export { type HeaderIconSpecificProps as TrayIconSpecificProps, default } from './header-icon';
@@ -1,10 +1,9 @@
1
- import { _ as _defineProperty, d as _objectSpread2, a as _inherits, b as _createClass, c as _objectWithoutProperties, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
2
- import { Component } from 'react';
3
- import PropTypes from 'prop-types';
4
- import classNames from 'classnames';
5
- import { Button } from '../button/button.js';
6
- import { m as modules_47759f5e } from '../_helpers/header.js';
7
- import { jsx } from 'react/jsx-runtime';
1
+ export { default } from './header-icon.js';
2
+ import '../_helpers/_rollupPluginBabelHelpers.js';
3
+ import 'react';
4
+ import 'prop-types';
5
+ import 'classnames';
6
+ import '../button/button.js';
8
7
  import 'core-js/modules/es.array.concat.js';
9
8
  import '@jetbrains/icons/chevron-down';
10
9
  import '../icon/icon.js';
@@ -20,37 +19,8 @@ import 'core-js/modules/es.map.js';
20
19
  import 'core-js/modules/es.object.to-string.js';
21
20
  import 'core-js/modules/es.weak-map.js';
22
21
  import 'core-js/modules/web.dom-collections.iterator.js';
22
+ import 'react/jsx-runtime';
23
23
  import '../link/clickableLink.js';
24
24
  import '../global/controls-height.js';
25
25
  import '../_helpers/button__classes.js';
26
-
27
- var _excluded = ["className", "rotatable"];
28
- var TrayIcon = /*#__PURE__*/function (_Component) {
29
- function TrayIcon() {
30
- _classCallCheck(this, TrayIcon);
31
- return _callSuper(this, TrayIcon, arguments);
32
- }
33
- _inherits(TrayIcon, _Component);
34
- return _createClass(TrayIcon, [{
35
- key: "render",
36
- value: function render() {
37
- var _this$props = this.props,
38
- className = _this$props.className,
39
- rotatable = _this$props.rotatable,
40
- restProps = _objectWithoutProperties(_this$props, _excluded);
41
- var classes = classNames(modules_47759f5e.icon, className, {
42
- [modules_47759f5e.rotatable]: rotatable,
43
- [modules_47759f5e.rotated]: rotatable && restProps.active
44
- });
45
- return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({}, restProps), {}, {
46
- className: classes
47
- }));
48
- }
49
- }]);
50
- }(Component);
51
- _defineProperty(TrayIcon, "propTypes", _objectSpread2(_objectSpread2({}, Button.propTypes), {}, {
52
- icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]).isRequired,
53
- rotatable: PropTypes.bool
54
- }));
55
-
56
- export { TrayIcon as default };
26
+ import '../_helpers/header.js';
@@ -15,10 +15,7 @@ declare const Heading: ComponentType<HeadingProps> & {
15
15
  Levels: typeof Levels;
16
16
  };
17
17
  export default Heading;
18
- export interface H1Props extends HTMLAttributes<HTMLHeadingElement> {
19
- caps?: boolean | null | undefined;
20
- }
21
- declare const H1: import("react").NamedExoticComponent<H1Props>;
18
+ declare const H1: import("react").NamedExoticComponent<HTMLAttributes<HTMLHeadingElement>>;
22
19
  declare const H2: import("react").NamedExoticComponent<HTMLAttributes<HTMLHeadingElement>>;
23
20
  declare const H3: import("react").NamedExoticComponent<HTMLAttributes<HTMLHeadingElement>>;
24
21
  export interface H4Props extends HTMLAttributes<HTMLHeadingElement> {
@@ -1,4 +1,4 @@
1
- import { c as _objectWithoutProperties, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
1
+ import { d as _objectSpread2, c as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
2
2
  import { memo } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import classNames from 'classnames';
@@ -7,8 +7,7 @@ import { m as modules_901b77ec } from '../_helpers/heading.js';
7
7
  import { jsx } from 'react/jsx-runtime';
8
8
 
9
9
  var _excluded = ["children", "className", "level"],
10
- _excluded2 = ["className", "caps"],
11
- _excluded3 = ["className", "bold"];
10
+ _excluded2 = ["className", "bold"];
12
11
  var Levels;
13
12
  (function (Levels) {
14
13
  Levels[Levels["H1"] = 1] = "H1";
@@ -39,20 +38,9 @@ Heading.propTypes = {
39
38
  level: PropTypes.oneOf([Levels.H1, Levels.H2, Levels.H3, Levels.H4])
40
39
  };
41
40
  Heading.Levels = Levels;
42
- var warnCaps = deprecate(function () {}, 'H1 caps prop is deprecated and will be removed in Ring UI 7.0');
43
- var H1 = /*#__PURE__*/memo(function H1(_ref2) {
44
- var className = _ref2.className,
45
- caps = _ref2.caps,
46
- restProps = _objectWithoutProperties(_ref2, _excluded2);
47
- if (caps) {
48
- warnCaps();
49
- }
50
- var classes = classNames(className, {
51
- [modules_901b77ec.caps]: caps
52
- });
53
- return /*#__PURE__*/jsx(Heading, _objectSpread2(_objectSpread2({}, restProps), {}, {
54
- level: Levels.H1,
55
- className: classes
41
+ var H1 = /*#__PURE__*/memo(function H1(props) {
42
+ return /*#__PURE__*/jsx(Heading, _objectSpread2(_objectSpread2({}, props), {}, {
43
+ level: Levels.H1
56
44
  }));
57
45
  });
58
46
  var H2 = /*#__PURE__*/memo(function H2(props) {
@@ -65,10 +53,10 @@ var H3 = /*#__PURE__*/memo(function H3(props) {
65
53
  level: Levels.H3
66
54
  }));
67
55
  });
68
- var H4 = /*#__PURE__*/memo(function H4(_ref3) {
69
- var className = _ref3.className,
70
- bold = _ref3.bold,
71
- restProps = _objectWithoutProperties(_ref3, _excluded3);
56
+ var H4 = /*#__PURE__*/memo(function H4(_ref2) {
57
+ var className = _ref2.className,
58
+ bold = _ref2.bold,
59
+ restProps = _objectWithoutProperties(_ref2, _excluded2);
72
60
  var classes = classNames(className, {
73
61
  [modules_901b77ec.bold]: bold
74
62
  });
@@ -1,4 +1,4 @@
1
- var css = ".light_rui_2ac4,:root{--ring-unit:8px;--ring-line-components:223,229,235;--ring-line-color:rgb(var(--ring-line-components));--ring-borders-components:197,209,219;--ring-borders-color:rgb(var(--ring-borders-components));--ring-icon-components:132,150,173;--ring-icon-color:rgb(var(--ring-icon-components));--ring-icon-secondary-components:153,153,153;--ring-icon-secondary-color:rgb(var(--ring-icon-secondary-components));--ring-border-disabled-components:232,232,232;--ring-border-disabled-color:rgb(var(--ring-border-disabled-components));--ring-border-selected-disabled-components:199,199,199;--ring-border-selected-disabled-color:rgb(var(--ring-border-selected-disabled-components));--ring-icon-disabled-components:212,212,212;--ring-icon-disabled-color:rgb(var(--ring-icon-disabled-components));--ring-border-hover-components:128,198,255;--ring-border-hover-color:rgb(var(--ring-border-hover-components));--ring-icon-hover-components:var(--ring-link-hover-color);--ring-icon-hover-color:var(--ring-link-hover-color);--ring-main-components:0,128,229;--ring-main-color:rgb(var(--ring-main-components));--ring-action-link-components:var(--ring-main-components);--ring-action-link-color:rgb(var(--ring-main-components));--ring-main-hover-components:0,112,204;--ring-main-hover-color:rgb(var(--ring-main-hover-components));--ring-icon-error-components:219,88,96;--ring-icon-error-color:rgb(var(--ring-icon-error-components));--ring-icon-warning-components:237,162,0;--ring-icon-warning-color:rgb(var(--ring-icon-warning-components));--ring-icon-success-components:89,168,105;--ring-icon-success-color:rgb(var(--ring-icon-success-components));--ring-pale-control-components:207,219,229;--ring-pale-control-color:rgb(var(--ring-pale-control-components));--ring-popup-border-components:0,28,54;--ring-popup-border-color:var(--ring-line-color);--ring-popup-shadow-components:rgba(var(--ring-popup-border-components),0.1);--ring-popup-shadow-color:rgba(var(--ring-popup-border-components),0.1);--ring-popup-secondary-shadow-color:rgba(var(--ring-popup-border-components),0.04);--ring-message-shadow-color:rgba(var(--ring-popup-border-components),0.3);--ring-pinned-shadow-components:115,117,119;--ring-pinned-shadow-color:rgb(var(--ring-pinned-shadow-components));--ring-button-danger-hover-components:var(--ring-icon-error-color);--ring-button-danger-hover-color:var(--ring-icon-error-color);--ring-button-primary-border-components:0,98,178;--ring-button-primary-border-color:rgb(var(--ring-button-primary-border-components));--ring-dialog-overlay-components:0,0,0;--ring-dialog-overlay-opacity:0.4;--ring-popup-shadow:0 2px 8px var(--ring-popup-shadow-color),0 1px 2px var(--ring-popup-secondary-shadow-color);--ring-dialog-shadow:0 4px 24px var(--ring-popup-shadow-color),0 2px 6px var(--ring-popup-secondary-shadow-color);--ring-search-components:102,158,204;--ring-search-color:rgb(var(--ring-search-components));--ring-hint-components:64,99,128;--ring-hint-color:rgb(var(--ring-hint-components));--ring-link-components:15,91,153;--ring-link-color:rgb(var(--ring-link-components));--ring-link-hover-components:255,0,140;--ring-link-hover-color:rgb(var(--ring-link-hover-components));--ring-error-components:169,15,26;--ring-error-color:rgb(var(--ring-error-components));--ring-warning-components:178,92,0;--ring-warning-color:rgb(var(--ring-warning-components));--ring-success-components:12,117,35;--ring-success-color:rgb(var(--ring-success-components));--ring-text-components:31,35,38;--ring-text-color:rgb(var(--ring-text-components));--ring-active-text-color:var(--ring-text-color);--ring-white-text-components:255,255,255;--ring-white-text-color:rgb(var(--ring-white-text-components));--ring-heading-color:var(--ring-text-color);--ring-secondary-components:115,117,119;--ring-secondary-color:rgb(var(--ring-secondary-components));--ring-disabled-components:153,153,153;--ring-disabled-color:rgb(var(--ring-disabled-components));--ring-content-background-components:255,255,255;--ring-content-background-color:rgb(var(--ring-content-background-components));--ring-popup-background-components:255,255,255;--ring-popup-background-color:rgb(var(--ring-popup-background-components));--ring-sidebar-background-components:247,249,250;--ring-sidebar-background-color:rgb(var(--ring-sidebar-background-components));--ring-selected-background-components:212,237,255;--ring-selected-background-color:rgb(var(--ring-selected-background-components));--ring-hover-background-components:235,246,255;--ring-hover-background-color:rgb(var(--ring-hover-background-components));--ring-navigation-background-components:255,255,255;--ring-navigation-background-color:rgb(var(--ring-navigation-background-components));--ring-tag-background-components:230,236,242;--ring-tag-background-color:rgb(var(--ring-tag-background-components));--ring-tag-hover-background-components:211,218,224;--ring-tag-hover-background-color:rgb(var(--ring-tag-hover-background-components));--ring-removed-background-components:255,213,203;--ring-removed-background-color:rgb(var(--ring-removed-background-components));--ring-warning-background-components:250,236,205;--ring-warning-background-color:rgb(var(--ring-warning-background-components));--ring-added-background-components:216,240,216;--ring-added-background-color:rgb(var(--ring-added-background-components));--ring-disabled-background-components:245,245,245;--ring-disabled-background-color:rgb(var(--ring-disabled-background-components));--ring-disabled-selected-background-components:232,232,232;--ring-disabled-selected-background-color:rgb(var(--ring-disabled-selected-background-components));--ring-button-danger-active-components:255,231,232;--ring-button-danger-active-color:rgb(var(--ring-button-danger-active-components));--ring-button-loader-background-components:51,163,255;--ring-button-loader-background:rgb(var(--ring-button-loader-background-components));--ring-button-primary-background-components:26,152,255;--ring-button-primary-background-color:rgb(var(--ring-button-primary-background-components));--ring-table-loader-background-color:rgba(var(--ring-content-background-components),0.5);--ring-code-background-color:var(--ring-content-background-color);--ring-code-components:0,0,0;--ring-code-color:rgb(var(--ring-code-components));--ring-code-comment-components:112,112,112;--ring-code-comment-color:rgb(var(--ring-code-comment-components));--ring-code-meta-components:112,112,112;--ring-code-meta-color:rgb(var(--ring-code-meta-components));--ring-code-keyword-components:0,0,128;--ring-code-keyword-color:rgb(var(--ring-code-keyword-components));--ring-code-tag-background-components:239,239,239;--ring-code-tag-background-color:rgb(var(--ring-code-tag-background-components));--ring-code-tag-color:var(--ring-code-keyword-color);--ring-code-tag-font-weight:var(--ring-font-weight-bold);--ring-code-field-components:102,14,122;--ring-code-field-color:rgb(var(--ring-code-field-components));--ring-code-attribute-components:0,0,255;--ring-code-attribute-color:rgb(var(--ring-code-attribute-components));--ring-code-number-color:var(--ring-code-attribute-color);--ring-code-string-components:0,122,0;--ring-code-string-color:rgb(var(--ring-code-string-components));--ring-code-addition-components:170,222,170;--ring-code-addition-color:rgb(var(--ring-code-addition-components));--ring-code-deletion-components:200,200,200;--ring-code-deletion-color:rgb(var(--ring-code-deletion-components));--ring-border-radius:4px;--ring-border-radius-small:2px;--ring-font-size-larger:16px;--ring-font-size:14px;--ring-font-size-smaller:12px;--ring-line-height-taller:24px;--ring-line-height:20px;--ring-line-height-lower:18px;--ring-line-height-lowest:16px;--ring-ease:0.3s ease-out;--ring-fast-ease:0.15s ease-out;--ring-font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;--ring-font-family-monospace:Menlo,\"Bitstream Vera Sans Mono\",\"Ubuntu Mono\",Consolas,\"Courier New\",Courier,monospace;--ring-font-weight-bold:600;--ring-invisible-element-z-index:-1;--ring-fixed-z-index:1;--ring-overlay-z-index:5;--ring-alert-z-index:6}.ring-input{--ring-input-padding-block:1px;--ring-input-padding-inline:var(--ring-unit);--ring-input-padding-start:var(--ring-input-padding-inline);--ring-input-padding-end:var(--ring-input-padding-inline);background-color:var(--ring-content-background-color);border:1px solid var(--ring-borders-color);border-radius:var(--ring-border-radius);box-sizing:border-box;caret-color:var(--ring-main-color);color:var(--ring-text-color);font:inherit;font-size:var(--ring-font-size);line-height:var(--ring-line-height);margin:0;outline:none;padding:var(--ring-input-padding-block) var(--ring-input-padding-end) var(--ring-input-padding-block) var(--ring-input-padding-start);transition:border-color var(--ring-ease);width:100%}[dir=rtl] .ring-input{padding-left:var(--ring-input-padding-end);padding-right:var(--ring-input-padding-start)}@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.ring-input:hover{border-color:var(--ring-border-hover-color);transition:none}}}.error_rui_cc63 .ring-input{border-color:var(--ring-icon-error-color)}.ring-input:focus{border-color:var(--ring-main-color);transition:none}[disabled].ring-input{-webkit-text-fill-color:var(--ring-disabled-color);background-color:var(--ring-disabled-background-color);border-color:var(--ring-border-disabled-color);color:var(--ring-disabled-color)}@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.ring-input:-webkit-autofill:hover{-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}}}.ring-input:-webkit-autofill,.ring-input:-webkit-autofill:focus{-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}.ring-input_error{border-color:var(--ring-icon-error-color)}.ring-input_filter-popup{min-width:200px;width:100%}.ring-input.ring-input:disabled,.ring-input.ring-input[disabled],.ring-input.ring-input_disabled{-webkit-text-fill-color:var(--ring-disabled-color);background-color:var(--ring-disabled-background-color);border-color:var(--ring-border-disabled-color);color:var(--ring-disabled-color)}textarea.ring-input{box-sizing:border-box;min-height:calc(var(--ring-unit)*8);resize:none}.ring-input::placeholder{color:var(--ring-disabled-color)}";
1
+ var css = ".light_rui_2ac4,:root{--ring-unit:8px;--ring-line-components:223,225,229;--ring-line-color:rgb(var(--ring-line-components));--ring-borders-components:211,213,219;--ring-borders-color:rgb(var(--ring-borders-components));--ring-icon-components:129,133,148;--ring-icon-color:rgb(var(--ring-icon-components));--ring-icon-white-components:255,255,255;--ring-icon-white-color:rgb(var(--ring-icon-white-components));--ring-icon-secondary-components:129,133,148;--ring-icon-secondary-color:rgb(var(--ring-icon-secondary-components));--ring-border-disabled-components:235,236,240;--ring-border-disabled-color:rgb(var(--ring-border-disabled-components));--ring-border-selected-disabled-components:201,204,214;--ring-border-selected-disabled-color:rgb(var(--ring-border-selected-disabled-components));--ring-icon-disabled-components:211,213,219;--ring-icon-disabled-color:rgb(var(--ring-icon-disabled-components));--ring-border-hover-components:160,189,248;--ring-border-hover-color:rgb(var(--ring-border-hover-components));--ring-icon-hover-components:90,93,107;--ring-icon-hover-color:rgb(var(--ring-icon-hover-components));--ring-main-components:53,116,240;--ring-main-color:rgb(var(--ring-main-components));--ring-action-link-components:46,85,163;--ring-action-link-color:rgb(var(--ring-action-link-components));--ring-main-hover-components:51,105,214;--ring-main-hover-color:rgb(var(--ring-main-hover-components));--ring-icon-error-components:219,59,75;--ring-icon-error-color:rgb(var(--ring-icon-error-components));--ring-icon-warning-components:255,175,15;--ring-icon-warning-color:rgb(var(--ring-icon-warning-components));--ring-icon-success-components:85,167,106;--ring-icon-success-color:rgb(var(--ring-icon-success-components));--ring-pale-control-components:194,214,252;--ring-pale-control-color:rgb(var(--ring-pale-control-components));--ring-popup-border-components:0,28,54;--ring-popup-border-color:var(--ring-line-color);--ring-popup-shadow-components:rgba(var(--ring-popup-border-components),0.1);--ring-popup-shadow-color:rgba(var(--ring-popup-border-components),0.1);--ring-popup-secondary-shadow-color:rgba(var(--ring-popup-border-components),0.04);--ring-message-shadow-color:rgba(var(--ring-popup-border-components),0.3);--ring-pinned-shadow-components:108,112,126;--ring-pinned-shadow-color:rgb(var(--ring-pinned-shadow-components));--ring-button-danger-hover-components:var(--ring-icon-error-color);--ring-button-danger-hover-color:var(--ring-icon-error-color);--ring-button-primary-border-components:49,95,189;--ring-button-primary-border-color:rgb(var(--ring-button-primary-border-components));--ring-dialog-overlay-components:0,0,0;--ring-dialog-overlay-opacity:0.4;--ring-popup-shadow:0 2px 8px var(--ring-popup-shadow-color),0 1px 2px var(--ring-popup-secondary-shadow-color);--ring-dialog-shadow:0 4px 24px var(--ring-popup-shadow-color),0 2px 6px var(--ring-popup-secondary-shadow-color);--ring-search-components:112,156,245;--ring-search-color:rgb(var(--ring-search-components));--ring-hint-components:46,85,163;--ring-hint-color:rgb(var(--ring-hint-components));--ring-link-components:46,85,163;--ring-link-color:rgb(var(--ring-link-components));--ring-link-hover-components:34,60,114;--ring-link-hover-color:rgb(var(--ring-link-hover-components));--ring-error-components:204,54,69;--ring-error-color:rgb(var(--ring-error-components));--ring-warning-components:164,103,4;--ring-warning-color:rgb(var(--ring-warning-components));--ring-success-components:31,117,54;--ring-success-color:rgb(var(--ring-success-components));--ring-text-components:39,40,46;--ring-text-color:rgb(var(--ring-text-components));--ring-active-text-color:var(--ring-text-color);--ring-white-text-components:255,255,255;--ring-white-text-color:rgb(var(--ring-white-text-components));--ring-heading-color:var(--ring-text-color);--ring-secondary-components:108,112,126;--ring-secondary-color:rgb(var(--ring-secondary-components));--ring-disabled-components:168,173,189;--ring-disabled-color:rgb(var(--ring-disabled-components));--ring-content-background-components:255,255,255;--ring-content-background-color:rgb(var(--ring-content-background-components));--ring-popup-background-components:255,255,255;--ring-popup-background-color:rgb(var(--ring-popup-background-components));--ring-sidebar-background-components:247,248,250;--ring-sidebar-background-color:rgb(var(--ring-sidebar-background-components));--ring-selected-background-components:212,226,255;--ring-selected-background-color:rgb(var(--ring-selected-background-components));--ring-hover-background-components:237,243,255;--ring-hover-background-color:rgb(var(--ring-hover-background-components));--ring-navigation-background-components:255,255,255;--ring-navigation-background-color:rgb(var(--ring-navigation-background-components));--ring-tag-background-components:235,236,240;--ring-tag-background-color:rgb(var(--ring-tag-background-components));--ring-tag-hover-background-components:211,213,219;--ring-tag-hover-background-color:rgb(var(--ring-tag-hover-background-components));--ring-removed-background-components:250,212,216;--ring-removed-background-color:rgb(var(--ring-removed-background-components));--ring-warning-background-components:255,241,209;--ring-warning-background-color:rgb(var(--ring-warning-background-components));--ring-added-background-components:197,229,204;--ring-added-background-color:rgb(var(--ring-added-background-components));--ring-disabled-background-components:247,248,250;--ring-disabled-background-color:rgb(var(--ring-disabled-background-components));--ring-disabled-selected-background-components:235,236,240;--ring-disabled-selected-background-color:rgb(var(--ring-disabled-selected-background-components));--ring-button-danger-active-components:250,212,216;--ring-button-danger-active-color:rgb(var(--ring-button-danger-active-components));--ring-button-loader-background-components:70,130,250;--ring-button-loader-background:rgb(var(--ring-button-loader-background-components));--ring-button-primary-background-components:53,116,240;--ring-button-primary-background-color:rgb(var(--ring-button-primary-background-components));--ring-table-loader-background-color:rgba(var(--ring-content-background-components),0.5);--ring-removed-subtle-background-components:255,247,247;--ring-removed-subtle-background-color:rgb(var(--ring-removed-subtle-background-components));--ring-warning-subtle-background-components:255,250,235;--ring-warning-subtle-background-color:rgb(var(--ring-warning-subtle-background-components));--ring-added-subtle-background-components:242,252,243;--ring-added-subtle-background-color:rgb(var(--ring-added-subtle-background-components));--ring-code-background-color:var(--ring-content-background-color);--ring-code-components:0,0,0;--ring-code-color:rgb(var(--ring-code-components));--ring-code-comment-components:140,140,140;--ring-code-comment-color:rgb(var(--ring-code-comment-components));--ring-code-meta-components:158,136,13;--ring-code-meta-color:rgb(var(--ring-code-meta-components));--ring-code-keyword-components:0,51,179;--ring-code-keyword-color:rgb(var(--ring-code-keyword-components));--ring-code-tag-background-components:235,236,240;--ring-code-tag-background-color:rgb(var(--ring-code-tag-background-components));--ring-code-tag-color:var(--ring-code-keyword-color);--ring-code-tag-font-weight:var(--ring-font-weight-bold);--ring-code-field-components:135,16,148;--ring-code-field-color:rgb(var(--ring-code-field-components));--ring-code-attribute-components:23,80,235;--ring-code-attribute-color:rgb(var(--ring-code-attribute-components));--ring-code-number-color:var(--ring-code-attribute-color);--ring-code-string-components:6,125,23;--ring-code-string-color:rgb(var(--ring-code-string-components));--ring-code-addition-components:197,229,204;--ring-code-addition-color:rgb(var(--ring-code-addition-components));--ring-code-deletion-components:223,225,229;--ring-code-deletion-color:rgb(var(--ring-code-deletion-components));--ring-border-radius:4px;--ring-border-radius-small:2px;--ring-font-size-larger:16px;--ring-font-size:14px;--ring-font-size-smaller:12px;--ring-line-height-taller:24px;--ring-line-height:20px;--ring-line-height-lower:18px;--ring-line-height-lowest:16px;--ring-ease:0.3s ease-out;--ring-fast-ease:0.15s ease-out;--ring-font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;--ring-font-family-monospace:Menlo,\"Bitstream Vera Sans Mono\",\"Ubuntu Mono\",Consolas,\"Courier New\",Courier,monospace;--ring-font-weight-bold:600;--ring-invisible-element-z-index:-1;--ring-fixed-z-index:1;--ring-overlay-z-index:5;--ring-alert-z-index:6}.ring-input{--ring-input-padding-block:1px;--ring-input-padding-inline:var(--ring-unit);--ring-input-padding-start:var(--ring-input-padding-inline);--ring-input-padding-end:var(--ring-input-padding-inline);background-color:var(--ring-content-background-color);border:1px solid var(--ring-borders-color);border-radius:var(--ring-border-radius);box-sizing:border-box;caret-color:var(--ring-main-color);color:var(--ring-text-color);font:inherit;font-size:var(--ring-font-size);line-height:var(--ring-line-height);margin:0;outline:none;padding:var(--ring-input-padding-block) var(--ring-input-padding-end) var(--ring-input-padding-block) var(--ring-input-padding-start);transition:border-color var(--ring-ease);width:100%}[dir=rtl] .ring-input{padding-left:var(--ring-input-padding-end);padding-right:var(--ring-input-padding-start)}@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.ring-input:hover{border-color:var(--ring-border-hover-color);transition:none}}}.error_rui_cc63 .ring-input{border-color:var(--ring-icon-error-color)}.ring-input:focus{border-color:var(--ring-main-color);transition:none}[disabled].ring-input{-webkit-text-fill-color:var(--ring-disabled-color);background-color:var(--ring-disabled-background-color);border-color:var(--ring-border-disabled-color);color:var(--ring-disabled-color)}@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.ring-input:-webkit-autofill:hover{-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}}}.ring-input:-webkit-autofill,.ring-input:-webkit-autofill:focus{-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}.ring-input_error{border-color:var(--ring-icon-error-color)}.ring-input_filter-popup{min-width:200px;width:100%}.ring-input.ring-input:disabled,.ring-input.ring-input[disabled],.ring-input.ring-input_disabled{-webkit-text-fill-color:var(--ring-disabled-color);background-color:var(--ring-disabled-background-color);border-color:var(--ring-border-disabled-color);color:var(--ring-disabled-color)}textarea.ring-input{box-sizing:border-box;min-height:calc(var(--ring-unit)*8);resize:none}.ring-input::placeholder{color:var(--ring-disabled-color)}";
2
2
  var modules_7dcda5db = {"light":"light_rui_2ac4","error":"error_rui_cc63"};
3
3
 
4
4
  export { css, modules_7dcda5db as default };
@@ -1,4 +1,4 @@
1
- var css = ".light_rui_2ac4,:root{--ring-unit:8px;--ring-line-components:223,229,235;--ring-line-color:rgb(var(--ring-line-components));--ring-borders-components:197,209,219;--ring-borders-color:rgb(var(--ring-borders-components));--ring-icon-components:132,150,173;--ring-icon-color:rgb(var(--ring-icon-components));--ring-icon-secondary-components:153,153,153;--ring-icon-secondary-color:rgb(var(--ring-icon-secondary-components));--ring-border-disabled-components:232,232,232;--ring-border-disabled-color:rgb(var(--ring-border-disabled-components));--ring-border-selected-disabled-components:199,199,199;--ring-border-selected-disabled-color:rgb(var(--ring-border-selected-disabled-components));--ring-icon-disabled-components:212,212,212;--ring-icon-disabled-color:rgb(var(--ring-icon-disabled-components));--ring-border-hover-components:128,198,255;--ring-border-hover-color:rgb(var(--ring-border-hover-components));--ring-icon-hover-components:var(--ring-link-hover-color);--ring-icon-hover-color:var(--ring-link-hover-color);--ring-main-components:0,128,229;--ring-main-color:rgb(var(--ring-main-components));--ring-action-link-components:var(--ring-main-components);--ring-action-link-color:rgb(var(--ring-main-components));--ring-main-hover-components:0,112,204;--ring-main-hover-color:rgb(var(--ring-main-hover-components));--ring-icon-error-components:219,88,96;--ring-icon-error-color:rgb(var(--ring-icon-error-components));--ring-icon-warning-components:237,162,0;--ring-icon-warning-color:rgb(var(--ring-icon-warning-components));--ring-icon-success-components:89,168,105;--ring-icon-success-color:rgb(var(--ring-icon-success-components));--ring-pale-control-components:207,219,229;--ring-pale-control-color:rgb(var(--ring-pale-control-components));--ring-popup-border-components:0,28,54;--ring-popup-border-color:var(--ring-line-color);--ring-popup-shadow-components:rgba(var(--ring-popup-border-components),0.1);--ring-popup-shadow-color:rgba(var(--ring-popup-border-components),0.1);--ring-popup-secondary-shadow-color:rgba(var(--ring-popup-border-components),0.04);--ring-message-shadow-color:rgba(var(--ring-popup-border-components),0.3);--ring-pinned-shadow-components:115,117,119;--ring-pinned-shadow-color:rgb(var(--ring-pinned-shadow-components));--ring-button-danger-hover-components:var(--ring-icon-error-color);--ring-button-danger-hover-color:var(--ring-icon-error-color);--ring-button-primary-border-components:0,98,178;--ring-button-primary-border-color:rgb(var(--ring-button-primary-border-components));--ring-dialog-overlay-components:0,0,0;--ring-dialog-overlay-opacity:0.4;--ring-popup-shadow:0 2px 8px var(--ring-popup-shadow-color),0 1px 2px var(--ring-popup-secondary-shadow-color);--ring-dialog-shadow:0 4px 24px var(--ring-popup-shadow-color),0 2px 6px var(--ring-popup-secondary-shadow-color);--ring-search-components:102,158,204;--ring-search-color:rgb(var(--ring-search-components));--ring-hint-components:64,99,128;--ring-hint-color:rgb(var(--ring-hint-components));--ring-link-components:15,91,153;--ring-link-color:rgb(var(--ring-link-components));--ring-link-hover-components:255,0,140;--ring-link-hover-color:rgb(var(--ring-link-hover-components));--ring-error-components:169,15,26;--ring-error-color:rgb(var(--ring-error-components));--ring-warning-components:178,92,0;--ring-warning-color:rgb(var(--ring-warning-components));--ring-success-components:12,117,35;--ring-success-color:rgb(var(--ring-success-components));--ring-text-components:31,35,38;--ring-text-color:rgb(var(--ring-text-components));--ring-active-text-color:var(--ring-text-color);--ring-white-text-components:255,255,255;--ring-white-text-color:rgb(var(--ring-white-text-components));--ring-heading-color:var(--ring-text-color);--ring-secondary-components:115,117,119;--ring-secondary-color:rgb(var(--ring-secondary-components));--ring-disabled-components:153,153,153;--ring-disabled-color:rgb(var(--ring-disabled-components));--ring-content-background-components:255,255,255;--ring-content-background-color:rgb(var(--ring-content-background-components));--ring-popup-background-components:255,255,255;--ring-popup-background-color:rgb(var(--ring-popup-background-components));--ring-sidebar-background-components:247,249,250;--ring-sidebar-background-color:rgb(var(--ring-sidebar-background-components));--ring-selected-background-components:212,237,255;--ring-selected-background-color:rgb(var(--ring-selected-background-components));--ring-hover-background-components:235,246,255;--ring-hover-background-color:rgb(var(--ring-hover-background-components));--ring-navigation-background-components:255,255,255;--ring-navigation-background-color:rgb(var(--ring-navigation-background-components));--ring-tag-background-components:230,236,242;--ring-tag-background-color:rgb(var(--ring-tag-background-components));--ring-tag-hover-background-components:211,218,224;--ring-tag-hover-background-color:rgb(var(--ring-tag-hover-background-components));--ring-removed-background-components:255,213,203;--ring-removed-background-color:rgb(var(--ring-removed-background-components));--ring-warning-background-components:250,236,205;--ring-warning-background-color:rgb(var(--ring-warning-background-components));--ring-added-background-components:216,240,216;--ring-added-background-color:rgb(var(--ring-added-background-components));--ring-disabled-background-components:245,245,245;--ring-disabled-background-color:rgb(var(--ring-disabled-background-components));--ring-disabled-selected-background-components:232,232,232;--ring-disabled-selected-background-color:rgb(var(--ring-disabled-selected-background-components));--ring-button-danger-active-components:255,231,232;--ring-button-danger-active-color:rgb(var(--ring-button-danger-active-components));--ring-button-loader-background-components:51,163,255;--ring-button-loader-background:rgb(var(--ring-button-loader-background-components));--ring-button-primary-background-components:26,152,255;--ring-button-primary-background-color:rgb(var(--ring-button-primary-background-components));--ring-table-loader-background-color:rgba(var(--ring-content-background-components),0.5);--ring-code-background-color:var(--ring-content-background-color);--ring-code-components:0,0,0;--ring-code-color:rgb(var(--ring-code-components));--ring-code-comment-components:112,112,112;--ring-code-comment-color:rgb(var(--ring-code-comment-components));--ring-code-meta-components:112,112,112;--ring-code-meta-color:rgb(var(--ring-code-meta-components));--ring-code-keyword-components:0,0,128;--ring-code-keyword-color:rgb(var(--ring-code-keyword-components));--ring-code-tag-background-components:239,239,239;--ring-code-tag-background-color:rgb(var(--ring-code-tag-background-components));--ring-code-tag-color:var(--ring-code-keyword-color);--ring-code-tag-font-weight:var(--ring-font-weight-bold);--ring-code-field-components:102,14,122;--ring-code-field-color:rgb(var(--ring-code-field-components));--ring-code-attribute-components:0,0,255;--ring-code-attribute-color:rgb(var(--ring-code-attribute-components));--ring-code-number-color:var(--ring-code-attribute-color);--ring-code-string-components:0,122,0;--ring-code-string-color:rgb(var(--ring-code-string-components));--ring-code-addition-components:170,222,170;--ring-code-addition-color:rgb(var(--ring-code-addition-components));--ring-code-deletion-components:200,200,200;--ring-code-deletion-color:rgb(var(--ring-code-deletion-components));--ring-border-radius:4px;--ring-border-radius-small:2px;--ring-font-size-larger:16px;--ring-font-size:14px;--ring-font-size-smaller:12px;--ring-line-height-taller:24px;--ring-line-height:20px;--ring-line-height-lower:18px;--ring-line-height-lowest:16px;--ring-ease:0.3s ease-out;--ring-fast-ease:0.15s ease-out;--ring-font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;--ring-font-family-monospace:Menlo,\"Bitstream Vera Sans Mono\",\"Ubuntu Mono\",Consolas,\"Courier New\",Courier,monospace;--ring-font-weight-bold:600;--ring-invisible-element-z-index:-1;--ring-fixed-z-index:1;--ring-overlay-z-index:5;--ring-alert-z-index:6}:root{--ring-input-xs:calc(var(--ring-unit)*12);--ring-input-s:calc(var(--ring-unit)*12);--ring-input-m:calc(var(--ring-unit)*30);--ring-input-l:calc(var(--ring-unit)*50)}.ring-input-size_xs.ring-input-size_xs{display:inline-block;width:var(--ring-input-xs)}.ring-input-size_xs.ring-input-size_xs~.ring-error-bubble{left:calc(var(--ring-input-xs) + 2px)}.ring-input-size_s.ring-input-size_s{display:inline-block;width:var(--ring-input-s)}.ring-input-size_s.ring-input-size_s~.ring-error-bubble{left:calc(var(--ring-input-s) + 2px)}.ring-input-size_m.ring-input-size_m{display:inline-block;width:var(--ring-input-m)}.ring-input-size_m.ring-input-size_m~.ring-error-bubble{left:calc(var(--ring-input-m) + 2px)}.ring-input-size_md.ring-input-size_md{display:inline-block;width:var(--ring-input-m)}.ring-input-size_md.ring-input-size_md~.ring-error-bubble{left:calc(var(--ring-input-m) + 2px)}.ring-input-size_l.ring-input-size_l{display:inline-block;width:var(--ring-input-l)}.ring-input-size_l.ring-input-size_l~.ring-error-bubble{left:calc(var(--ring-input-l) + 2px)}.ring-input-height_s.ring-input-height_s{--ring-input-padding-block:1px}.ring-input-height_m.ring-input-height_m{--ring-input-padding-block:3px}.ring-input-height_l.ring-input-height_l{--ring-input-padding-block:5px}";
1
+ var css = ".light_rui_2ac4,:root{--ring-unit:8px;--ring-line-components:223,225,229;--ring-line-color:rgb(var(--ring-line-components));--ring-borders-components:211,213,219;--ring-borders-color:rgb(var(--ring-borders-components));--ring-icon-components:129,133,148;--ring-icon-color:rgb(var(--ring-icon-components));--ring-icon-white-components:255,255,255;--ring-icon-white-color:rgb(var(--ring-icon-white-components));--ring-icon-secondary-components:129,133,148;--ring-icon-secondary-color:rgb(var(--ring-icon-secondary-components));--ring-border-disabled-components:235,236,240;--ring-border-disabled-color:rgb(var(--ring-border-disabled-components));--ring-border-selected-disabled-components:201,204,214;--ring-border-selected-disabled-color:rgb(var(--ring-border-selected-disabled-components));--ring-icon-disabled-components:211,213,219;--ring-icon-disabled-color:rgb(var(--ring-icon-disabled-components));--ring-border-hover-components:160,189,248;--ring-border-hover-color:rgb(var(--ring-border-hover-components));--ring-icon-hover-components:90,93,107;--ring-icon-hover-color:rgb(var(--ring-icon-hover-components));--ring-main-components:53,116,240;--ring-main-color:rgb(var(--ring-main-components));--ring-action-link-components:46,85,163;--ring-action-link-color:rgb(var(--ring-action-link-components));--ring-main-hover-components:51,105,214;--ring-main-hover-color:rgb(var(--ring-main-hover-components));--ring-icon-error-components:219,59,75;--ring-icon-error-color:rgb(var(--ring-icon-error-components));--ring-icon-warning-components:255,175,15;--ring-icon-warning-color:rgb(var(--ring-icon-warning-components));--ring-icon-success-components:85,167,106;--ring-icon-success-color:rgb(var(--ring-icon-success-components));--ring-pale-control-components:194,214,252;--ring-pale-control-color:rgb(var(--ring-pale-control-components));--ring-popup-border-components:0,28,54;--ring-popup-border-color:var(--ring-line-color);--ring-popup-shadow-components:rgba(var(--ring-popup-border-components),0.1);--ring-popup-shadow-color:rgba(var(--ring-popup-border-components),0.1);--ring-popup-secondary-shadow-color:rgba(var(--ring-popup-border-components),0.04);--ring-message-shadow-color:rgba(var(--ring-popup-border-components),0.3);--ring-pinned-shadow-components:108,112,126;--ring-pinned-shadow-color:rgb(var(--ring-pinned-shadow-components));--ring-button-danger-hover-components:var(--ring-icon-error-color);--ring-button-danger-hover-color:var(--ring-icon-error-color);--ring-button-primary-border-components:49,95,189;--ring-button-primary-border-color:rgb(var(--ring-button-primary-border-components));--ring-dialog-overlay-components:0,0,0;--ring-dialog-overlay-opacity:0.4;--ring-popup-shadow:0 2px 8px var(--ring-popup-shadow-color),0 1px 2px var(--ring-popup-secondary-shadow-color);--ring-dialog-shadow:0 4px 24px var(--ring-popup-shadow-color),0 2px 6px var(--ring-popup-secondary-shadow-color);--ring-search-components:112,156,245;--ring-search-color:rgb(var(--ring-search-components));--ring-hint-components:46,85,163;--ring-hint-color:rgb(var(--ring-hint-components));--ring-link-components:46,85,163;--ring-link-color:rgb(var(--ring-link-components));--ring-link-hover-components:34,60,114;--ring-link-hover-color:rgb(var(--ring-link-hover-components));--ring-error-components:204,54,69;--ring-error-color:rgb(var(--ring-error-components));--ring-warning-components:164,103,4;--ring-warning-color:rgb(var(--ring-warning-components));--ring-success-components:31,117,54;--ring-success-color:rgb(var(--ring-success-components));--ring-text-components:39,40,46;--ring-text-color:rgb(var(--ring-text-components));--ring-active-text-color:var(--ring-text-color);--ring-white-text-components:255,255,255;--ring-white-text-color:rgb(var(--ring-white-text-components));--ring-heading-color:var(--ring-text-color);--ring-secondary-components:108,112,126;--ring-secondary-color:rgb(var(--ring-secondary-components));--ring-disabled-components:168,173,189;--ring-disabled-color:rgb(var(--ring-disabled-components));--ring-content-background-components:255,255,255;--ring-content-background-color:rgb(var(--ring-content-background-components));--ring-popup-background-components:255,255,255;--ring-popup-background-color:rgb(var(--ring-popup-background-components));--ring-sidebar-background-components:247,248,250;--ring-sidebar-background-color:rgb(var(--ring-sidebar-background-components));--ring-selected-background-components:212,226,255;--ring-selected-background-color:rgb(var(--ring-selected-background-components));--ring-hover-background-components:237,243,255;--ring-hover-background-color:rgb(var(--ring-hover-background-components));--ring-navigation-background-components:255,255,255;--ring-navigation-background-color:rgb(var(--ring-navigation-background-components));--ring-tag-background-components:235,236,240;--ring-tag-background-color:rgb(var(--ring-tag-background-components));--ring-tag-hover-background-components:211,213,219;--ring-tag-hover-background-color:rgb(var(--ring-tag-hover-background-components));--ring-removed-background-components:250,212,216;--ring-removed-background-color:rgb(var(--ring-removed-background-components));--ring-warning-background-components:255,241,209;--ring-warning-background-color:rgb(var(--ring-warning-background-components));--ring-added-background-components:197,229,204;--ring-added-background-color:rgb(var(--ring-added-background-components));--ring-disabled-background-components:247,248,250;--ring-disabled-background-color:rgb(var(--ring-disabled-background-components));--ring-disabled-selected-background-components:235,236,240;--ring-disabled-selected-background-color:rgb(var(--ring-disabled-selected-background-components));--ring-button-danger-active-components:250,212,216;--ring-button-danger-active-color:rgb(var(--ring-button-danger-active-components));--ring-button-loader-background-components:70,130,250;--ring-button-loader-background:rgb(var(--ring-button-loader-background-components));--ring-button-primary-background-components:53,116,240;--ring-button-primary-background-color:rgb(var(--ring-button-primary-background-components));--ring-table-loader-background-color:rgba(var(--ring-content-background-components),0.5);--ring-removed-subtle-background-components:255,247,247;--ring-removed-subtle-background-color:rgb(var(--ring-removed-subtle-background-components));--ring-warning-subtle-background-components:255,250,235;--ring-warning-subtle-background-color:rgb(var(--ring-warning-subtle-background-components));--ring-added-subtle-background-components:242,252,243;--ring-added-subtle-background-color:rgb(var(--ring-added-subtle-background-components));--ring-code-background-color:var(--ring-content-background-color);--ring-code-components:0,0,0;--ring-code-color:rgb(var(--ring-code-components));--ring-code-comment-components:140,140,140;--ring-code-comment-color:rgb(var(--ring-code-comment-components));--ring-code-meta-components:158,136,13;--ring-code-meta-color:rgb(var(--ring-code-meta-components));--ring-code-keyword-components:0,51,179;--ring-code-keyword-color:rgb(var(--ring-code-keyword-components));--ring-code-tag-background-components:235,236,240;--ring-code-tag-background-color:rgb(var(--ring-code-tag-background-components));--ring-code-tag-color:var(--ring-code-keyword-color);--ring-code-tag-font-weight:var(--ring-font-weight-bold);--ring-code-field-components:135,16,148;--ring-code-field-color:rgb(var(--ring-code-field-components));--ring-code-attribute-components:23,80,235;--ring-code-attribute-color:rgb(var(--ring-code-attribute-components));--ring-code-number-color:var(--ring-code-attribute-color);--ring-code-string-components:6,125,23;--ring-code-string-color:rgb(var(--ring-code-string-components));--ring-code-addition-components:197,229,204;--ring-code-addition-color:rgb(var(--ring-code-addition-components));--ring-code-deletion-components:223,225,229;--ring-code-deletion-color:rgb(var(--ring-code-deletion-components));--ring-border-radius:4px;--ring-border-radius-small:2px;--ring-font-size-larger:16px;--ring-font-size:14px;--ring-font-size-smaller:12px;--ring-line-height-taller:24px;--ring-line-height:20px;--ring-line-height-lower:18px;--ring-line-height-lowest:16px;--ring-ease:0.3s ease-out;--ring-fast-ease:0.15s ease-out;--ring-font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;--ring-font-family-monospace:Menlo,\"Bitstream Vera Sans Mono\",\"Ubuntu Mono\",Consolas,\"Courier New\",Courier,monospace;--ring-font-weight-bold:600;--ring-invisible-element-z-index:-1;--ring-fixed-z-index:1;--ring-overlay-z-index:5;--ring-alert-z-index:6}:root{--ring-input-xs:calc(var(--ring-unit)*12);--ring-input-s:calc(var(--ring-unit)*12);--ring-input-m:calc(var(--ring-unit)*30);--ring-input-l:calc(var(--ring-unit)*50)}.ring-input-size_xs.ring-input-size_xs{display:inline-block;width:var(--ring-input-xs)}.ring-input-size_xs.ring-input-size_xs~.ring-error-bubble{left:calc(var(--ring-input-xs) + 2px)}.ring-input-size_s.ring-input-size_s{display:inline-block;width:var(--ring-input-s)}.ring-input-size_s.ring-input-size_s~.ring-error-bubble{left:calc(var(--ring-input-s) + 2px)}.ring-input-size_m.ring-input-size_m{display:inline-block;width:var(--ring-input-m)}.ring-input-size_m.ring-input-size_m~.ring-error-bubble{left:calc(var(--ring-input-m) + 2px)}.ring-input-size_md.ring-input-size_md{display:inline-block;width:var(--ring-input-m)}.ring-input-size_md.ring-input-size_md~.ring-error-bubble{left:calc(var(--ring-input-m) + 2px)}.ring-input-size_l.ring-input-size_l{display:inline-block;width:var(--ring-input-l)}.ring-input-size_l.ring-input-size_l~.ring-error-bubble{left:calc(var(--ring-input-l) + 2px)}.ring-input-height_s.ring-input-height_s{--ring-input-padding-block:1px}.ring-input-height_m.ring-input-height_m{--ring-input-padding-block:3px}.ring-input-height_l.ring-input-height_l{--ring-input-padding-block:5px}";
2
2
  var modules_3471936d = {"light":"light_rui_2ac4"};
3
3
 
4
4
  export { css, modules_3471936d as default };
@@ -10,7 +10,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
10
10
  onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
11
11
  render(): import("react").JSX.Element;
12
12
  context: unknown;
13
- setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
13
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
14
14
  forceUpdate(callback?: (() => void) | undefined): void;
15
15
  readonly props: Readonly<P>;
16
16
  refs: {
@@ -20,7 +20,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
20
20
  shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
21
21
  componentWillUnmount?(): void;
22
22
  componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
23
- getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any | null;
23
+ getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
24
24
  componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
25
25
  componentWillMount?(): void;
26
26
  UNSAFE_componentWillMount?(): void;
@@ -36,7 +36,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
36
36
  onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
37
37
  render(): import("react").JSX.Element;
38
38
  context: unknown;
39
- setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
39
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<P>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
40
40
  forceUpdate(callback?: (() => void) | undefined): void;
41
41
  readonly props: Readonly<P>;
42
42
  refs: {
@@ -46,7 +46,7 @@ export default function adaptiveIslandHOC<P>(ComposedComponent: ComponentType<P>
46
46
  shouldComponentUpdate?(nextProps: Readonly<P>, nextState: Readonly<{}>, nextContext: any): boolean;
47
47
  componentWillUnmount?(): void;
48
48
  componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
49
- getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any | null;
49
+ getSnapshotBeforeUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>): any;
50
50
  componentDidUpdate?(prevProps: Readonly<P>, prevState: Readonly<{}>, snapshot?: any): void;
51
51
  componentWillMount?(): void;
52
52
  UNSAFE_componentWillMount?(): void;
@@ -26,7 +26,7 @@ export declare const AdaptiveIsland: {
26
26
  onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
27
27
  render(): import("react").JSX.Element;
28
28
  context: unknown;
29
- setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<IslandProps>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
29
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<IslandProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
30
30
  forceUpdate(callback?: (() => void) | undefined): void;
31
31
  readonly props: Readonly<IslandProps>;
32
32
  refs: {
@@ -36,7 +36,7 @@ export declare const AdaptiveIsland: {
36
36
  shouldComponentUpdate?(nextProps: Readonly<IslandProps>, nextState: Readonly<{}>, nextContext: any): boolean;
37
37
  componentWillUnmount?(): void;
38
38
  componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
39
- getSnapshotBeforeUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>): any | null;
39
+ getSnapshotBeforeUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>): any;
40
40
  componentDidUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>, snapshot?: any): void;
41
41
  componentWillMount?(): void;
42
42
  UNSAFE_componentWillMount?(): void;
@@ -52,7 +52,7 @@ export declare const AdaptiveIsland: {
52
52
  onContentScroll: ({ scrollTop, scrollHeight, clientHeight }: Element) => void;
53
53
  render(): import("react").JSX.Element;
54
54
  context: unknown;
55
- setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<IslandProps>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
55
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<IslandProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
56
56
  forceUpdate(callback?: (() => void) | undefined): void;
57
57
  readonly props: Readonly<IslandProps>;
58
58
  refs: {
@@ -62,7 +62,7 @@ export declare const AdaptiveIsland: {
62
62
  shouldComponentUpdate?(nextProps: Readonly<IslandProps>, nextState: Readonly<{}>, nextContext: any): boolean;
63
63
  componentWillUnmount?(): void;
64
64
  componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
65
- getSnapshotBeforeUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>): any | null;
65
+ getSnapshotBeforeUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>): any;
66
66
  componentDidUpdate?(prevProps: Readonly<IslandProps>, prevState: Readonly<{}>, snapshot?: any): void;
67
67
  componentWillMount?(): void;
68
68
  UNSAFE_componentWillMount?(): void;
@@ -17,7 +17,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
17
17
  new (props: LinkProps<P>): {
18
18
  render(): import("react").JSX.Element;
19
19
  context: unknown;
20
- setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
20
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
21
21
  forceUpdate(callback?: (() => void) | undefined): void;
22
22
  readonly props: Readonly<LinkProps<P>>;
23
23
  state: Readonly<{}>;
@@ -28,7 +28,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
28
28
  shouldComponentUpdate?(nextProps: Readonly<LinkProps<P>>, nextState: Readonly<{}>, nextContext: any): boolean;
29
29
  componentWillUnmount?(): void;
30
30
  componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
31
- getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>): any | null;
31
+ getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>): any;
32
32
  componentDidUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>, snapshot?: any): void;
33
33
  componentWillMount?(): void;
34
34
  UNSAFE_componentWillMount?(): void;
@@ -40,7 +40,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
40
40
  new (props: LinkProps<P>, context: any): {
41
41
  render(): import("react").JSX.Element;
42
42
  context: unknown;
43
- setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
43
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<P>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
44
44
  forceUpdate(callback?: (() => void) | undefined): void;
45
45
  readonly props: Readonly<LinkProps<P>>;
46
46
  state: Readonly<{}>;
@@ -51,7 +51,7 @@ export declare function linkHOC<P extends ClickableLinkProps>(ComposedComponent:
51
51
  shouldComponentUpdate?(nextProps: Readonly<LinkProps<P>>, nextState: Readonly<{}>, nextContext: any): boolean;
52
52
  componentWillUnmount?(): void;
53
53
  componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
54
- getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>): any | null;
54
+ getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>): any;
55
55
  componentDidUpdate?(prevProps: Readonly<LinkProps<P>>, prevState: Readonly<{}>, snapshot?: any): void;
56
56
  componentWillMount?(): void;
57
57
  UNSAFE_componentWillMount?(): void;
@@ -78,7 +78,7 @@ declare const _default: {
78
78
  new (props: LinkProps<ClickableLinkProps>): {
79
79
  render(): import("react").JSX.Element;
80
80
  context: unknown;
81
- setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
81
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
82
82
  forceUpdate(callback?: (() => void) | undefined): void;
83
83
  readonly props: Readonly<LinkProps<ClickableLinkProps>>;
84
84
  state: Readonly<{}>;
@@ -89,7 +89,7 @@ declare const _default: {
89
89
  shouldComponentUpdate?(nextProps: Readonly<LinkProps<ClickableLinkProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
90
90
  componentWillUnmount?(): void;
91
91
  componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
92
- getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>): any | null;
92
+ getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>): any;
93
93
  componentDidUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>, snapshot?: any): void;
94
94
  componentWillMount?(): void;
95
95
  UNSAFE_componentWillMount?(): void;
@@ -101,7 +101,7 @@ declare const _default: {
101
101
  new (props: LinkProps<ClickableLinkProps>, context: any): {
102
102
  render(): import("react").JSX.Element;
103
103
  context: unknown;
104
- setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => Pick<{}, K> | {} | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
104
+ setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<LinkProps<ClickableLinkProps>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
105
105
  forceUpdate(callback?: (() => void) | undefined): void;
106
106
  readonly props: Readonly<LinkProps<ClickableLinkProps>>;
107
107
  state: Readonly<{}>;
@@ -112,7 +112,7 @@ declare const _default: {
112
112
  shouldComponentUpdate?(nextProps: Readonly<LinkProps<ClickableLinkProps>>, nextState: Readonly<{}>, nextContext: any): boolean;
113
113
  componentWillUnmount?(): void;
114
114
  componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
115
- getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>): any | null;
115
+ getSnapshotBeforeUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>): any;
116
116
  componentDidUpdate?(prevProps: Readonly<LinkProps<ClickableLinkProps>>, prevState: Readonly<{}>, snapshot?: any): void;
117
117
  componentWillMount?(): void;
118
118
  UNSAFE_componentWillMount?(): void;
@@ -11,11 +11,11 @@ var MAJOR_VERSION_INDEX = 0;
11
11
  /**
12
12
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
13
13
  */
14
- if (!["and_chr 126", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"]) {
14
+ if (!["and_chr 127", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"]) {
15
15
  // eslint-disable-next-line no-console
16
16
  console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
17
17
  }
18
- var SUPPORTED = ["and_chr 126", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"] || [];
18
+ var SUPPORTED = ["and_chr 127", "chrome 125", "chrome 124", "chrome 123", "chrome 109", "edge 125", "edge 124", "ios_saf 17.4", "ios_saf 16.6-16.7", "op_mob 80", "safari 17.4", "samsung 25"] || [];
19
19
  var WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
20
20
  var WHITE_LIST = SUPPORTED.reduce(function (acc, item) {
21
21
  var _item$match;
@@ -28,6 +28,7 @@ export interface PagerProps {
28
28
  onPageChange?: ((prevPage: number, event?: React.MouseEvent) => void) | null | undefined;
29
29
  className?: string | null | undefined;
30
30
  hrefFunc?: ((page: number, pageSize: number | undefined) => string) | undefined;
31
+ disableLastPageButton?: boolean;
31
32
  }
32
33
  interface PagerSizeItem {
33
34
  key: number;
@@ -343,7 +343,7 @@ var Pager = /*#__PURE__*/function (_PureComponent) {
343
343
  for (var i = start; i <= end; i++) {
344
344
  buttons.push(this.getButton(i, i, i, i === currentPage));
345
345
  }
346
- var lastPageButtonAvailable = end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
346
+ var lastPageButtonAvailable = !this.props.disableLastPageButton && end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
347
347
  return /*#__PURE__*/jsxs("div", {
348
348
  children: [this.getPagerLinks(), /*#__PURE__*/jsxs(ButtonToolbar, {
349
349
  children: [start > 1 && this.getButton(1, (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.firstPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('firstPage')), /*#__PURE__*/jsxs(ButtonGroup, {
@@ -0,0 +1,2 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export default function ScrollableSection({ className, ...restProps }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
@@ -0,0 +1,63 @@
1
+ import { c as _objectWithoutProperties, i as _slicedToArray, d as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
2
+ import { useState, useRef, useCallback, useEffect } from 'react';
3
+ import classNames from 'classnames';
4
+ import { jsx } from 'react/jsx-runtime';
5
+
6
+ var modules_8c094df0 = {"scrollableSection":"scrollableSection_rui_29c1","withTopBorder":"withTopBorder_rui_29c1","withRightBorder":"withRightBorder_rui_29c1","withBottomBorder":"withBottomBorder_rui_29c1","withLeftBorder":"withLeftBorder_rui_29c1"};
7
+
8
+ var _excluded = ["className"];
9
+ function ScrollableSection(_ref) {
10
+ var className = _ref.className,
11
+ restProps = _objectWithoutProperties(_ref, _excluded);
12
+ var _useState = useState(false),
13
+ _useState2 = _slicedToArray(_useState, 2),
14
+ scrolledToTop = _useState2[0],
15
+ setScrolledToTop = _useState2[1];
16
+ var _useState3 = useState(false),
17
+ _useState4 = _slicedToArray(_useState3, 2),
18
+ scrolledToRight = _useState4[0],
19
+ setScrolledToRight = _useState4[1];
20
+ var _useState5 = useState(false),
21
+ _useState6 = _slicedToArray(_useState5, 2),
22
+ scrolledToBottom = _useState6[0],
23
+ setScrolledToBottom = _useState6[1];
24
+ var _useState7 = useState(false),
25
+ _useState8 = _slicedToArray(_useState7, 2),
26
+ scrolledToLeft = _useState8[0],
27
+ setScrolledToLeft = _useState8[1];
28
+ var ref = useRef(null);
29
+ var calculateScrollPosition = useCallback(function () {
30
+ if (ref.current != null) {
31
+ var _ref$current = ref.current,
32
+ scrollTop = _ref$current.scrollTop,
33
+ scrollLeft = _ref$current.scrollLeft,
34
+ scrollHeight = _ref$current.scrollHeight,
35
+ scrollWidth = _ref$current.scrollWidth,
36
+ offsetHeight = _ref$current.offsetHeight,
37
+ offsetWidth = _ref$current.offsetWidth;
38
+ setScrolledToTop(scrollTop === 0);
39
+ setScrolledToRight(offsetWidth + scrollLeft >= scrollWidth);
40
+ setScrolledToBottom(offsetHeight + scrollTop >= scrollHeight);
41
+ setScrolledToLeft(scrollLeft === 0);
42
+ }
43
+ }, []);
44
+ useEffect(function () {
45
+ requestAnimationFrame(calculateScrollPosition);
46
+ window.addEventListener('resize', calculateScrollPosition);
47
+ return function () {
48
+ return window.removeEventListener('resize', calculateScrollPosition);
49
+ };
50
+ }, [calculateScrollPosition]);
51
+ return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
52
+ className: classNames(modules_8c094df0.scrollableSection, className, {
53
+ [modules_8c094df0.withTopBorder]: !scrolledToTop,
54
+ [modules_8c094df0.withRightBorder]: !scrolledToRight,
55
+ [modules_8c094df0.withBottomBorder]: !scrolledToBottom,
56
+ [modules_8c094df0.withLeftBorder]: !scrolledToLeft
57
+ }),
58
+ ref: ref,
59
+ onScroll: calculateScrollPosition
60
+ }));
61
+ }
62
+
63
+ export { ScrollableSection as default };
@@ -510,14 +510,11 @@ var Select = /*#__PURE__*/function (_Component) {
510
510
  var nextSelection;
511
511
  if (!prevState.multipleMap[selected.key]) {
512
512
  nextSelection = currentSelection.concat(selected);
513
- _this.props.onSelect && _this.props.onSelect(selected, event);
514
513
  } else {
515
514
  nextSelection = currentSelection.filter(function (item) {
516
515
  return item.key !== selected.key;
517
516
  });
518
- _this.props.onDeselect && _this.props.onDeselect(selected);
519
517
  }
520
- _this.props.onChange(nextSelection, event);
521
518
  var nextState = {
522
519
  filterValue: '',
523
520
  selected: nextSelection,
@@ -545,6 +542,14 @@ var Select = /*#__PURE__*/function (_Component) {
545
542
  }
546
543
  return _objectSpread2(_objectSpread2({}, prevState), nextState);
547
544
  }, function () {
545
+ if (_this.state.multipleMap[selected.key]) {
546
+ var _this$props$onSelect, _this$props;
547
+ (_this$props$onSelect = (_this$props = _this.props).onSelect) === null || _this$props$onSelect === void 0 || _this$props$onSelect.call(_this$props, selected, event);
548
+ } else {
549
+ var _this$props$onDeselec, _this$props2;
550
+ (_this$props$onDeselec = (_this$props2 = _this.props).onDeselect) === null || _this$props$onDeselec === void 0 || _this$props$onDeselec.call(_this$props2, selected);
551
+ }
552
+ _this.props.onChange(_this.state.selected, event);
548
553
  if (tryKeepOpen) {
549
554
  _this._redrawPopup();
550
555
  }
@@ -643,11 +648,11 @@ var Select = /*#__PURE__*/function (_Component) {
643
648
  var _this$state = this.state,
644
649
  showPopup = _this$state.showPopup,
645
650
  selected = _this$state.selected;
646
- var _this$props = this.props,
647
- onClose = _this$props.onClose,
648
- onOpen = _this$props.onOpen,
649
- onChange = _this$props.onChange,
650
- multiple = _this$props.multiple;
651
+ var _this$props3 = this.props,
652
+ onClose = _this$props3.onClose,
653
+ onOpen = _this$props3.onOpen,
654
+ onChange = _this$props3.onChange,
655
+ multiple = _this$props3.multiple;
651
656
  if (prevState.showPopup && !showPopup) {
652
657
  onClose(selected);
653
658
  } else if (!prevState.showPopup && showPopup) {
@@ -789,9 +794,9 @@ var Select = /*#__PURE__*/function (_Component) {
789
794
  }, {
790
795
  key: "getToolbar",
791
796
  value: function getToolbar() {
792
- var _this$props2 = this.props,
793
- hint = _this$props2.hint,
794
- renderBottomToolbar = _this$props2.renderBottomToolbar;
797
+ var _this$props4 = this.props,
798
+ hint = _this$props4.hint,
799
+ renderBottomToolbar = _this$props4.renderBottomToolbar;
795
800
  var _ref3 = this.state.addButton || {},
796
801
  prefix = _ref3.prefix,
797
802
  label = _ref3.label,
@@ -821,8 +826,8 @@ var Select = /*#__PURE__*/function (_Component) {
821
826
  }, {
822
827
  key: "getTopbar",
823
828
  value: function getTopbar() {
824
- var _this$props$renderTop, _this$props3;
825
- return (_this$props$renderTop = (_this$props3 = this.props).renderTopToolbar) === null || _this$props$renderTop === void 0 ? void 0 : _this$props$renderTop.call(_this$props3);
829
+ var _this$props$renderTop, _this$props5;
830
+ return (_this$props$renderTop = (_this$props5 = this.props).renderTopToolbar) === null || _this$props$renderTop === void 0 ? void 0 : _this$props$renderTop.call(_this$props5);
826
831
  }
827
832
  }, {
828
833
  key: "getFilterFn",
@@ -903,10 +908,10 @@ var Select = /*#__PURE__*/function (_Component) {
903
908
  key: "_getIcons",
904
909
  value: function _getIcons() {
905
910
  var selected = this.state.selected;
906
- var _this$props4 = this.props,
907
- disabled = _this$props4.disabled,
908
- clear = _this$props4.clear,
909
- hideArrow = _this$props4.hideArrow;
911
+ var _this$props6 = this.props,
912
+ disabled = _this$props6.disabled,
913
+ clear = _this$props6.clear,
914
+ hideArrow = _this$props6.hideArrow;
910
915
  var icons = [];
911
916
  var height = this.props.height || this.context;
912
917
  if (!Array.isArray(selected) && selected !== null && selected !== void 0 && selected.icon) {