@skbkontur/react-ui 5.1.7 → 5.2.0

package/cjs/components/Link/__docs__/Link.mdx

@@ -1,27 +0,0 @@
-import * as LinkStories from './Link.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-import { Header } from '../../../.storybook/Header';
-import { PropsTable } from '../../../.storybook/PropsTable';
-
-<Meta of={LinkStories} />
-
-<Header
-  component="Link"
-  guides="https://guides.kontur.ru/components/actions/hyperlink/"
-  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?type=design&node-id=953%3A23703&mode=design&t=os7wLLJCaKzU1UFM-1"
-/>
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<PropsTable />
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/Loader/__creevey__/Loader.creevey.mts

@@ -1,35 +0,0 @@
-import { story, kind, test } from 'creevey';
-import { Key } from 'selenium-webdriver';
-
-kind('Loader', () => {
-  story('ActiveLoader', () => {
-    test('covers children', async (context) => {
-      const element = await context.webdriver.findElement({ css: '[data-comp-name~="Loader"]' });
-      const button = await context.webdriver.findElement({ css: '[data-comp-name~="Button"]' });
-      await context.webdriver.actions({ bridge: true }).click(button).perform();
-      await context.matchImage(await element.takeScreenshot(), 'cover children');
-    });
-  });
-
-  story('InactiveLoader', () => {
-    test("doesn't cover children", async (context) => {
-      const element = await context.webdriver.findElement({ css: '[data-comp-name~="Loader"]' });
-      const button = await context.webdriver.findElement({ css: '[data-comp-name~="Button"]' });
-      await context.webdriver.actions({ bridge: true }).click(button).perform();
-      await context.matchImage(await element.takeScreenshot(), "doesn't cover children");
-    });
-  });
-
-  story('FocusInside', () => {
-    test('focus inside', async (context) => {
-      const loader = await context.webdriver.findElement({ css: '[data-comp-name~="Loader"]' });
-      const toggle = await context.webdriver.findElement({ css: '[data-tid~="toggle-loader"]' });
-      await context.webdriver.actions().sendKeys(Key.TAB).perform();
-      const enabled = await loader.takeScreenshot();
-      await context.webdriver.actions().click(toggle).move({ x: 0, y: 0 }).click().perform();
-      await context.webdriver.actions().sendKeys(Key.TAB).perform();
-      const disabled = await loader.takeScreenshot();
-      await context.matchImages({ enabled, disabled });
-    });
-  });
-});

package/cjs/components/Loader/__docs__/Loader.mdx

@@ -1,23 +0,0 @@
-import * as LoaderStories from './Loader.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-import { Header } from '../../../.storybook/Header';
-import { PropsTable } from '../../../.storybook/PropsTable';
-
-<Meta of={LoaderStories} />
-
-<Header component="Loader" guides="https://guides.kontur.ru/components/progress-indicators/spinner/" />
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<PropsTable />
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/MaskedInput/__creevey__/MaskedInput.creevey.mts

@@ -1,221 +0,0 @@
-import { story, kind, test } from 'creevey';
-import { Key } from 'selenium-webdriver';
-
-import { delay } from '../../../lib/delay';
-
-const testIdleFocusEditBlur = () => {
-  test('idle, focus, edit, blur', async (context) => {
-    const click = (css: string) => {
-      return context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .click(context.webdriver.findElement({ css }));
-    };
-    const idle = await context.takeScreenshot();
-
-    await click('input').pause(500).perform();
-    const focused = await context.takeScreenshot();
-
-    await click('input').sendKeys('953').perform();
-    const edited = await context.takeScreenshot();
-
-    await click('body').perform();
-    const blured = await context.takeScreenshot();
-
-    await context.matchImages({ idle, focused, edited, blured });
-  });
-};
-
-const testIdleFocusAppendRemoveBlur = () => {
-  test('idle, focus, edit, blur', async (context) => {
-    const click = (css: string) => {
-      return context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .click(context.webdriver.findElement({ css }));
-    };
-
-    const idle = await context.takeScreenshot();
-
-    await click('input').pause(500).perform();
-    const focused = await context.takeScreenshot();
-
-    await click('input').sendKeys('953').perform();
-    const appended = await context.takeScreenshot();
-
-    await click('input').sendKeys(Key.BACK_SPACE).sendKeys(Key.BACK_SPACE).sendKeys(Key.BACK_SPACE).perform();
-    const restored = await context.takeScreenshot();
-
-    await click('body').perform();
-    const blured = await context.takeScreenshot();
-
-    await context.matchImages({ idle, focused, appended, restored, blured });
-  });
-};
-
-const testIdleFocusBlur = () => {
-  test('idle, focus, blur', async (context) => {
-    const click = (css: string) => {
-      return context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .click(context.webdriver.findElement({ css }));
-    };
-
-    const idle = await context.takeScreenshot();
-
-    await click('input').pause(500).perform();
-    const focused = await context.takeScreenshot();
-
-    await click('body').perform();
-    const blured = await context.takeScreenshot();
-
-    await context.matchImages({ idle, focused, blured });
-  });
-};
-
-const testRewriteInMiddle = () => {
-  test('idle, shift, rewrite', async (context) => {
-    const click = (css: string) => {
-      return context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .click(context.webdriver.findElement({ css }))
-        .pause(500);
-    };
-
-    const idle = await context.takeScreenshot();
-
-    click('input').keyDown(Key.ARROW_LEFT).keyDown(Key.ARROW_LEFT).sendKeys('12').perform();
-    const shift = await context.takeScreenshot();
-
-    click('body');
-
-    click('input').keyDown(Key.ARROW_LEFT).keyDown(Key.ARROW_LEFT).sendKeys('56').perform();
-    const rewrite = await context.takeScreenshot();
-
-    await context.matchImages({ idle, shift, rewrite });
-  });
-};
-
-kind('MaskedInput', () => {
-  story('Default', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
-    });
-    testIdleFocusEditBlur();
-  });
-
-  story('IdleFocusEditBlurWithPlaceholder', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
-    });
-    testIdleFocusEditBlur();
-  });
-
-  story('IdleFocusBlurWithPlaceholder', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
-    });
-    testIdleFocusBlur();
-  });
-
-  story('IdleFocusAppendRemoveBlurWithPlaceholder', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
-    });
-    testIdleFocusAppendRemoveBlur();
-  });
-
-  story('IdleFocusBlurWithPrefix', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
-    });
-    testIdleFocusBlur();
-  });
-
-  story('WithCustomUnmaskedValue', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
-    });
-    testIdleFocusEditBlur();
-  });
-
-  story('WithUnmaskedAndFixedValue', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
-    });
-    testIdleFocusAppendRemoveBlur();
-  });
-
-  story('IdleFocusBlurAndUncontrolled', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
-    });
-    testIdleFocusEditBlur();
-  });
-
-  story('RewriteInMiddle', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
-    });
-    testRewriteInMiddle();
-  });
-
-  story('SelectAllByProp', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: { 'enough basic themes': { in: /^(?!^(?:chrome2022|firefox2022)$)/ } },
-    });
-    test('Plain focused', async (context) => {
-      const idle = await context.takeScreenshot();
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .click(context.webdriver.findElement({ css: 'input' }))
-        .pause(1000)
-        .perform();
-      const select_half = await context.takeScreenshot();
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .click(context.webdriver.findElement({ css: 'body' }))
-        .click(context.webdriver.findElement({ css: 'input' }))
-        .pause(1000)
-        .sendKeys('1')
-        .sendKeys('2')
-        .sendKeys('3')
-        .sendKeys('4')
-        .pause(1000)
-        .click(context.webdriver.findElement({ css: 'body' }))
-        .click(context.webdriver.findElement({ css: 'input' }))
-        .pause(1000)
-        .perform();
-      const select_all = await context.takeScreenshot();
-      await context.matchImages({ idle, select_half, select_all });
-    });
-  });
-
-  story('SelectAllByButton', ({ setStoryParameters }) => {
-    setStoryParameters({
-      skip: true, // flaky
-    });
-    test('Plain focused', async (context) => {
-      const plain = await context.takeScreenshot();
-      await context.webdriver
-        .actions({
-          bridge: true,
-        })
-        .click(context.webdriver.findElement({ css: '[data-tid~="select-all"]' }))
-        .perform();
-      await delay(500);
-      const select_all = await context.takeScreenshot();
-      await context.matchImages({ plain, select_all });
-    });
-  });
-});

package/cjs/components/MaskedInput/__docs__/MaskedInput.mdx

@@ -1,27 +0,0 @@
-import * as MaskedInputStories from './MaskedInput.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-import { Header } from '../../../.storybook/Header';
-import { PropsTable } from '../../../.storybook/PropsTable';
-
-<Meta of={MaskedInputStories} />
-
-<Header
-  component="MaskedInput"
-  guides="https://guides.kontur.ru/components/input-fields/input/"
-  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602"
-/>
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<PropsTable />
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/MenuFooter/__docs__/MenuFooter.mdx

@@ -1,23 +0,0 @@
-import * as MenuFooterStories from './MenuFooter.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-import { Header } from '../../../.storybook/Header';
-import { PropsTable } from '../../../.storybook/PropsTable';
-
-<Meta of={MenuFooterStories} />
-
-<Header component="MenuFooter" />
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<PropsTable />
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/MenuHeader/__docs__/MenuHeader.mdx

@@ -1,23 +0,0 @@
-import * as MenuHeaderStories from './MenuHeader.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-import { Header } from '../../../.storybook/Header';
-import { PropsTable } from '../../../.storybook/PropsTable';
-
-<Meta of={MenuHeaderStories} />
-
-<Header component="MenuHeader" />
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<PropsTable />
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/MenuItem/__docs__/MenuItem.mdx

@@ -1,23 +0,0 @@
-import * as MenuItemStories from './MenuItem.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-import { Header } from '../../../.storybook/Header';
-import { PropsTable } from '../../../.storybook/PropsTable';
-
-<Meta of={MenuItemStories} />
-
-<Header component="MenuItem" />
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<PropsTable />
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/MenuSeparator/__docs__/MenuSeparator.mdx

@@ -1,23 +0,0 @@
-import * as MenuSeparatorStories from './MenuSeparator.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-import { Header } from '../../../.storybook/Header';
-import { PropsTable } from '../../../.storybook/PropsTable';
-
-<Meta of={MenuSeparatorStories} />
-
-<Header component="MenuSeparator" />
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<PropsTable />
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/MiniModal/__docs__/MiniModal.mdx

@@ -1,27 +0,0 @@
-import * as MiniModalStories from './MiniModal.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-import { Header } from '../../../.storybook/Header';
-import { PropsTable } from '../../../.storybook/PropsTable';
-
-<Meta of={MiniModalStories} />
-
-<Header
-  component="MiniModal"
-  guides="https://guides.kontur.ru/components/popup-elements/modal/#Mini-modalka"
-  figma="https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=21689-33399&t=agVpD90pHKOeCgsR-4"
-/>
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<PropsTable />
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/MiniModal/__docs__/MiniModalBody.mdx

@@ -1,17 +0,0 @@
-import { ArgTypes } from '@storybook/blocks';
-
-import { linkTo } from '@storybook/addon-links';
-import { Link } from '../../Link';
-import * as MiniModalBodyStories from '../__docs__/MiniModalBody.docs.stories.tsx';
-
-import { Meta } from '../../../.storybook/Meta';
-
-<Meta of={MiniModalBodyStories} />
-
-# MiniModalBody
-
-Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalBody')}>Modal.Body</Link>
-
-## Пропы
-
-<ArgTypes />

package/cjs/components/MiniModal/__docs__/MiniModalFooter.mdx

@@ -1,17 +0,0 @@
-import { ArgTypes } from '@storybook/blocks';
-
-import { linkTo } from '@storybook/addon-links';
-import { Link } from '../../Link';
-import * as MiniModalFooterStories from '../__docs__/MiniModalFooter.docs.stories.tsx';
-
-import { Meta } from '../../../.storybook/Meta';
-
-<Meta of={MiniModalFooterStories} />
-
-# MiniModalFooter
-
-Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalFooter')}>Modal.Footer</Link>
-
-## Пропы
-
-<ArgTypes />

package/cjs/components/MiniModal/__docs__/MiniModalHeader.mdx

@@ -1,18 +0,0 @@
-import { ArgTypes } from '@storybook/blocks';
-
-import { linkTo } from '@storybook/addon-links';
-import { Link } from '../../Link';
-
-import * as MiniModalHeaderStories from '../__docs__/MiniModalHeader.docs.stories.tsx';
-
-import { Meta } from '../../../.storybook/Meta';
-
-<Meta of={MiniModalHeaderStories} />
-
-# MiniModalHeader
-
-Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalHeader')}>Modal.Header</Link>
-
-## Пропы
-
-<ArgTypes />

package/cjs/components/MiniModal/__docs__/MiniModalIndent.mdx

@@ -1,11 +0,0 @@
-import { Description } from '@storybook/blocks';
-
-import * as MiniModalIndentStories from '../__docs__/MiniModalIndent.docs.stories.tsx';
-
-import { Meta } from '../../../.storybook/Meta';
-
-<Meta of={MiniModalIndentStories} />
-
-# MiniModalIndent
-
-<Description />