@jetbrains/ring-ui 8.0.0-beta.6 → 8.0.0-beta.7

package/components/content-layout/sidebar.js

@@ -1,71 +0,0 @@
-import { Component } from 'react';
-import classNames from 'classnames';
-import { Waypoint } from 'react-waypoint';
-import styles from './content-layout.css';
-const ABOVE = 'above';
-const INSIDE = 'inside';
-/**
- * @name Sidebar
- * @deprecated Will be removed in Ring UI 8.0.
- */
-export default 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 ?? '']: shouldFixateTop || shouldFixateBottom,
-        });
-        const style = {
-            maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined,
-        };
-        return (<aside className={containerClasses} ref={this.sidebarRef}>
-        <Waypoint onEnter={this.handleTopWaypoint} onLeave={this.handleTopWaypoint}/>
-
-        <div {...restProps} style={style} className={classes}>
-          {children}
-        </div>
-
-        <div className={styles.bottomMarker}>
-          <Waypoint onEnter={this.handleBottomWaypoint} onLeave={this.handleBottomWaypoint}/>
-        </div>
-      </aside>);
-    }
-}

package/components/expand/collapsible-group.css

@@ -1,76 +0,0 @@
-/* Deprecated alias of `../collapsible-group/collapsible-group.css` (removed in Ring UI 8.0).
-   Class names are forwarded via `composes` so the canonical stylesheet stays the single source of
-   the actual rules, while `import styles from '.../components/expand/collapsible-group.css'` keeps
-   returning the full token map. */
-
-.expand {
-  composes: expand from '../collapsible-group/collapsible-group.css';
-}
-
-.collapseRoot {
-  composes: collapseRoot from '../collapsible-group/collapsible-group.css';
-}
-
-.hovered {
-  composes: hovered from '../collapsible-group/collapsible-group.css';
-}
-
-.expanded {
-  composes: expanded from '../collapsible-group/collapsible-group.css';
-}
-
-.focused {
-  composes: focused from '../collapsible-group/collapsible-group.css';
-}
-
-.header {
-  composes: header from '../collapsible-group/collapsible-group.css';
-}
-
-.heading {
-  composes: heading from '../collapsible-group/collapsible-group.css';
-}
-
-.headerButton {
-  composes: headerButton from '../collapsible-group/collapsible-group.css';
-}
-
-.headerStatic {
-  composes: headerStatic from '../collapsible-group/collapsible-group.css';
-}
-
-.headerContent {
-  composes: headerContent from '../collapsible-group/collapsible-group.css';
-}
-
-.avatarGroup {
-  composes: avatarGroup from '../collapsible-group/collapsible-group.css';
-}
-
-.title {
-  composes: title from '../collapsible-group/collapsible-group.css';
-}
-
-.subtitleGroup {
-  composes: subtitleGroup from '../collapsible-group/collapsible-group.css';
-}
-
-.subtitle {
-  composes: subtitle from '../collapsible-group/collapsible-group.css';
-}
-
-.subtitleChevron {
-  composes: subtitleChevron from '../collapsible-group/collapsible-group.css';
-}
-
-.toggle {
-  composes: toggle from '../collapsible-group/collapsible-group.css';
-}
-
-.toggleIcon {
-  composes: toggleIcon from '../collapsible-group/collapsible-group.css';
-}
-
-.body {
-  composes: body from '../collapsible-group/collapsible-group.css';
-}

package/components/expand/collapsible-group.d.ts

@@ -1,8 +0,0 @@
-import { type CollapsibleGroupProps } from '../collapsible-group/collapsible-group';
-/**
- * @deprecated The `expand` module has been renamed to `collapsible-group`. This re-export will be removed in
- * Ring UI 8.0. Use `CollapsibleGroup` from `@jetbrains/ring-ui/components/collapsible-group/collapsible-group` instead.
- */
-declare const DeprecatedCollapsibleGroup: import("react").ForwardRefExoticComponent<Omit<CollapsibleGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export type { CollapsibleGroupProps };
-export default DeprecatedCollapsibleGroup;

package/components/expand/collapsible-group.js

@@ -1,14 +0,0 @@
-import { forwardRef } from 'react';
-import deprecate from 'util-deprecate';
-import CollapsibleGroup from '../collapsible-group/collapsible-group';
-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.');
-/**
- * @deprecated The `expand` module has been renamed to `collapsible-group`. This re-export will be removed in
- * Ring UI 8.0. Use `CollapsibleGroup` from `@jetbrains/ring-ui/components/collapsible-group/collapsible-group` instead.
- */
-const DeprecatedCollapsibleGroup = forwardRef((props, ref) => {
-    warnDeprecation();
-    return <CollapsibleGroup ref={ref} {...props}/>;
-});
-DeprecatedCollapsibleGroup.displayName = 'CollapsibleGroup';
-export default DeprecatedCollapsibleGroup;

package/components/grid/col.d.ts

@@ -1,16 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-export interface ColProps extends HTMLAttributes<HTMLDivElement> {
-    'data-test'?: string | null | undefined;
-    xs?: boolean | number | null | undefined;
-    sm?: boolean | number | null | undefined;
-    md?: boolean | number | null | undefined;
-    lg?: boolean | number | null | undefined;
-    xsOffset?: number | null | undefined;
-    smOffset?: number | null | undefined;
-    mdOffset?: number | null | undefined;
-    lgOffset?: number | null | undefined;
-    reverse?: boolean | null | undefined;
-}
-export default class Col extends Component<ColProps> {
-    render(): import("react").JSX.Element;
-}

package/components/grid/col.js

@@ -1,35 +0,0 @@
-import { Component } from 'react';
-import classNames from 'classnames';
-import dataTests from '../global/data-tests';
-import styles from './grid.css';
-const classMap = {
-    xs: 'col-xs',
-    sm: 'col-sm',
-    md: 'col-md',
-    lg: 'col-lg',
-    xsOffset: 'col-xs-offset',
-    smOffset: 'col-sm-offset',
-    mdOffset: 'col-md-offset',
-    lgOffset: 'col-lg-offset',
-};
-/**
- * Converts props like "xs=9 xsOffset={2}" to classes "col-xs-9 col-xs-offset-2"
- * @param {Object} props incoming props
- * @mockReturnValue {Array} result classnames
- */
-function getClassNames(props) {
-    return Object.entries(props)
-        .filter(([key, value]) => classMap[key] && value != null)
-        .map(([key, value]) => styles[Number.isInteger(value) ? `${classMap[key]}-${value}` : classMap[key]]);
-}
-export default class Col extends Component {
-    render() {
-        const { children, className, 'data-test': dataTest, reverse, xs, sm, md, lg, xsOffset, smOffset, mdOffset, lgOffset, ...restProps } = this.props;
-        const classes = classNames(styles.col, className, getClassNames({ xs, sm, md, lg, xsOffset, smOffset, mdOffset, lgOffset }), {
-            [styles.reverse]: reverse,
-        });
-        return (<div {...restProps} className={classes} data-test={dataTests('ring-grid-column', dataTest)}>
-        {children}
-      </div>);
-    }
-}