@jetbrains/ring-ui 6.0.2-beta.0 → 6.0.2

package/components/analytics/analytics__plugin-utils.js

@@ -1,92 +0,0 @@
-import deprecate from 'util-deprecate';
-import sniffer from '../global/sniffer';
-const warnOnDeprecationOfAnalyticsUtilsMethod = (methodName) => deprecate(() => { }, `Method AnalyticsPluginUtils::${methodName} is deprecated and will be removed soon`)();
-const SECOND = 1000;
-const HOUR = 3600;
-const AnalyticsPluginUtils = {
-    /**
-     * @deprecated
-     * Statistics server does not accept undefined values and strings containing certain symbols
-     * @param value
-     * @param isCategory
-     * @returns string, where forbidden symbols are replaced with '_'
-     */
-    reformatString: (value, isCategory) => {
-        const str = String(value);
-        /**
-         * Category also cannot contain the '/' character (but an action can)
-         */
-        const regexp = isCategory ? /[.:;!@#^&*(){}\[\]?,%=+\\\/]+/g : /[.:;!@#^&*(){}\[\]?,%=+\\]+/g;
-        return str.replace(regexp, '_');
-    },
-    /**
-     * @deprecated
-     */
-    getPageViewDurationPresentation: (durationMs) => {
-        warnOnDeprecationOfAnalyticsUtilsMethod('getPageViewDurationPresentation');
-        if (durationMs == null) {
-            return 'less-than-1-sec';
-        }
-        const duration = durationMs / SECOND;
-        if (duration > HOUR) {
-            return 'more-than-hour';
-        }
-        /**
-         * rounded duration possible values:
-         * less than 1 second: [0, 1)
-         * less than 2 seconds: [1, 2)
-         * less than 4 seconds: [2, 4)
-         * less than 16 seconds: [4, 16)
-         * ....
-         * n - less than 2^(n + 1) seconds
-         */
-        let roundedDuration = Math.floor(Math.pow(2, Math.floor(Math.log2(duration)) + 1));
-        roundedDuration = (roundedDuration > 0) ? roundedDuration : 1;
-        return `less-than-${roundedDuration}-sec`;
-    },
-    /**
-     * @deprecated
-     */
-    getScreenWidthPresentation: () => {
-        warnOnDeprecationOfAnalyticsUtilsMethod('getScreenWidthPresentation');
-        /**
-         * Sizes were taken from bootstrap's grid (xs, sm, md, lg)
-         */
-        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-        const sizes = [0, 768, 992, 1200];
-        for (let i = 1; i < sizes.length; ++i) {
-            if (window.innerWidth < sizes[i]) {
-                return `[${sizes[i - 1]}px;${sizes[i]}px)`;
-            }
-        }
-        return '[1200px;inf)';
-    },
-    /**
-     * @deprecated
-     */
-    npeSaveLowerCase: (val) => {
-        warnOnDeprecationOfAnalyticsUtilsMethod('npeSaveLowerCase');
-        return (val || 'unknown').toLowerCase();
-    },
-    /**
-     * @deprecated
-     */
-    getUserAgentPresentation: () => {
-        warnOnDeprecationOfAnalyticsUtilsMethod('getUserAgentPresentation');
-        const name = AnalyticsPluginUtils.npeSaveLowerCase(sniffer.browser.name || 'unknown');
-        const majorVersion = sniffer.browser.version[0];
-        const version = majorVersion || 'unknown';
-        return `${name}$${version}`;
-    },
-    /**
-     * @deprecated
-     */
-    getDevicePixelRatioPresentation: () => {
-        warnOnDeprecationOfAnalyticsUtilsMethod('getDevicePixelRatioPresentation');
-        if (!window.devicePixelRatio || !window.devicePixelRatio.toFixed) {
-            return 'unknown';
-        }
-        return String(window.devicePixelRatio.toFixed(1));
-    }
-};
-export default AnalyticsPluginUtils;

package/components/auth/landing-entry.d.ts

@@ -1,3 +0,0 @@
-import '!!file-loader?publicPath=../../&name=auth-landing.html!extricate-loader!interpolate-loader!./landing.html';
-declare const _default: "auth-landing.html";
-export default _default;

package/components/auth/landing-entry.js

@@ -1,2 +0,0 @@
-import '!!file-loader?publicPath=../../&name=auth-landing.html!extricate-loader!interpolate-loader!./landing.html';
-export default 'auth-landing.html';

package/components/auth/landing.d.ts

@@ -1,2 +0,0 @@
-import Auth from './auth';
-export default function parseAndStoreResponse(this: Auth, clientId: string): Promise<void>;

package/components/auth/landing.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8">
-  </head>
-  <body>
-    <script>
-      {{compile-code-loader!./landing}}
-    </script>
-    Landing page
-  </body>
-</html>

package/components/auth/landing.js

@@ -1,26 +0,0 @@
-import TokenValidator from './token-validator';
-import ResponseParser from './response-parser';
-import { DEFAULT_EXPIRES_TIMEOUT } from './auth';
-import AuthStorage from './storage';
-const parser = new ResponseParser();
-const authResponse = parser.getAuthResponseFromURL();
-// eslint-disable-next-line consistent-this
-export default async function parseAndStoreResponse(clientId) {
-    const storage = new AuthStorage({
-        messagePrefix: `${clientId}-message-`,
-        stateKeyPrefix: `${clientId}-states-`,
-        tokenKey: `${clientId}-token`,
-        userKey: `${clientId}-user-`
-    });
-    if (!authResponse) {
-        return;
-    }
-    const { state: stateId, scope, expiresIn, accessToken } = authResponse;
-    const newState = await (stateId && this._storage?.getState(stateId)) || {};
-    const scopes = scope ? scope.split(' ') : newState.scopes || [];
-    const effectiveExpiresIn = expiresIn ? parseInt(expiresIn, 10) : DEFAULT_EXPIRES_TIMEOUT;
-    const expires = TokenValidator._epoch() + effectiveExpiresIn;
-    if (accessToken != null) {
-        await storage.saveToken({ accessToken, scopes, expires });
-    }
-}

package/components/form/form.examples.js

@@ -1,118 +0,0 @@
-import '../input/input-legacy.css';
-import './form.css';
-import '../input-size/input-size.css';
-import '../error-bubble/error-bubble-legacy.css';
-
-
-export default {
-  title: 'Style-only/Form',
-
-  parameters: {
-    notes: 'Helps create forms with various types of controls.'
-  }
-};
-
-export const basic = () => `
-      <div style="width: 700px">
-        <form class="ring-form">
-          <span class="ring-form__title">Form Title</span>
-
-          <div class="ring-form__group">
-            <label for="ring-form-1" class="ring-form__label">Full-Width
-              Input</label>
-            <div class="ring-form__control">
-              <input class="ring-input" id="ring-form-1" type="text">
-            </div>
-          </div>
-
-          <div class="ring-form__group">
-            <label for="ring-form-2" class="ring-form__label">Medium Input</label>
-            <div class="ring-form__control">
-              <input class="ring-input ring-input-size_m" id="ring-form-2"
-                type="text">
-            </div>
-          </div>
-
-          <div class="ring-form__group">
-            <label for="ring-form-3" class="ring-form__label">Medium Input & Error</label>
-            <div class="ring-form__control">
-              <input class="ring-input ring-input_error ring-input-size_m"
-                id="ring-form-3" type="text">
-              <div class="ring-error-bubble active">Error bubble</div>
-            </div>
-          </div>
-
-          <div class="ring-form__group">
-            <label for="ring-form-4" class="ring-form__label">Long Input</label>
-            <div class="ring-form__control">
-              <input class="ring-input ring-input-size_l" id="ring-form-4"
-                type="text">
-              <div class="ring-error-bubble active">Error bubble for a long
-                control
-              </div>
-            </div>
-          </div>
-
-          <div class="ring-form__group">
-            <label for="ring-form-5" class="ring-form__label">Full-Width
-              Control</label>
-            <div class="ring-form__control">
-              <input class="ring-input" id="ring-form-5" type="text">
-              <div class="ring-error-bubble active">Error bubble for a full-width
-                control
-              </div>
-            </div>
-          </div>
-
-          <div class="ring-form__group">
-            <label for="ring-form-7" class="ring-form__label">Textarea</label>
-            <div class="ring-form__control">
-              <textarea class="ring-input ring-input-size_m"
-                id="ring-form-7"></textarea>
-            </div>
-          </div>
-
-          <div class="ring-form__group">
-            <label for="ring-form-8" class="ring-form__label">Long
-              Textarea</label>
-            <div class="ring-form__control">
-              <textarea class="ring-input ring-input-size_l"
-                id="ring-form-8"></textarea>
-            </div>
-          </div>
-
-          <div class="ring-form__group">
-            <label for="ring-form-9" class="ring-form__label">Full-Width
-              Textarea</label>
-            <div class="ring-form__control">
-              <textarea class="ring-input" id="ring-form-9"></textarea>
-            </div>
-          </div>
-
-          <div class="ring-form__group">
-            <label for="ring-form-11" class="ring-form__label">Input in
-              a small container</label>
-            <div class="ring-form__control ring-form__control_small">
-              <input class="ring-input ring-input-size_m" id="ring-form-11"
-                type="text">
-            </div>
-          </div>
-
-          <div class="ring-form__group">
-            <label for="ring-form-12" class="ring-form__label">Textarea in
-              a small container</label>
-            <div class="ring-form__control ring-form__control_small">
-              <textarea class="ring-input ring-input-size_m"
-                id="ring-form-12"></textarea>
-            </div>
-          </div>
-
-          <div class="ring-form__footer">
-            <rg-button mode="primary">Save</rg-button>
-            <rg-button>Cancel</rg-button>
-          </div>
-        </form>
-      </div>
-    `;
-
-basic.storyName = 'Form';

package/components/input-size/input-size.examples.js

@@ -1,72 +0,0 @@
-import '../input/input-legacy.css';
-import '../form/form.css';
-import './input-size.css';
-import '../error-bubble/error-bubble-legacy.css';
-
-export default {
-  title: 'Style-only/Input Sizes'
-};
-
-export const basic = () => `
-      <div>
-        <h3 class="example-block">Inputs</h3>
-        <div class="example-block">
-          <div class="ring-error-bubble-wrapper">
-            <input id="extra-short-input" type="number" class="ring-input ring-input-size_xs">
-            <label for="extra-short-input" class="ring-error-bubble active">Extra-short Input</label>
-          </div>
-          <div class="ring-error-bubble-wrapper">
-            <input id="short-input" type="number" class="ring-input ring-input-size_s">
-            <label for="short-input" class="ring-error-bubble active">Short Input</label>
-          </div>
-          <div class="ring-error-bubble-wrapper">
-            <input id="medium-input" type="number" class="ring-input ring-input-size_m">
-            <label for="medium-input" class="ring-error-bubble active">Medium Input</label>
-          </div>
-          <div class="ring-error-bubble-wrapper">
-            <input id="long-input" type="number" class="ring-input ring-input-size_l">
-            <label for="long-input" class="ring-error-bubble active">Long Input</label>
-          </div>
-          <div class="ring-error-bubble-wrapper">
-            <input id="full-width-input" type="number" class="ring-input">
-            <label for="full-width-input" class="ring-error-bubble active">Full-width Input</label>
-          </div>
-        </div>
-
-        <h3 class="example-block">Textareas</h3>
-        <div class="example-block">
-          <div class="ring-error-bubble-wrapper">
-            <textarea id="extra-short-textarea" class="ring-input ring-input-size_xs"></textarea>
-            <label for="extra-short-textarea" class="ring-error-bubble active">Extra-short Textarea</label>
-          </div>
-          <div class="ring-error-bubble-wrapper">
-            <textarea id="short-textarea" class="ring-input ring-input-size_s"></textarea>
-            <label for="short-textarea" class="ring-error-bubble active">Short Textarea</label>
-          </div>
-          <div class="ring-error-bubble-wrapper">
-            <textarea id="medium-textarea" class="ring-input ring-input-size_m"></textarea>
-            <label for="medium-textarea" class="ring-error-bubble active">Medium Textarea</label>
-          </div>
-          <div class="ring-error-bubble-wrapper">
-            <textarea id="long-textarea" class="ring-input ring-input-size_l"></textarea>
-            <label for="long-textarea" class="ring-error-bubble active">Long Textarea</label>
-          </div>
-          <div class="ring-error-bubble-wrapper">
-            <textarea id="full-width-textarea" class="ring-input"></textarea>
-            <label for="full-width-textarea" class="ring-error-bubble active">Full-width Textarea</label>
-          </div>
-        </div>
-      </div>
-    `;
-
-basic.storyName = 'Input Sizes';
-
-basic.parameters = {
-  storyStyles: `
-<style>
-  .example-block {
-    margin: 16px;
-    max-width: 600px;
-  }
-</style>`
-};

package/components/link/link__legacy.css

@@ -1,29 +0,0 @@
-@import "../global/variables.css";
-
-/**
-  These styles are deprecated and kept for backward compatibility with direct class usages
-  like `<a class="ring-link">link</a>
- */
-
-:global .ring-link {
-  & {
-    cursor: pointer;
-    transition: color var(--ring-fast-ease);
-
-    text-decoration: none;
-
-    color: var(--ring-link-color);
-  }
-
-  &:hover {
-    transition: none;
-
-    text-decoration: underline;
-
-    color: var(--ring-link-hover-color);
-  }
-}
-
-:global .ring-link_inherit:not(:hover) {
-  color: inherit;
-}

package/components/loader/__mocks__/loader__core.js

@@ -1,5 +0,0 @@
-export default class LoaderCore {
-  startAnimation() {}
-  stopAnimation() {}
-  destroy() {}
-}

package/components/markdown/code.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { CodeProps } from 'react-markdown/lib/ast-to-react';
-export interface MarkdownCodeProps extends CodeProps {
-    language?: string;
-}
-declare const MarkdownCode: ({ children, language, inline, className }: MarkdownCodeProps) => React.JSX.Element;
-export default MarkdownCode;

package/components/markdown/code.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Code from '../code/code';
-const MarkdownCode = ({ children, language, inline, className }) => {
-    // Hack for updated react-markdown RG-2193
-    const lang = language ?? (className?.
-        split(' ').
-        find(name => name.startsWith('language-'))?.
-        replace('language-', ''));
-    return (<Code language={lang} className={className} code={children?.join('') || ''} inline={inline}/>);
-};
-MarkdownCode.propTypes = {
-    language: PropTypes.string,
-    children: PropTypes.array.isRequired,
-    inline: PropTypes.bool
-};
-export default MarkdownCode;

package/components/markdown/heading.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { HeadingProps } from 'react-markdown/lib/ast-to-react';
-declare const MarkdownHeading: {
-    ({ level, children }: HeadingProps): React.JSX.Element;
-    propTypes: {
-        level: PropTypes.Validator<number>;
-        children: PropTypes.Validator<any[]>;
-    };
-};
-export default MarkdownHeading;

package/components/markdown/heading.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Heading from '../heading/heading';
-const MarkdownHeading = ({ level, children }) => <Heading level={level}>{children}</Heading>;
-MarkdownHeading.propTypes = {
-    level: PropTypes.number.isRequired,
-    children: PropTypes.array.isRequired
-};
-export default MarkdownHeading;

package/components/markdown/link.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { ReactMarkdownProps } from 'react-markdown/lib/complex-types';
-declare const MarkdownLink: {
-    ({ href, title, children }: JSX.IntrinsicElements['a'] & ReactMarkdownProps): React.JSX.Element;
-    propTypes: {
-        href: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<string>;
-        children: PropTypes.Validator<any[]>;
-    };
-};
-export default MarkdownLink;

package/components/markdown/link.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Link from '../link/link';
-const MarkdownLink = ({ href, title, children }) => <Link href={href} title={title}>{children}</Link>;
-MarkdownLink.propTypes = {
-    href: PropTypes.string,
-    title: PropTypes.string,
-    children: PropTypes.array.isRequired
-};
-export default MarkdownLink;

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

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