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

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,51 +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/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';

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

@@ -1,5 +0,0 @@
-/**
- * @deprecated Will be removed in Ring UI 8.0.
- */
-declare function stopOldBrowserDetector(): void;
-export { stopOldBrowserDetector as stop };

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

@@ -1,89 +0,0 @@
-import { isBrowserInWhiteList } from './white-list.js';
-import 'core-js/modules/es.array.includes.js';
-import '../global/sniffer.js';
-import 'sniffr';
-
-/**
- * @name Old Browsers Message
- */
-/**
-  The list of versions which are definitely supported. "Browser is unsupported"
-  won't be displayed for those and higher versions even when a JS error occurs
-  on application start.
- */
-let smileChanges = 0;
-const MAX_SMILE_CHANGES = 50;
-let previousWindowErrorHandler;
-function changeSmileClickListener(event) {
-  const eyes = ['O', 'o', '-', '>', '<'];
-  const target = event.target || event.srcElement;
-  smileChanges++;
-  function rand(min, max) {
-    return Math.round(Math.random() * (max - min)) + min;
-  }
-  function getRandomEye() {
-    return eyes[rand(0, eyes.length - 1)];
-  }
-  function getRandomSmile() {
-    if (smileChanges >= MAX_SMILE_CHANGES) {
-      return '\\\\ (x_x) //';
-    }
-    return `{{ (${getRandomEye()}_${getRandomEye()}) }}`;
-  }
-  target.innerHTML = getRandomSmile();
-}
-function attachSmileClickListener(smileNode) {
-  if (smileNode.addEventListener) {
-    smileNode.addEventListener('click', changeSmileClickListener);
-    /* eslint-disable @typescript-eslint/no-explicit-any */
-  } else if (smileNode.attachEvent) {
-    smileNode.attachEvent('onclick', changeSmileClickListener);
-    /* eslint-enable */
-  }
-}
-/**
- * Listens to unhandled errors and displays passed node
- */
-function startOldBrowsersDetector(onOldBrowserDetected) {
-  previousWindowErrorHandler = window.onerror;
-  window.onerror = function oldBrowsersMessageShower(errorMsg, url, lineNumber) {
-    if (onOldBrowserDetected) {
-      onOldBrowserDetected();
-    }
-    if (previousWindowErrorHandler) {
-      return previousWindowErrorHandler(errorMsg, url, lineNumber);
-    }
-    return false;
-  };
-}
-/**
- * @deprecated Will be removed in Ring UI 8.0.
- */
-function stopOldBrowserDetector() {
-  window.onerror = previousWindowErrorHandler;
-}
-//Start javascript error detection
-startOldBrowsersDetector(() => {
-  const oldBrowsersMessageContainer = document.getElementById('ring-old-browsers-message');
-  const browserMessage = document.getElementById('ring-old-browsers-message__browser-message');
-  const errorMessage = document.getElementById('ring-old-browsers-message__error-message');
-  const smileNode = document.getElementById('ring-old-browsers-message__smile');
-  if (browserMessage && errorMessage) {
-    if (isBrowserInWhiteList()) {
-      browserMessage.style.display = 'none';
-      errorMessage.style.display = 'block';
-    } else {
-      browserMessage.style.display = 'block';
-      errorMessage.style.display = 'none';
-    }
-  }
-  if (oldBrowsersMessageContainer) {
-    oldBrowsersMessageContainer.hidden = false;
-    oldBrowsersMessageContainer.style.display = 'block';
-  }
-  if (smileNode) {
-    attachSmileClickListener(smileNode);
-  }
-});
-
-export { stopOldBrowserDetector as stop };

package/components/old-browsers-message/white-list.d.ts

@@ -1,2 +0,0 @@
-export declare const WHITE_LIST: Record<string, number>;
-export declare function isBrowserInWhiteList(): boolean;