@jetbrains/ring-ui-built 7.0.123 → 8.0.0-beta.10

package/components/tabs/collapsible-more.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { memo } from 'react';
 import classNames from 'classnames';
 import { Directions } from '../popup/popup.consts.js';

package/components/tabs/collapsible-tab.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import * as React from 'react';
 import classNames from 'classnames';
 import { s as styles, T as TabLink } from '../_helpers/tab-link.js';

package/components/tabs/collapsible-tabs.js

@@ -1,4 +1,4 @@
-import { c } from 'react-compiler-runtime';
+import { c } from 'react/compiler-runtime';
 import { memo, useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import fastdom from 'fastdom';

package/components/tabs/dumb-tabs.js

@@ -8,7 +8,7 @@ import CollapsibleTabs from './collapsible-tabs.js';
 import { CustomItem } from './custom-item.js';
 import { getTabId } from './tabs.utils.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/tabs/smart-tabs.js

@@ -5,7 +5,7 @@ import { jsx } from 'react/jsx-runtime';
 import 'classnames';
 import '../global/memoize.js';
 import '../_helpers/tab-link.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import '../_helpers/link.js';

package/components/tabs/tab-link.js

@@ -1,4 +1,4 @@
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'react';
 import '../link/link.js';
 export { T as default } from '../_helpers/tab-link.js';

package/components/tabs/tabs.js

@@ -7,7 +7,7 @@ import 'classnames';
 import '../global/memoize.js';
 import '../global/data-tests.js';
 import '../_helpers/tab-link.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../link/link.js';
 import '../link/clickable-link.js';
 import 'react/jsx-runtime';

package/components/tag/tag.js

@@ -10,7 +10,7 @@ import { ControlsHeight } from '../global/configuration.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';

package/components/tags-input/tags-input.d.ts

@@ -110,6 +110,8 @@ export default class TagsInput extends PureComponent<TagsInputProps, TagsInputSt
     selectRef: (el: Select | null) => void;
     render(): React.JSX.Element;
 }
-export declare const RerenderableTagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<TagsInput>>;
+export declare const RerenderableTagsInput: ({ ref, ...props }: TagsInputProps & {
+    ref?: React.Ref<TagsInput> | undefined;
+}) => React.JSX.Element;
 export type TagsInputAttrs = React.JSX.LibraryManagedAttributes<typeof TagsInput, TagsInputProps>;
 export {};

package/components/tags-input/tags-input.js

@@ -17,19 +17,18 @@ import 'dequal';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
 import '../global/configuration.js';
 import '../avatar/avatar.js';
-import 'core-js/modules/es.array.includes.js';
 import '../global/url.js';
 import '../global/dom.js';
 import '../avatar/fallback-avatar.js';
@@ -40,6 +39,7 @@ import 'react-dom';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';

package/components/tags-list/tags-list.js

@@ -7,7 +7,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';

package/components/toggle/toggle.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import joinDataTestAttributes from '../global/data-tests.js';
 import ControlHelp from '../control-help/control-help.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 
 var styles = {"toggle":"ring-toggle-toggle","switch":"ring-toggle-switch","disabled":"ring-toggle-disabled","label":"ring-toggle-label","help":"ring-toggle-help","leftLabel":"ring-toggle-leftLabel","switchWrapper":"ring-toggle-switchWrapper","input":"ring-toggle-input","size16":"ring-toggle-size16","size14":"ring-toggle-size14","size20":"ring-toggle-size20"};
 

package/components/tooltip/tooltip.d.ts

@@ -8,7 +8,8 @@ interface Context {
     onNestedTooltipHide: () => void;
 }
 declare const TooltipContext: React.Context<Context | undefined>;
-export interface TooltipProps extends Omit<AllHTMLAttributes<HTMLSpanElement>, 'title'> {
+export interface TooltipProps extends Omit<AllHTMLAttributes<HTMLElement>, 'title'> {
+    TagName?: 'span' | 'div' | null | undefined;
     delay?: number | null | undefined;
     selfOverflowOnly?: boolean | null | undefined;
     popupProps?: Partial<PopupAttrs> | null | undefined;

package/components/tooltip/tooltip.js

@@ -15,7 +15,7 @@ import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/configuration.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
@@ -161,6 +161,7 @@ class Tooltip extends Component {
   render() {
     const {
       children,
+      TagName,
       'data-test': dataTest,
       title,
       delay,
@@ -182,6 +183,7 @@ class Tooltip extends Component {
       onNestedTooltipShow,
       onNestedTooltipHide
     } = this;
+    const WrapperElement = TagName || 'span';
     const popup = /*#__PURE__*/jsx(Popup, {
       trapFocus: false,
       anchorElement: this.containerNode,
@@ -200,12 +202,12 @@ class Tooltip extends Component {
       }, popupProps?.className),
       children: title
     });
-    return /*#__PURE__*/jsx(TooltipContext.Provider, {
+    return /*#__PURE__*/jsx(TooltipContext, {
       value: {
         onNestedTooltipShow,
         onNestedTooltipHide
       },
-      children: /*#__PURE__*/jsxs("span", {
+      children: /*#__PURE__*/jsxs(WrapperElement, {
         ...ariaProps,
         ...restProps,
         ref: this.containerRef,

package/components/upload/upload.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode, type Ref } from 'react';
 export type UploadVariant = 'empty' | 'error' | 'success';
 interface Props {
     className?: string;
@@ -10,10 +10,11 @@ interface Props {
     accept?: HTMLInputElement['accept'];
     disabled?: boolean;
     variant?: UploadVariant;
+    ref?: Ref<UploadHandle>;
     children?: ReactNode;
 }
 export interface UploadHandle {
     openFilePicker: () => void;
 }
-export declare const Upload: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<UploadHandle>>;
-export default Upload;
+export default function UploadInner({ children, className, onFilesSelected, onFilesRejected, validate, variant, multiple, renderIcon, accept, disabled, ref, }: Props): import("react").JSX.Element;
+export {};

package/components/upload/upload.js

@@ -1,5 +1,5 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef, useRef, useState, useImperativeHandle } from 'react';
+import { c } from 'react/compiler-runtime';
+import { useRef, useState, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import attachmentIcon from '@jetbrains/icons/attachment';
 import Icon from '../icon/icon.js';
@@ -17,11 +17,11 @@ const defaultRenderIcon = () => /*#__PURE__*/jsx(Icon, {
 });
 function UploadInner(t0) {
   const $ = c(29);
-  if ($[0] !== "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084") {
+  if ($[0] !== "d58de564c5913f5a17e892bfa80bc62db12ed2c472d455b1315750c6d5bfd08f") {
     for (let $i = 0; $i < 29; $i += 1) {
       $[$i] = Symbol.for("react.memo_cache_sentinel");
     }
-    $[0] = "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084";
+    $[0] = "d58de564c5913f5a17e892bfa80bc62db12ed2c472d455b1315750c6d5bfd08f";
   }
   const {
     children,
@@ -34,7 +34,7 @@ function UploadInner(t0) {
     renderIcon: t3,
     accept,
     disabled,
-    forwardedRef
+    ref
   } = t0;
   const validate = t1 === undefined ? _temp : t1;
   const variant = t2 === undefined ? "empty" : t2;
@@ -54,7 +54,7 @@ function UploadInner(t0) {
     t4 = $[1];
     t5 = $[2];
   }
-  useImperativeHandle(forwardedRef, t4, t5);
+  useImperativeHandle(ref, t4, t5);
   let t6;
   if ($[3] !== onFilesRejected || $[4] !== onFilesSelected || $[5] !== validate) {
     t6 = files => {
@@ -182,27 +182,5 @@ function _temp2(e) {
 function _temp() {
   return true;
 }
-const Upload = /*#__PURE__*/forwardRef(function Upload(props, ref) {
-  const $ = c(4);
-  if ($[0] !== "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084") {
-    for (let $i = 0; $i < 4; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "7d5a4ecc65f01d46fa3e08e16dbed39a1cd6f740a025c62cc404b96900b00084";
-  }
-  let t0;
-  if ($[1] !== props || $[2] !== ref) {
-    t0 = /*#__PURE__*/jsx(UploadInner, {
-      ...props,
-      forwardedRef: ref
-    });
-    $[1] = props;
-    $[2] = ref;
-    $[3] = t0;
-  } else {
-    t0 = $[3];
-  }
-  return t0;
-});
 
-export { Upload, Upload as default };
+export { UploadInner as default };

package/components/user-agreement/service.js

@@ -19,7 +19,7 @@ import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../global/data-tests.js';
@@ -283,7 +283,7 @@ class UserAgreementService {
           preview,
           ...restOptions
         };
-        this.reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
+        this.reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext, {
           value: getGlobalControlsHeight(),
           children: /*#__PURE__*/jsx(UserAgreement, {
             ...props

package/components/user-agreement/user-agreement.js

@@ -14,7 +14,7 @@ import '../island/island.js';
 import '../global/data-tests.js';
 import '../island/adaptive-island-hoc.js';
 import '../global/linear-function.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../global/get-uid.js';
@@ -37,8 +37,8 @@ import '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/user-card/card.js

@@ -12,13 +12,10 @@ export { U as default } from '../_helpers/card.js';
 import 'react/jsx-runtime';
 import '../avatar/avatar-size.js';
 import '../icon/icon.constants.js';
-import 'core-js/modules/es.array.includes.js';
-import 'util-deprecate';
 import '../global/url.js';
 import '../global/dom.js';
-import '../global/memoize.js';
 import '../avatar/fallback-avatar.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/get-uid.js';
 import '../_helpers/avatar-info.js';
 import '../global/data-tests.js';
@@ -37,9 +34,11 @@ import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
 import '../global/controls-height.js';
+import 'util-deprecate';
 import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../_helpers/icon-svg.js';
+import '../global/memoize.js';
 import '../_helpers/theme.js';
 import '../alert/alert-heading.js';
 import '../heading/heading.js';
@@ -55,6 +54,7 @@ import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';

package/components/user-card/smart-user-card-tooltip.js

@@ -8,12 +8,12 @@ import '../global/data-tests.js';
 import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/user-card/tooltip.js

@@ -7,12 +7,12 @@ import { jsx } from 'react/jsx-runtime';
 import '../global/data-tests.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
 import '@jetbrains/icons/chevron-12px-down';
-import 'util-deprecate';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
 import '../global/memoize.js';

package/components/user-card/user-card.js

@@ -5,13 +5,10 @@ import 'react';
 import 'classnames';
 import '@jetbrains/icons/copy';
 import '../avatar/avatar.js';
-import 'core-js/modules/es.array.includes.js';
-import 'util-deprecate';
 import '../global/url.js';
 import '../global/dom.js';
-import '../global/memoize.js';
 import '../avatar/fallback-avatar.js';
-import 'react-compiler-runtime';
+import 'react/compiler-runtime';
 import '../global/get-uid.js';
 import '../avatar/avatar-size.js';
 import 'react/jsx-runtime';
@@ -30,8 +27,10 @@ import '@jetbrains/icons/warning';
 import '@jetbrains/icons/info-filled';
 import '@jetbrains/icons/close';
 import '../icon/icon.js';
+import 'util-deprecate';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
+import '../global/memoize.js';
 import '../loader-inline/loader-inline.js';
 import '../button/button.js';
 import '@jetbrains/icons/chevron-down';
@@ -57,6 +56,7 @@ import '../popup/popup.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
+import 'core-js/modules/es.array.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';

package/components/util-stories.d.ts

@@ -1 +1,27 @@
 export declare const hideAddonsPanelParam = "hideAddonsPanel";
+export declare function createRandom(seed: bigint): {
+    /**
+     * Fractional in [0, 1)
+     */
+    (): number;
+    /**
+     * Integer in [0, to)
+     */
+    (to: number): number;
+    /**
+     * Integer in [from, to)
+     */
+    (from: number, to: number): number;
+    /**
+     * Date in [from, to)
+     */
+    (from: Date, to: Date): Date;
+    /**
+     * Up to random n items (in random order) from the array
+     */
+    <T>(array: readonly T[], n: number): T[];
+    /**
+     * Random item from the array
+     */
+    <T>(array: readonly T[]): T;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui-built",
-  "version": "7.0.123",
+  "version": "8.0.0-beta.10",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -97,11 +97,11 @@
   "readmeFilename": "README.md",
   "devDependencies": {},
   "peerDependencies": {
-    "@types/react": ">=18.0.0",
-    "@types/react-dom": ">=18.0.0",
+    "@types/react": ">=19.2.0",
+    "@types/react-dom": ">=19.2.0",
     "core-js": ">=3.0.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -113,7 +113,7 @@
   },
   "dependencies": {
     "@jetbrains/icons": "^5.23.0",
-    "change-case": "^5.4.4",
+    "change-case": "^4.1.1",
     "classnames": "^2.5.1",
     "combokeys": "^3.0.1",
     "date-fns": "^4.4.0",
@@ -127,7 +127,6 @@
     "react-compiler-runtime": "^1.0.0",
     "react-movable": "^3.4.1",
     "react-virtualized": "^9.22.6",
-    "react-waypoint": "^10.3.0",
     "scrollbar-width": "^3.1.1",
     "simply-uuid": "^1.0.1",
     "sniffr": "^1.4.0",

package/components/__mocks__/old-browsers-message.js

@@ -1,3 +0,0 @@
-function stop() {}
-
-export { stop };

package/components/_helpers/grid.js

@@ -1,3 +0,0 @@
-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"};
-
-export { styles as s };

package/components/_helpers/sidebar.js

@@ -1,110 +0,0 @@
-import { Component } from 'react';
-import classNames from 'classnames';
-import { Waypoint } from 'react-waypoint';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-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"};
-
-const ABOVE = 'above';
-const INSIDE = 'inside';
-/**
- * @name Sidebar
- * @deprecated Will be removed in Ring UI 8.0.
- */
-class Sidebar extends Component {
-  state = {
-    topIsOutside: true,
-    bottomIsOutside: true,
-    sidebarVisibleHeight: undefined
-  };
-  sidebarNode;
-  handleTopWaypoint = ({
-    currentPosition
-  }) => {
-    this.setState({
-      topIsOutside: currentPosition === ABOVE
-    });
-  };
-  handleBottomWaypoint = ({
-    currentPosition,
-    waypointTop
-  }) => {
-    this.setState({
-      sidebarVisibleHeight: waypointTop,
-      bottomIsOutside: currentPosition !== INSIDE
-    });
-  };
-  shouldUseFixation() {
-    const {
-      contentNode
-    } = this.props;
-    const {
-      sidebarNode
-    } = this;
-    if (!contentNode || !sidebarNode) {
-      return false;
-    }
-    return contentNode.offsetHeight >= sidebarNode.offsetHeight;
-  }
-  shouldFixateBottom() {
-    const {
-      topIsOutside,
-      bottomIsOutside
-    } = this.state;
-    return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
-  }
-  sidebarRef = node => {
-    this.sidebarNode = node;
-  };
-  render() {
-    const {
-      right,
-      children,
-      className,
-      containerClassName,
-      fixedClassName,
-      contentNode,
-      ...restProps
-    } = this.props;
-    const {
-      topIsOutside,
-      bottomIsOutside,
-      sidebarVisibleHeight
-    } = this.state;
-    const shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
-    const shouldFixateBottom = this.shouldFixateBottom();
-    const containerClasses = classNames(styles.sidebarContainer, containerClassName, {
-      [styles.sidebarContainerRight]: right
-    });
-    const classes = classNames(styles.sidebar, className, {
-      [styles.sidebarRight]: right,
-      [styles.sidebarFixedTop]: shouldFixateTop,
-      [styles.sidebarFixedBottom]: shouldFixateBottom,
-      [fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
-    });
-    const style = {
-      maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined
-    };
-    return /*#__PURE__*/jsxs("aside", {
-      className: containerClasses,
-      ref: this.sidebarRef,
-      children: [/*#__PURE__*/jsx(Waypoint, {
-        onEnter: this.handleTopWaypoint,
-        onLeave: this.handleTopWaypoint
-      }), /*#__PURE__*/jsx("div", {
-        ...restProps,
-        style: style,
-        className: classes,
-        children: children
-      }), /*#__PURE__*/jsx("div", {
-        className: styles.bottomMarker,
-        children: /*#__PURE__*/jsx(Waypoint, {
-          onEnter: this.handleBottomWaypoint,
-          onLeave: this.handleBottomWaypoint
-        })
-      })]
-    });
-  }
-}
-
-export { Sidebar as S, styles as s };

package/components/content-layout/content-layout.d.ts

@@ -1,20 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-export interface ContentLayoutProps extends HTMLAttributes<HTMLElement> {
-    responsive: boolean;
-    contentClassName?: string | null | undefined;
-}
-/**
- * @name Content Layout
- * @deprecated Will be removed in Ring UI 8.0.
- */
-export default class ContentLayout extends Component<ContentLayoutProps> {
-    static defaultProps: {
-        responsive: boolean;
-    };
-    state: {
-        contentNode: null;
-    };
-    saveContentNode: (contentNode: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
-}
-export { default as Sidebar } from './sidebar';