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

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';

package/components/content-layout/content-layout.js

@@ -1,50 +0,0 @@
-import { Component, Children, cloneElement } from 'react';
-import classNames from 'classnames';
-import { s as styles, S as Sidebar } from '../_helpers/sidebar.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react-waypoint';
-
-class ContentLayout extends Component {
-  static defaultProps = {
-    responsive: true
-  };
-  state = {
-    contentNode: null
-  };
-  saveContentNode = contentNode => {
-    this.setState({
-      contentNode
-    });
-  };
-  render() {
-    const {
-      children,
-      className,
-      contentClassName,
-      responsive,
-      ...restProps
-    } = this.props;
-    const classes = classNames(styles.contentLayout, className, {
-      [styles.contentLayoutResponsive]: responsive
-    });
-    const contentClasses = classNames(styles.contentLayoutContent, contentClassName);
-    const childrenArray = Children.toArray(children);
-    const sidebarChild = childrenArray.filter(child => !!child && typeof child === 'object' && 'type' in child && child.type === Sidebar)[0];
-    const sidebar = sidebarChild && /*#__PURE__*/cloneElement(sidebarChild, {
-      contentNode: this.state.contentNode
-    });
-    const contentChildren = childrenArray.filter(child => child !== sidebarChild);
-    return /*#__PURE__*/jsxs("div", {
-      "data-test": "content-layout",
-      ...restProps,
-      className: classes,
-      children: [sidebar, /*#__PURE__*/jsx("main", {
-        className: contentClasses,
-        ref: this.saveContentNode,
-        children: contentChildren
-      })]
-    });
-  }
-}
-
-export { Sidebar, ContentLayout as default };

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

@@ -1,26 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-import { Waypoint } from 'react-waypoint';
-export interface SidebarProps extends HTMLAttributes<HTMLElement> {
-    right?: boolean | null | undefined;
-    containerClassName?: string | null | undefined;
-    fixedClassName?: string | null | undefined;
-    contentNode?: HTMLElement | null | undefined;
-}
-/**
- * @name Sidebar
- * @deprecated Will be removed in Ring UI 8.0.
- */
-export default class Sidebar extends Component<SidebarProps> {
-    state: {
-        topIsOutside: boolean;
-        bottomIsOutside: boolean;
-        sidebarVisibleHeight: undefined;
-    };
-    sidebarNode?: HTMLElement | null;
-    handleTopWaypoint: ({ currentPosition }: Waypoint.CallbackArgs) => void;
-    handleBottomWaypoint: ({ currentPosition, waypointTop }: Waypoint.CallbackArgs) => void;
-    shouldUseFixation(): boolean;
-    shouldFixateBottom(): boolean;
-    sidebarRef: (node: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
-}

package/components/content-layout/sidebar.js

@@ -1,5 +0,0 @@
-import 'react';
-import 'classnames';
-import 'react-waypoint';
-export { S as default } from '../_helpers/sidebar.js';
-import 'react/jsx-runtime';

package/components/date-picker/use-intersection-observer.d.ts

@@ -1,6 +0,0 @@
-import { type RefObject } from 'react';
-export declare function useIntersectionObserver(containerRef: RefObject<HTMLElement | null>, scrollMargin?: number): IntersectionObserverHandle | null;
-export interface IntersectionObserverHandle {
-    observeVisibility(element: Element, setVisible: (isVisible: boolean) => void): () => void;
-}
-export declare function useVisibility(handle: IntersectionObserverHandle | null, elementRef: RefObject<Element | null>): boolean;

package/components/date-picker/use-intersection-observer.js

@@ -1,93 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { useState, useEffect } from 'react';
-
-function useIntersectionObserver(containerRef, t0) {
-  const $ = c(5);
-  if ($[0] !== "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a") {
-    for (let $i = 0; $i < 5; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a";
-  }
-  const scrollMargin = t0 === undefined ? 0 : t0;
-  const [handle, setHandle] = useState(null);
-  let t1;
-  let t2;
-  if ($[1] !== containerRef || $[2] !== scrollMargin) {
-    t1 = () => {
-      const container = containerRef.current;
-      if (!container) {
-        return;
-      }
-      const elementToSetVisible = new Map();
-      const observer = new IntersectionObserver(entries => {
-        for (const entry of entries) {
-          const setVisible = elementToSetVisible.get(entry.target);
-          setVisible?.(entry.isIntersecting);
-        }
-      }, {
-        root: container,
-        ...(scrollMargin ? {
-          scrollMargin: `${scrollMargin}px`
-        } : {})
-      });
-      setHandle({
-        observeVisibility(element, setVisible_0) {
-          elementToSetVisible.set(element, setVisible_0);
-          observer.observe(element);
-          return () => {
-            elementToSetVisible.delete(element);
-            observer.unobserve(element);
-          };
-        }
-      });
-      return () => {
-        observer.disconnect();
-        setHandle(null);
-      };
-    };
-    t2 = [containerRef, scrollMargin];
-    $[1] = containerRef;
-    $[2] = scrollMargin;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t1 = $[3];
-    t2 = $[4];
-  }
-  useEffect(t1, t2);
-  return handle;
-}
-function useVisibility(handle, elementRef) {
-  const $ = c(5);
-  if ($[0] !== "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a") {
-    for (let $i = 0; $i < 5; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "85eea0b6bda17bfb5987776c879da3db3d1a41e1157672102d3b021b57efb05a";
-  }
-  const [isVisible, setIsVisible] = useState(false);
-  let t0;
-  let t1;
-  if ($[1] !== elementRef || $[2] !== handle) {
-    t0 = () => {
-      const element = elementRef.current;
-      if (!element || !handle) {
-        return;
-      }
-      return handle.observeVisibility(element, setIsVisible);
-    };
-    t1 = [handle, elementRef, setIsVisible];
-    $[1] = elementRef;
-    $[2] = handle;
-    $[3] = t0;
-    $[4] = t1;
-  } else {
-    t0 = $[3];
-    t1 = $[4];
-  }
-  useEffect(t0, t1);
-  return isVisible;
-}
-
-export { useIntersectionObserver, useVisibility };

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<CollapsibleGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { CollapsibleGroupProps };
-export default DeprecatedCollapsibleGroup;

package/components/expand/collapsible-group.js

@@ -1,52 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { forwardRef } from 'react';
-import deprecate from 'util-deprecate';
-import CollapsibleGroup from '../collapsible-group/collapsible-group.js';
-import { jsx } from 'react/jsx-runtime';
-import 'classnames';
-import '@jetbrains/icons/chevron-12px-right';
-import '@jetbrains/icons/chevron-12px-down';
-import '../icon/icon.js';
-import '../icon/icon.constants.js';
-import '../_helpers/icon-svg.js';
-import '../global/configuration.js';
-import '../global/memoize.js';
-import '../collapse/collapse.js';
-import '../collapse/collapse-context.js';
-import '../collapse/consts.js';
-import '../collapse/collapse-content.js';
-import '../global/data-tests.js';
-import '../global/dom.js';
-import '../collapse/utils.js';
-
-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 = /*#__PURE__*/forwardRef((props, ref) => {
-  const $ = c(4);
-  if ($[0] !== "dc9f603c6e591e91f020cc5faed8f169e693dd93fe948fc345146a82715c1a34") {
-    for (let $i = 0; $i < 4; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "dc9f603c6e591e91f020cc5faed8f169e693dd93fe948fc345146a82715c1a34";
-  }
-  warnDeprecation();
-  let t0;
-  if ($[1] !== props || $[2] !== ref) {
-    t0 = /*#__PURE__*/jsx(CollapsibleGroup, {
-      ref: ref,
-      ...props
-    });
-    $[1] = props;
-    $[2] = ref;
-    $[3] = t0;
-  } else {
-    t0 = $[3];
-  }
-  return t0;
-});
-DeprecatedCollapsibleGroup.displayName = 'CollapsibleGroup';
-
-export { DeprecatedCollapsibleGroup as default };

package/components/global/composeRefs.d.ts

@@ -1,6 +0,0 @@
-import { createComposedRef as _createComposedRef } from './compose-refs';
-/**
- * @deprecated Use createComposedRef from './compose-refs' instead
- */
-declare const createComposedRef: typeof _createComposedRef;
-export { createComposedRef };

package/components/global/composeRefs.js

@@ -1,9 +0,0 @@
-import { createComposedRef as createComposedRef$1 } from './compose-refs.js';
-import 'memoize-one';
-
-/**
- * @deprecated Use createComposedRef from './compose-refs' instead
- */
-const createComposedRef = createComposedRef$1;
-
-export { createComposedRef };

package/components/global/use-event-callback.d.ts

@@ -1,4 +0,0 @@
-/**
- * @deprecated This hook will be removed in Ring UI 8.0. Use `useEffectEvent()` instead.
- */
-export default function useEventCallback<I extends unknown[], O>(fn: (...args: I) => O): (...args: I) => O;

package/components/global/use-event-callback.js

@@ -1,49 +0,0 @@
-import { c } from 'react-compiler-runtime';
-import { useRef, useLayoutEffect } from 'react';
-import deprecate from 'util-deprecate';
-
-const warnDeprecation = deprecate(() => {}, '`useEventCallback()` is deprecated and will be removed in Ring UI 8.0. Use `useEffectEvent()` instead.');
-/**
- * @deprecated This hook will be removed in Ring UI 8.0. Use `useEffectEvent()` instead.
- */
-function useEventCallback(fn) {
-  const $ = c(4);
-  if ($[0] !== "0b80c23a2d5918c2ff451ff50bb10512bd04bc56940e9524fa5677201ca31d22") {
-    for (let $i = 0; $i < 4; $i += 1) {
-      $[$i] = Symbol.for("react.memo_cache_sentinel");
-    }
-    $[0] = "0b80c23a2d5918c2ff451ff50bb10512bd04bc56940e9524fa5677201ca31d22";
-  }
-  warnDeprecation();
-  const ref = useRef(null);
-  let t0;
-  if ($[1] !== fn) {
-    t0 = () => {
-      ref.current = fn;
-    };
-    $[1] = fn;
-    $[2] = t0;
-  } else {
-    t0 = $[2];
-  }
-  useLayoutEffect(t0);
-  let t1;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = (...t2) => {
-      const args = t2;
-      const {
-        current
-      } = ref;
-      if (current === null || current === undefined) {
-        throw new Error("callback created in useEventCallback can only be called from event handlers");
-      }
-      return current(...args);
-    };
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
-}
-
-export { useEventCallback as default };

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,63 +0,0 @@
-import { Component } from 'react';
-import classNames from 'classnames';
-import joinDataTestAttributes from '../global/data-tests.js';
-import { s as styles } from '../_helpers/grid.js';
-import { jsx } from 'react/jsx-runtime';
-
-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]]);
-}
-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 /*#__PURE__*/jsx("div", {
-      ...restProps,
-      className: classes,
-      "data-test": joinDataTestAttributes('ring-grid-column', dataTest),
-      children: children
-    });
-  }
-}
-
-export { Col as default };

package/components/grid/grid.d.ts

@@ -1,13 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-    'data-test'?: string | null | undefined;
-}
-/**
- * @name Grid
- * @deprecated Will be removed in Ring UI 8.0. Use flexbox or another layout library instead.
- */
-export declare class Grid extends Component<GridProps> {
-    render(): import("react").JSX.Element;
-}
-export { default as Row } from './row';
-export { default as Col } from './col';

package/components/grid/grid.js

@@ -1,27 +0,0 @@
-import { Component } from 'react';
-import classNames from 'classnames';
-import joinDataTestAttributes from '../global/data-tests.js';
-import { s as styles } from '../_helpers/grid.js';
-import { jsx } from 'react/jsx-runtime';
-export { default as Row } from './row.js';
-export { default as Col } from './col.js';
-
-class Grid extends Component {
-  render() {
-    const {
-      children,
-      className,
-      'data-test': dataTest,
-      ...restProps
-    } = this.props;
-    const classes = classNames(styles['container-fluid'], className);
-    return /*#__PURE__*/jsx("div", {
-      "data-test": joinDataTestAttributes('ring-grid', dataTest),
-      ...restProps,
-      className: classes,
-      children: children
-    });
-  }
-}
-
-export { Grid };

package/components/grid/row.d.ts

@@ -1,21 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-type ModifierType = 'xs' | 'sm' | 'md' | 'lg';
-export interface RowProps extends HTMLAttributes<HTMLDivElement> {
-    'data-test'?: string | null | undefined;
-    reverse?: boolean | null | undefined;
-    start?: ModifierType | null | undefined;
-    center?: ModifierType | null | undefined;
-    end?: ModifierType | null | undefined;
-    top?: ModifierType | null | undefined;
-    middle?: ModifierType | null | undefined;
-    baseline?: ModifierType | null | undefined;
-    bottom?: ModifierType | null | undefined;
-    around?: ModifierType | null | undefined;
-    between?: ModifierType | null | undefined;
-    first?: ModifierType | null | undefined;
-    last?: ModifierType | null | undefined;
-}
-export default class Row extends Component<RowProps> {
-    render(): import("react").JSX.Element;
-}
-export {};

package/components/grid/row.js

@@ -1,72 +0,0 @@
-import { Component } from 'react';
-import classNames from 'classnames';
-import joinDataTestAttributes from '../global/data-tests.js';
-import { s as styles } from '../_helpers/grid.js';
-import { jsx } from 'react/jsx-runtime';
-
-const modifierKeys = ['start', 'center', 'end',
-// text-align, justify-content
-'around', 'between',
-// justify-content
-'top', 'middle', 'baseline', 'bottom',
-// align-items
-'first', 'last' // order
-];
-/**
- * Converts xs="middle" to class "middle-xs"
- * @param {Object} props incoming props
- * @mockReturnValue {Array} result modifier classes
- */
-function getModifierClassNames(props) {
-  return modifierKeys.reduce((result, key) => {
-    if (props[key]) {
-      return result.concat(styles[`${key}-${props[key]}`]);
-    }
-    return result;
-  }, []);
-}
-class Row extends Component {
-  render() {
-    const {
-      children,
-      className,
-      'data-test': dataTest,
-      reverse,
-      start,
-      center,
-      end,
-      top,
-      middle,
-      baseline,
-      bottom,
-      around,
-      between,
-      first,
-      last,
-      ...restProps
-    } = this.props;
-    const classes = classNames(className, styles.row, getModifierClassNames({
-      start,
-      center,
-      end,
-      top,
-      middle,
-      baseline,
-      bottom,
-      around,
-      between,
-      first,
-      last
-    }), {
-      [styles.reverse]: reverse
-    });
-    return /*#__PURE__*/jsx("div", {
-      ...restProps,
-      className: classes,
-      "data-test": joinDataTestAttributes('ring-grid-row', dataTest),
-      children: children
-    });
-  }
-}
-
-export { Row as default };

package/components/old-browsers-message/old-browsers-message-stop.d.ts

@@ -1 +0,0 @@
-export { stop as default } from './old-browsers-message';

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

@@ -1,5 +0,0 @@
-export { stop as default } from './old-browsers-message.js';
-import './white-list.js';
-import 'core-js/modules/es.array.includes.js';
-import '../global/sniffer.js';
-import 'sniffr';