@jetbrains/ring-ui-built 8.0.0-beta.6 → 8.0.0-beta.8

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 (70) hide show
  1. package/components/_helpers/avatar-info.js +2 -4
  2. package/components/_helpers/icon-svg.js +1 -1
  3. package/components/auth-dialog/auth-dialog.js +1 -1
  4. package/components/avatar/avatar-size.d.ts +0 -4
  5. package/components/avatar/avatar-size.js +0 -4
  6. package/components/avatar/avatar.js +0 -7
  7. package/components/avatar/fallback-avatar.js +2 -47
  8. package/components/avatar-stack/avatar-stack.js +3 -3
  9. package/components/button/button.d.ts +0 -4
  10. package/components/button/button.js +2 -8
  11. package/components/confirm/confirm.js +1 -1
  12. package/components/confirm-service/confirm-service.js +1 -1
  13. package/components/data-list/data-list.js +1 -1
  14. package/components/data-list/item.js +1 -1
  15. package/components/date-picker/date-input.js +1 -1
  16. package/components/date-picker/date-popup.js +1 -1
  17. package/components/dialog/dialog.js +1 -1
  18. package/components/dropdown/anchor.js +1 -1
  19. package/components/dropdown/dropdown.js +1 -1
  20. package/components/global/variables.interface.d.ts +0 -4
  21. package/components/header/header-icon.js +1 -1
  22. package/components/header/header.js +1 -1
  23. package/components/header/profile.js +3 -3
  24. package/components/header/services.js +1 -1
  25. package/components/header/smart-profile.js +1 -1
  26. package/components/header/smart-services.js +1 -1
  27. package/components/icon/icon.d.ts +0 -1
  28. package/components/icon/icon.js +1 -4
  29. package/components/input/input.js +1 -1
  30. package/components/list/consts.d.ts +0 -1
  31. package/components/list/consts.js +0 -1
  32. package/components/list/list-item.js +2 -3
  33. package/components/list/list.d.ts +0 -4
  34. package/components/login-dialog/login-dialog.js +1 -1
  35. package/components/pager/pager.js +2 -2
  36. package/components/select/chevron-button.js +1 -1
  37. package/components/select/select-filter.js +1 -1
  38. package/components/select/select-popup.d.ts +2 -1
  39. package/components/select/select-popup.js +8 -3
  40. package/components/select/select.d.ts +2 -0
  41. package/components/select/select.js +4 -3
  42. package/components/style.css +1 -1
  43. package/components/tags-input/tags-input.js +2 -2
  44. package/components/user-agreement/user-agreement.js +1 -1
  45. package/components/user-card/card.js +3 -3
  46. package/components/user-card/smart-user-card-tooltip.js +1 -1
  47. package/components/user-card/tooltip.js +1 -1
  48. package/components/user-card/user-card.js +3 -3
  49. package/package.json +1 -2
  50. package/components/__mocks__/old-browsers-message.js +0 -3
  51. package/components/_helpers/grid.js +0 -3
  52. package/components/_helpers/sidebar.js +0 -110
  53. package/components/content-layout/content-layout.d.ts +0 -20
  54. package/components/content-layout/content-layout.js +0 -50
  55. package/components/content-layout/sidebar.d.ts +0 -26
  56. package/components/content-layout/sidebar.js +0 -5
  57. package/components/expand/collapsible-group.d.ts +0 -8
  58. package/components/expand/collapsible-group.js +0 -52
  59. package/components/grid/col.d.ts +0 -16
  60. package/components/grid/col.js +0 -63
  61. package/components/grid/grid.d.ts +0 -13
  62. package/components/grid/grid.js +0 -27
  63. package/components/grid/row.d.ts +0 -21
  64. package/components/grid/row.js +0 -72
  65. package/components/old-browsers-message/old-browsers-message-stop.d.ts +0 -1
  66. package/components/old-browsers-message/old-browsers-message-stop.js +0 -5
  67. package/components/old-browsers-message/old-browsers-message.d.ts +0 -5
  68. package/components/old-browsers-message/old-browsers-message.js +0 -89
  69. package/components/old-browsers-message/white-list.d.ts +0 -2
  70. package/components/old-browsers-message/white-list.js +0 -30
@@ -21,15 +21,14 @@ import 'react/compiler-runtime';
21
21
  import '../button/button.js';
22
22
  import '@jetbrains/icons/chevron-down';
23
23
  import '@jetbrains/icons/chevron-12px-down';
24
- import 'util-deprecate';
25
24
  import '../icon/icon.js';
25
+ import 'util-deprecate';
26
26
  import '../icon/icon.constants.js';
27
27
  import '../_helpers/icon-svg.js';
28
28
  import '../link/clickable-link.js';
29
29
  import '../_helpers/button.classes.js';
30
30
  import '../global/configuration.js';
31
31
  import '../avatar/avatar.js';
32
- import 'core-js/modules/es.array.includes.js';
33
32
  import '../global/url.js';
34
33
  import '../global/dom.js';
35
34
  import '../avatar/fallback-avatar.js';
@@ -40,6 +39,7 @@ import 'react-dom';
40
39
  import '../global/schedule-raf.js';
41
40
  import '../shortcuts/shortcuts.js';
42
41
  import '../shortcuts/core.js';
42
+ import 'core-js/modules/es.array.includes.js';
43
43
  import 'combokeys';
44
44
  import '../global/sniffer.js';
45
45
  import 'sniffr';
@@ -37,8 +37,8 @@ import '../_helpers/dialog-body-scroll-preventer.js';
37
37
  import 'scrollbar-width';
38
38
  import '@jetbrains/icons/chevron-down';
39
39
  import '@jetbrains/icons/chevron-12px-down';
40
- import 'util-deprecate';
41
40
  import '../icon/icon.js';
41
+ import 'util-deprecate';
42
42
  import '../icon/icon.constants.js';
43
43
  import '../_helpers/icon-svg.js';
44
44
  import '../global/memoize.js';
@@ -12,11 +12,8 @@ export { U as default } from '../_helpers/card.js';
12
12
  import 'react/jsx-runtime';
13
13
  import '../avatar/avatar-size.js';
14
14
  import '../icon/icon.constants.js';
15
- import 'core-js/modules/es.array.includes.js';
16
- import 'util-deprecate';
17
15
  import '../global/url.js';
18
16
  import '../global/dom.js';
19
- import '../global/memoize.js';
20
17
  import '../avatar/fallback-avatar.js';
21
18
  import 'react/compiler-runtime';
22
19
  import '../global/get-uid.js';
@@ -37,9 +34,11 @@ import '../button/button.js';
37
34
  import '@jetbrains/icons/chevron-down';
38
35
  import '@jetbrains/icons/chevron-12px-down';
39
36
  import '../global/controls-height.js';
37
+ import 'util-deprecate';
40
38
  import '../global/configuration.js';
41
39
  import '../_helpers/button.classes.js';
42
40
  import '../_helpers/icon-svg.js';
41
+ import '../global/memoize.js';
43
42
  import '../_helpers/theme.js';
44
43
  import '../alert/alert-heading.js';
45
44
  import '../heading/heading.js';
@@ -55,6 +54,7 @@ import '../popup/popup.js';
55
54
  import '../global/schedule-raf.js';
56
55
  import '../shortcuts/shortcuts.js';
57
56
  import '../shortcuts/core.js';
57
+ import 'core-js/modules/es.array.includes.js';
58
58
  import 'combokeys';
59
59
  import '../global/sniffer.js';
60
60
  import 'sniffr';
@@ -12,8 +12,8 @@ import 'react/compiler-runtime';
12
12
  import '../button/button.js';
13
13
  import '@jetbrains/icons/chevron-down';
14
14
  import '@jetbrains/icons/chevron-12px-down';
15
- import 'util-deprecate';
16
15
  import '../icon/icon.js';
16
+ import 'util-deprecate';
17
17
  import '../icon/icon.constants.js';
18
18
  import '../_helpers/icon-svg.js';
19
19
  import '../global/memoize.js';
@@ -11,8 +11,8 @@ import 'react/compiler-runtime';
11
11
  import '../button/button.js';
12
12
  import '@jetbrains/icons/chevron-down';
13
13
  import '@jetbrains/icons/chevron-12px-down';
14
- import 'util-deprecate';
15
14
  import '../icon/icon.js';
15
+ import 'util-deprecate';
16
16
  import '../icon/icon.constants.js';
17
17
  import '../_helpers/icon-svg.js';
18
18
  import '../global/memoize.js';
@@ -5,11 +5,8 @@ import 'react';
5
5
  import 'classnames';
6
6
  import '@jetbrains/icons/copy';
7
7
  import '../avatar/avatar.js';
8
- import 'core-js/modules/es.array.includes.js';
9
- import 'util-deprecate';
10
8
  import '../global/url.js';
11
9
  import '../global/dom.js';
12
- import '../global/memoize.js';
13
10
  import '../avatar/fallback-avatar.js';
14
11
  import 'react/compiler-runtime';
15
12
  import '../global/get-uid.js';
@@ -30,8 +27,10 @@ import '@jetbrains/icons/warning';
30
27
  import '@jetbrains/icons/info-filled';
31
28
  import '@jetbrains/icons/close';
32
29
  import '../icon/icon.js';
30
+ import 'util-deprecate';
33
31
  import '../icon/icon.constants.js';
34
32
  import '../_helpers/icon-svg.js';
33
+ import '../global/memoize.js';
35
34
  import '../loader-inline/loader-inline.js';
36
35
  import '../button/button.js';
37
36
  import '@jetbrains/icons/chevron-down';
@@ -57,6 +56,7 @@ import '../popup/popup.js';
57
56
  import '../global/schedule-raf.js';
58
57
  import '../shortcuts/shortcuts.js';
59
58
  import '../shortcuts/core.js';
59
+ import 'core-js/modules/es.array.includes.js';
60
60
  import 'combokeys';
61
61
  import '../global/sniffer.js';
62
62
  import 'sniffr';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jetbrains/ring-ui-built",
3
- "version": "8.0.0-beta.6",
3
+ "version": "8.0.0-beta.8",
4
4
  "description": "JetBrains UI library",
5
5
  "author": {
6
6
  "name": "JetBrains"
@@ -127,7 +127,6 @@
127
127
  "react-compiler-runtime": "^1.0.0",
128
128
  "react-movable": "^3.4.1",
129
129
  "react-virtualized": "^9.22.6",
130
- "react-waypoint": "^10.3.0",
131
130
  "scrollbar-width": "^3.1.1",
132
131
  "simply-uuid": "^1.0.1",
133
132
  "sniffr": "^1.4.0",
@@ -1,3 +0,0 @@
1
- function stop() {}
2
-
3
- export { stop };
@@ -1,3 +0,0 @@
1
- var styles = {"breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","large-screen-media":"(min-width: 1200px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","container-fluid":"ring-grid-container-fluid","container":"ring-grid-container","row":"ring-grid-row","reverse":"ring-grid-reverse","col":"ring-grid-col","col-xs":"ring-grid-col-xs","col-xs-1":"ring-grid-col-xs-1","col-xs-2":"ring-grid-col-xs-2","col-xs-3":"ring-grid-col-xs-3","col-xs-4":"ring-grid-col-xs-4","col-xs-5":"ring-grid-col-xs-5","col-xs-6":"ring-grid-col-xs-6","col-xs-7":"ring-grid-col-xs-7","col-xs-8":"ring-grid-col-xs-8","col-xs-9":"ring-grid-col-xs-9","col-xs-10":"ring-grid-col-xs-10","col-xs-11":"ring-grid-col-xs-11","col-xs-12":"ring-grid-col-xs-12","col-xs-offset-0":"ring-grid-col-xs-offset-0","col-xs-offset-1":"ring-grid-col-xs-offset-1","col-xs-offset-2":"ring-grid-col-xs-offset-2","col-xs-offset-3":"ring-grid-col-xs-offset-3","col-xs-offset-4":"ring-grid-col-xs-offset-4","col-xs-offset-5":"ring-grid-col-xs-offset-5","col-xs-offset-6":"ring-grid-col-xs-offset-6","col-xs-offset-7":"ring-grid-col-xs-offset-7","col-xs-offset-8":"ring-grid-col-xs-offset-8","col-xs-offset-9":"ring-grid-col-xs-offset-9","col-xs-offset-10":"ring-grid-col-xs-offset-10","col-xs-offset-11":"ring-grid-col-xs-offset-11","col-xs-offset-12":"ring-grid-col-xs-offset-12","start-xs":"ring-grid-start-xs","center-xs":"ring-grid-center-xs","end-xs":"ring-grid-end-xs","top-xs":"ring-grid-top-xs","middle-xs":"ring-grid-middle-xs","baseline-xs":"ring-grid-baseline-xs","bottom-xs":"ring-grid-bottom-xs","around-xs":"ring-grid-around-xs","between-xs":"ring-grid-between-xs","first-xs":"ring-grid-first-xs","last-xs":"ring-grid-last-xs","col-sm":"ring-grid-col-sm","col-sm-1":"ring-grid-col-sm-1","col-sm-2":"ring-grid-col-sm-2","col-sm-3":"ring-grid-col-sm-3","col-sm-4":"ring-grid-col-sm-4","col-sm-5":"ring-grid-col-sm-5","col-sm-6":"ring-grid-col-sm-6","col-sm-7":"ring-grid-col-sm-7","col-sm-8":"ring-grid-col-sm-8","col-sm-9":"ring-grid-col-sm-9","col-sm-10":"ring-grid-col-sm-10","col-sm-11":"ring-grid-col-sm-11","col-sm-12":"ring-grid-col-sm-12","col-sm-offset-0":"ring-grid-col-sm-offset-0","col-sm-offset-1":"ring-grid-col-sm-offset-1","col-sm-offset-2":"ring-grid-col-sm-offset-2","col-sm-offset-3":"ring-grid-col-sm-offset-3","col-sm-offset-4":"ring-grid-col-sm-offset-4","col-sm-offset-5":"ring-grid-col-sm-offset-5","col-sm-offset-6":"ring-grid-col-sm-offset-6","col-sm-offset-7":"ring-grid-col-sm-offset-7","col-sm-offset-8":"ring-grid-col-sm-offset-8","col-sm-offset-9":"ring-grid-col-sm-offset-9","col-sm-offset-10":"ring-grid-col-sm-offset-10","col-sm-offset-11":"ring-grid-col-sm-offset-11","col-sm-offset-12":"ring-grid-col-sm-offset-12","start-sm":"ring-grid-start-sm","center-sm":"ring-grid-center-sm","end-sm":"ring-grid-end-sm","top-sm":"ring-grid-top-sm","middle-sm":"ring-grid-middle-sm","baseline-sm":"ring-grid-baseline-sm","bottom-sm":"ring-grid-bottom-sm","around-sm":"ring-grid-around-sm","between-sm":"ring-grid-between-sm","first-sm":"ring-grid-first-sm","last-sm":"ring-grid-last-sm","col-md":"ring-grid-col-md","col-md-1":"ring-grid-col-md-1","col-md-2":"ring-grid-col-md-2","col-md-3":"ring-grid-col-md-3","col-md-4":"ring-grid-col-md-4","col-md-5":"ring-grid-col-md-5","col-md-6":"ring-grid-col-md-6","col-md-7":"ring-grid-col-md-7","col-md-8":"ring-grid-col-md-8","col-md-9":"ring-grid-col-md-9","col-md-10":"ring-grid-col-md-10","col-md-11":"ring-grid-col-md-11","col-md-12":"ring-grid-col-md-12","col-md-offset-0":"ring-grid-col-md-offset-0","col-md-offset-1":"ring-grid-col-md-offset-1","col-md-offset-2":"ring-grid-col-md-offset-2","col-md-offset-3":"ring-grid-col-md-offset-3","col-md-offset-4":"ring-grid-col-md-offset-4","col-md-offset-5":"ring-grid-col-md-offset-5","col-md-offset-6":"ring-grid-col-md-offset-6","col-md-offset-7":"ring-grid-col-md-offset-7","col-md-offset-8":"ring-grid-col-md-offset-8","col-md-offset-9":"ring-grid-col-md-offset-9","col-md-offset-10":"ring-grid-col-md-offset-10","col-md-offset-11":"ring-grid-col-md-offset-11","col-md-offset-12":"ring-grid-col-md-offset-12","start-md":"ring-grid-start-md","center-md":"ring-grid-center-md","end-md":"ring-grid-end-md","top-md":"ring-grid-top-md","middle-md":"ring-grid-middle-md","baseline-md":"ring-grid-baseline-md","bottom-md":"ring-grid-bottom-md","around-md":"ring-grid-around-md","between-md":"ring-grid-between-md","first-md":"ring-grid-first-md","last-md":"ring-grid-last-md","col-lg":"ring-grid-col-lg","col-lg-1":"ring-grid-col-lg-1","col-lg-2":"ring-grid-col-lg-2","col-lg-3":"ring-grid-col-lg-3","col-lg-4":"ring-grid-col-lg-4","col-lg-5":"ring-grid-col-lg-5","col-lg-6":"ring-grid-col-lg-6","col-lg-7":"ring-grid-col-lg-7","col-lg-8":"ring-grid-col-lg-8","col-lg-9":"ring-grid-col-lg-9","col-lg-10":"ring-grid-col-lg-10","col-lg-11":"ring-grid-col-lg-11","col-lg-12":"ring-grid-col-lg-12","col-lg-offset-0":"ring-grid-col-lg-offset-0","col-lg-offset-1":"ring-grid-col-lg-offset-1","col-lg-offset-2":"ring-grid-col-lg-offset-2","col-lg-offset-3":"ring-grid-col-lg-offset-3","col-lg-offset-4":"ring-grid-col-lg-offset-4","col-lg-offset-5":"ring-grid-col-lg-offset-5","col-lg-offset-6":"ring-grid-col-lg-offset-6","col-lg-offset-7":"ring-grid-col-lg-offset-7","col-lg-offset-8":"ring-grid-col-lg-offset-8","col-lg-offset-9":"ring-grid-col-lg-offset-9","col-lg-offset-10":"ring-grid-col-lg-offset-10","col-lg-offset-11":"ring-grid-col-lg-offset-11","col-lg-offset-12":"ring-grid-col-lg-offset-12","start-lg":"ring-grid-start-lg","center-lg":"ring-grid-center-lg","end-lg":"ring-grid-end-lg","top-lg":"ring-grid-top-lg","middle-lg":"ring-grid-middle-lg","baseline-lg":"ring-grid-baseline-lg","bottom-lg":"ring-grid-bottom-lg","around-lg":"ring-grid-around-lg","between-lg":"ring-grid-between-lg","first-lg":"ring-grid-first-lg","last-lg":"ring-grid-last-lg"};
2
-
3
- export { styles as s };
@@ -1,110 +0,0 @@
1
- import { Component } from 'react';
2
- import classNames from 'classnames';
3
- import { Waypoint } from 'react-waypoint';
4
- import { jsxs, jsx } from 'react/jsx-runtime';
5
-
6
- var styles = {"extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","contentLayout":"ring-content-layout-contentLayout","contentLayoutContent":"ring-content-layout-contentLayoutContent","sidebarContainer":"ring-content-layout-sidebarContainer","sidebarContainerRight":"ring-content-layout-sidebarContainerRight","sidebar":"ring-content-layout-sidebar","sidebarRight":"ring-content-layout-sidebarRight","sidebarFixedTop":"ring-content-layout-sidebarFixedTop","sidebarFixedBottom":"ring-content-layout-sidebarFixedBottom","bottomMarker":"ring-content-layout-bottomMarker","contentLayoutResponsive":"ring-content-layout-contentLayoutResponsive"};
7
-
8
- const ABOVE = 'above';
9
- const INSIDE = 'inside';
10
- /**
11
- * @name Sidebar
12
- * @deprecated Will be removed in Ring UI 8.0.
13
- */
14
- class Sidebar extends Component {
15
- state = {
16
- topIsOutside: true,
17
- bottomIsOutside: true,
18
- sidebarVisibleHeight: undefined
19
- };
20
- sidebarNode;
21
- handleTopWaypoint = ({
22
- currentPosition
23
- }) => {
24
- this.setState({
25
- topIsOutside: currentPosition === ABOVE
26
- });
27
- };
28
- handleBottomWaypoint = ({
29
- currentPosition,
30
- waypointTop
31
- }) => {
32
- this.setState({
33
- sidebarVisibleHeight: waypointTop,
34
- bottomIsOutside: currentPosition !== INSIDE
35
- });
36
- };
37
- shouldUseFixation() {
38
- const {
39
- contentNode
40
- } = this.props;
41
- const {
42
- sidebarNode
43
- } = this;
44
- if (!contentNode || !sidebarNode) {
45
- return false;
46
- }
47
- return contentNode.offsetHeight >= sidebarNode.offsetHeight;
48
- }
49
- shouldFixateBottom() {
50
- const {
51
- topIsOutside,
52
- bottomIsOutside
53
- } = this.state;
54
- return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
55
- }
56
- sidebarRef = node => {
57
- this.sidebarNode = node;
58
- };
59
- render() {
60
- const {
61
- right,
62
- children,
63
- className,
64
- containerClassName,
65
- fixedClassName,
66
- contentNode,
67
- ...restProps
68
- } = this.props;
69
- const {
70
- topIsOutside,
71
- bottomIsOutside,
72
- sidebarVisibleHeight
73
- } = this.state;
74
- const shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
75
- const shouldFixateBottom = this.shouldFixateBottom();
76
- const containerClasses = classNames(styles.sidebarContainer, containerClassName, {
77
- [styles.sidebarContainerRight]: right
78
- });
79
- const classes = classNames(styles.sidebar, className, {
80
- [styles.sidebarRight]: right,
81
- [styles.sidebarFixedTop]: shouldFixateTop,
82
- [styles.sidebarFixedBottom]: shouldFixateBottom,
83
- [fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
84
- });
85
- const style = {
86
- maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined
87
- };
88
- return /*#__PURE__*/jsxs("aside", {
89
- className: containerClasses,
90
- ref: this.sidebarRef,
91
- children: [/*#__PURE__*/jsx(Waypoint, {
92
- onEnter: this.handleTopWaypoint,
93
- onLeave: this.handleTopWaypoint
94
- }), /*#__PURE__*/jsx("div", {
95
- ...restProps,
96
- style: style,
97
- className: classes,
98
- children: children
99
- }), /*#__PURE__*/jsx("div", {
100
- className: styles.bottomMarker,
101
- children: /*#__PURE__*/jsx(Waypoint, {
102
- onEnter: this.handleBottomWaypoint,
103
- onLeave: this.handleBottomWaypoint
104
- })
105
- })]
106
- });
107
- }
108
- }
109
-
110
- export { Sidebar as S, styles as s };
@@ -1,20 +0,0 @@
1
- import { Component, type HTMLAttributes } from 'react';
2
- export interface ContentLayoutProps extends HTMLAttributes<HTMLElement> {
3
- responsive: boolean;
4
- contentClassName?: string | null | undefined;
5
- }
6
- /**
7
- * @name Content Layout
8
- * @deprecated Will be removed in Ring UI 8.0.
9
- */
10
- export default class ContentLayout extends Component<ContentLayoutProps> {
11
- static defaultProps: {
12
- responsive: boolean;
13
- };
14
- state: {
15
- contentNode: null;
16
- };
17
- saveContentNode: (contentNode: HTMLElement | null) => void;
18
- render(): import("react").JSX.Element;
19
- }
20
- export { default as Sidebar } from './sidebar';
@@ -1,50 +0,0 @@
1
- import { Component, Children, cloneElement } from 'react';
2
- import classNames from 'classnames';
3
- import { s as styles, S as Sidebar } from '../_helpers/sidebar.js';
4
- import { jsxs, jsx } from 'react/jsx-runtime';
5
- import 'react-waypoint';
6
-
7
- class ContentLayout extends Component {
8
- static defaultProps = {
9
- responsive: true
10
- };
11
- state = {
12
- contentNode: null
13
- };
14
- saveContentNode = contentNode => {
15
- this.setState({
16
- contentNode
17
- });
18
- };
19
- render() {
20
- const {
21
- children,
22
- className,
23
- contentClassName,
24
- responsive,
25
- ...restProps
26
- } = this.props;
27
- const classes = classNames(styles.contentLayout, className, {
28
- [styles.contentLayoutResponsive]: responsive
29
- });
30
- const contentClasses = classNames(styles.contentLayoutContent, contentClassName);
31
- const childrenArray = Children.toArray(children);
32
- const sidebarChild = childrenArray.filter(child => !!child && typeof child === 'object' && 'type' in child && child.type === Sidebar)[0];
33
- const sidebar = sidebarChild && /*#__PURE__*/cloneElement(sidebarChild, {
34
- contentNode: this.state.contentNode
35
- });
36
- const contentChildren = childrenArray.filter(child => child !== sidebarChild);
37
- return /*#__PURE__*/jsxs("div", {
38
- "data-test": "content-layout",
39
- ...restProps,
40
- className: classes,
41
- children: [sidebar, /*#__PURE__*/jsx("main", {
42
- className: contentClasses,
43
- ref: this.saveContentNode,
44
- children: contentChildren
45
- })]
46
- });
47
- }
48
- }
49
-
50
- export { Sidebar, ContentLayout as default };
@@ -1,26 +0,0 @@
1
- import { Component, type HTMLAttributes } from 'react';
2
- import { Waypoint } from 'react-waypoint';
3
- export interface SidebarProps extends HTMLAttributes<HTMLElement> {
4
- right?: boolean | null | undefined;
5
- containerClassName?: string | null | undefined;
6
- fixedClassName?: string | null | undefined;
7
- contentNode?: HTMLElement | null | undefined;
8
- }
9
- /**
10
- * @name Sidebar
11
- * @deprecated Will be removed in Ring UI 8.0.
12
- */
13
- export default class Sidebar extends Component<SidebarProps> {
14
- state: {
15
- topIsOutside: boolean;
16
- bottomIsOutside: boolean;
17
- sidebarVisibleHeight: undefined;
18
- };
19
- sidebarNode?: HTMLElement | null;
20
- handleTopWaypoint: ({ currentPosition }: Waypoint.CallbackArgs) => void;
21
- handleBottomWaypoint: ({ currentPosition, waypointTop }: Waypoint.CallbackArgs) => void;
22
- shouldUseFixation(): boolean;
23
- shouldFixateBottom(): boolean;
24
- sidebarRef: (node: HTMLElement | null) => void;
25
- render(): import("react").JSX.Element;
26
- }
@@ -1,5 +0,0 @@
1
- import 'react';
2
- import 'classnames';
3
- import 'react-waypoint';
4
- export { S as default } from '../_helpers/sidebar.js';
5
- import 'react/jsx-runtime';
@@ -1,8 +0,0 @@
1
- import { type CollapsibleGroupProps } from '../collapsible-group/collapsible-group';
2
- /**
3
- * @deprecated The `expand` module has been renamed to `collapsible-group`. This re-export will be removed in
4
- * Ring UI 8.0. Use `CollapsibleGroup` from `@jetbrains/ring-ui/components/collapsible-group/collapsible-group` instead.
5
- */
6
- declare const DeprecatedCollapsibleGroup: import("react").ForwardRefExoticComponent<Omit<CollapsibleGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
7
- export type { CollapsibleGroupProps };
8
- export default DeprecatedCollapsibleGroup;
@@ -1,52 +0,0 @@
1
- import { c } from 'react/compiler-runtime';
2
- import { forwardRef } from 'react';
3
- import deprecate from 'util-deprecate';
4
- import CollapsibleGroup from '../collapsible-group/collapsible-group.js';
5
- import { jsx } from 'react/jsx-runtime';
6
- import 'classnames';
7
- import '@jetbrains/icons/chevron-12px-right';
8
- import '@jetbrains/icons/chevron-12px-down';
9
- import '../icon/icon.js';
10
- import '../icon/icon.constants.js';
11
- import '../_helpers/icon-svg.js';
12
- import '../global/memoize.js';
13
- import '../collapse/collapse.js';
14
- import '../collapse/collapse-context.js';
15
- import '../collapse/consts.js';
16
- import '../collapse/collapse-content.js';
17
- import '../global/data-tests.js';
18
- import '../global/dom.js';
19
- import '../global/parse-css-duration.js';
20
- import '../collapse/utils.js';
21
-
22
- const warnDeprecation = deprecate(() => {}, '`CollapsibleGroup` from `@jetbrains/ring-ui/components/expand/collapsible-group` is deprecated and will be removed in Ring UI 8.0. Import it from `@jetbrains/ring-ui/components/collapsible-group/collapsible-group` instead.');
23
- /**
24
- * @deprecated The `expand` module has been renamed to `collapsible-group`. This re-export will be removed in
25
- * Ring UI 8.0. Use `CollapsibleGroup` from `@jetbrains/ring-ui/components/collapsible-group/collapsible-group` instead.
26
- */
27
- const DeprecatedCollapsibleGroup = /*#__PURE__*/forwardRef((props, ref) => {
28
- const $ = c(4);
29
- if ($[0] !== "dc9f603c6e591e91f020cc5faed8f169e693dd93fe948fc345146a82715c1a34") {
30
- for (let $i = 0; $i < 4; $i += 1) {
31
- $[$i] = Symbol.for("react.memo_cache_sentinel");
32
- }
33
- $[0] = "dc9f603c6e591e91f020cc5faed8f169e693dd93fe948fc345146a82715c1a34";
34
- }
35
- warnDeprecation();
36
- let t0;
37
- if ($[1] !== props || $[2] !== ref) {
38
- t0 = /*#__PURE__*/jsx(CollapsibleGroup, {
39
- ref: ref,
40
- ...props
41
- });
42
- $[1] = props;
43
- $[2] = ref;
44
- $[3] = t0;
45
- } else {
46
- t0 = $[3];
47
- }
48
- return t0;
49
- });
50
- DeprecatedCollapsibleGroup.displayName = 'CollapsibleGroup';
51
-
52
- export { DeprecatedCollapsibleGroup as default };
@@ -1,16 +0,0 @@
1
- import { Component, type HTMLAttributes } from 'react';
2
- export interface ColProps extends HTMLAttributes<HTMLDivElement> {
3
- 'data-test'?: string | null | undefined;
4
- xs?: boolean | number | null | undefined;
5
- sm?: boolean | number | null | undefined;
6
- md?: boolean | number | null | undefined;
7
- lg?: boolean | number | null | undefined;
8
- xsOffset?: number | null | undefined;
9
- smOffset?: number | null | undefined;
10
- mdOffset?: number | null | undefined;
11
- lgOffset?: number | null | undefined;
12
- reverse?: boolean | null | undefined;
13
- }
14
- export default class Col extends Component<ColProps> {
15
- render(): import("react").JSX.Element;
16
- }
@@ -1,63 +0,0 @@
1
- import { Component } from 'react';
2
- import classNames from 'classnames';
3
- import joinDataTestAttributes from '../global/data-tests.js';
4
- import { s as styles } from '../_helpers/grid.js';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- const classMap = {
8
- xs: 'col-xs',
9
- sm: 'col-sm',
10
- md: 'col-md',
11
- lg: 'col-lg',
12
- xsOffset: 'col-xs-offset',
13
- smOffset: 'col-sm-offset',
14
- mdOffset: 'col-md-offset',
15
- lgOffset: 'col-lg-offset'
16
- };
17
- /**
18
- * Converts props like "xs=9 xsOffset={2}" to classes "col-xs-9 col-xs-offset-2"
19
- * @param {Object} props incoming props
20
- * @mockReturnValue {Array} result classnames
21
- */
22
- function getClassNames(props) {
23
- return Object.entries(props).filter(([key, value]) => classMap[key] && value != null).map(([key, value]) => styles[Number.isInteger(value) ? `${classMap[key]}-${value}` : classMap[key]]);
24
- }
25
- class Col extends Component {
26
- render() {
27
- const {
28
- children,
29
- className,
30
- 'data-test': dataTest,
31
- reverse,
32
- xs,
33
- sm,
34
- md,
35
- lg,
36
- xsOffset,
37
- smOffset,
38
- mdOffset,
39
- lgOffset,
40
- ...restProps
41
- } = this.props;
42
- const classes = classNames(styles.col, className, getClassNames({
43
- xs,
44
- sm,
45
- md,
46
- lg,
47
- xsOffset,
48
- smOffset,
49
- mdOffset,
50
- lgOffset
51
- }), {
52
- [styles.reverse]: reverse
53
- });
54
- return /*#__PURE__*/jsx("div", {
55
- ...restProps,
56
- className: classes,
57
- "data-test": joinDataTestAttributes('ring-grid-column', dataTest),
58
- children: children
59
- });
60
- }
61
- }
62
-
63
- export { Col as default };
@@ -1,13 +0,0 @@
1
- import { Component, type HTMLAttributes } from 'react';
2
- export interface GridProps extends HTMLAttributes<HTMLDivElement> {
3
- 'data-test'?: string | null | undefined;
4
- }
5
- /**
6
- * @name Grid
7
- * @deprecated Will be removed in Ring UI 8.0. Use flexbox or another layout library instead.
8
- */
9
- export declare class Grid extends Component<GridProps> {
10
- render(): import("react").JSX.Element;
11
- }
12
- export { default as Row } from './row';
13
- export { default as Col } from './col';
@@ -1,27 +0,0 @@
1
- import { Component } from 'react';
2
- import classNames from 'classnames';
3
- import joinDataTestAttributes from '../global/data-tests.js';
4
- import { s as styles } from '../_helpers/grid.js';
5
- import { jsx } from 'react/jsx-runtime';
6
- export { default as Row } from './row.js';
7
- export { default as Col } from './col.js';
8
-
9
- class Grid extends Component {
10
- render() {
11
- const {
12
- children,
13
- className,
14
- 'data-test': dataTest,
15
- ...restProps
16
- } = this.props;
17
- const classes = classNames(styles['container-fluid'], className);
18
- return /*#__PURE__*/jsx("div", {
19
- "data-test": joinDataTestAttributes('ring-grid', dataTest),
20
- ...restProps,
21
- className: classes,
22
- children: children
23
- });
24
- }
25
- }
26
-
27
- export { Grid };
@@ -1,21 +0,0 @@
1
- import { Component, type HTMLAttributes } from 'react';
2
- type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
3
- export interface RowProps extends HTMLAttributes<HTMLDivElement> {
4
- 'data-test'?: string | null | undefined;
5
- reverse?: boolean | null | undefined;
6
- start?: ModifierType | null | undefined;
7
- center?: ModifierType | null | undefined;
8
- end?: ModifierType | null | undefined;
9
- top?: ModifierType | null | undefined;
10
- middle?: ModifierType | null | undefined;
11
- baseline?: ModifierType | null | undefined;
12
- bottom?: ModifierType | null | undefined;
13
- around?: ModifierType | null | undefined;
14
- between?: ModifierType | null | undefined;
15
- first?: ModifierType | null | undefined;
16
- last?: ModifierType | null | undefined;
17
- }
18
- export default class Row extends Component<RowProps> {
19
- render(): import("react").JSX.Element;
20
- }
21
- export {};
@@ -1,72 +0,0 @@
1
- import { Component } from 'react';
2
- import classNames from 'classnames';
3
- import joinDataTestAttributes from '../global/data-tests.js';
4
- import { s as styles } from '../_helpers/grid.js';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- const modifierKeys = ['start', 'center', 'end',
8
- // text-align, justify-content
9
- 'around', 'between',
10
- // justify-content
11
- 'top', 'middle', 'baseline', 'bottom',
12
- // align-items
13
- 'first', 'last' // order
14
- ];
15
- /**
16
- * Converts xs="middle" to class "middle-xs"
17
- * @param {Object} props incoming props
18
- * @mockReturnValue {Array} result modifier classes
19
- */
20
- function getModifierClassNames(props) {
21
- return modifierKeys.reduce((result, key) => {
22
- if (props[key]) {
23
- return result.concat(styles[`${key}-${props[key]}`]);
24
- }
25
- return result;
26
- }, []);
27
- }
28
- class Row extends Component {
29
- render() {
30
- const {
31
- children,
32
- className,
33
- 'data-test': dataTest,
34
- reverse,
35
- start,
36
- center,
37
- end,
38
- top,
39
- middle,
40
- baseline,
41
- bottom,
42
- around,
43
- between,
44
- first,
45
- last,
46
- ...restProps
47
- } = this.props;
48
- const classes = classNames(className, styles.row, getModifierClassNames({
49
- start,
50
- center,
51
- end,
52
- top,
53
- middle,
54
- baseline,
55
- bottom,
56
- around,
57
- between,
58
- first,
59
- last
60
- }), {
61
- [styles.reverse]: reverse
62
- });
63
- return /*#__PURE__*/jsx("div", {
64
- ...restProps,
65
- className: classes,
66
- "data-test": joinDataTestAttributes('ring-grid-row', dataTest),
67
- children: children
68
- });
69
- }
70
- }
71
-
72
- export { Row as default };
@@ -1 +0,0 @@
1
- export { stop as default } from './old-browsers-message';