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

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,19 +0,0 @@
-import { Component } from 'react';
-import classNames from 'classnames';
-import dataTests from '../global/data-tests';
-import styles from './grid.css';
-/**
- * @name Grid
- * @deprecated Will be removed in Ring UI 8.0. Use flexbox or another layout library instead.
- */
-export class Grid extends Component {
-    render() {
-        const { children, className, 'data-test': dataTest, ...restProps } = this.props;
-        const classes = classNames(styles['container-fluid'], className);
-        return (<div data-test={dataTests('ring-grid', dataTest)} {...restProps} className={classes}>
-        {children}
-      </div>);
-    }
-}
-export { default as Row } from './row';
-export { default as Col } from './col';

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,41 +0,0 @@
-import { Component } from 'react';
-import classNames from 'classnames';
-import dataTests from '../global/data-tests';
-import styles from './grid.css';
-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;
-    }, []);
-}
-export default 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 (<div {...restProps} className={classes} data-test={dataTests('ring-grid-row', dataTest)}>
-        {children}
-      </div>);
-    }
-}

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

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

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,2 +0,0 @@
-// Re-export for backward compatibility
-export { stop as default } from './old-browsers-message';

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

@@ -1,26 +0,0 @@
-@import '../global/variables.css';
-
-:global(.ring-old-browsers-message) {
-  display: block;
-
-  margin-top: 15%;
-
-  text-align: center;
-
-  color: var(--ring-text-color);
-
-  font-family: system-ui, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
-  font-size: var(--ring-font-size-larger);
-  line-height: calc(2.5 * var(--ring-unit));
-}
-
-:global(.ring-old-browsers-message_hidden) {
-  display: none;
-}
-
-:global(.ring-old-browsers-message__smile) {
-  cursor: pointer;
-  user-select: none;
-
-  font-size: calc(3 * var(--ring-unit));
-}

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,86 +0,0 @@
-import { isBrowserInWhiteList } from './white-list';
-/**
- * @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;

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

@@ -1,24 +0,0 @@
-import sniffer from '../global/sniffer';
-const MAJOR_VERSION_INDEX = 0;
-/**
- * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
- */
-if (!SUPPORTED_BROWSERS) {
-    // eslint-disable-next-line no-console
-    console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
-}
-const SUPPORTED = SUPPORTED_BROWSERS || [];
-const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
-export const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
-    const [, browserName, version] = item.match(/(\S+)\s(\S+)/) ?? [];
-    if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
-        return acc;
-    }
-    return {
-        ...acc,
-        [browserName]: parseInt(version, 10),
-    };
-}, {});
-export function isBrowserInWhiteList() {
-    return sniffer.browser.version[MAJOR_VERSION_INDEX] >= WHITE_LIST[sniffer.browser.name];
-}