@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/cjs/components/Toggle/__creevey__/Toggle.creevey.js

@@ -1,87 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _creevey = require("creevey");
-
-var _utils = require("../../../lib/utils");
-
-(0, _creevey.kind)('Toggle', function () {
-  (0, _creevey.story)('Plain', function (_ref) {var setStoryParameters = _ref.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        flaky: { in: /chrome2022(Dark)?/, tests: ['pressed', 'clicked'] }
-      }
-    });
-
-    (0, _creevey.test)('plain', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {return _regenerator.default.wrap(function _callee$(_context) {while (1) switch (_context.prev = _context.next) {case 0:_context.t0 =
-            this;_context.next = 3;return this.takeScreenshot();case 3:_context.t1 = _context.sent;_context.next = 6;return _context.t0.expect.call(_context.t0, _context.t1).to.matchImage('plain');case 6:case "end":return _context.stop();}}, _callee, this);}))
-    );
-
-    (0, _creevey.test)('pressed', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {return _regenerator.default.wrap(function _callee2$(_context2) {while (1) switch (_context2.prev = _context2.next) {case 0:_context2.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              move({
-                origin: this.browser.findElement({ css: 'label' })
-              }).
-              press().
-              perform());case 2:_context2.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context2.t0 =
-            this;_context2.next = 7;return this.takeScreenshot();case 7:_context2.t1 = _context2.sent;_context2.next = 10;return _context2.t0.expect.call(_context2.t0, _context2.t1).to.matchImage('pressed');case 10:case "end":return _context2.stop();}}, _callee2, this);}))
-    );
-
-    (0, _creevey.test)('clicked', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {return _regenerator.default.wrap(function _callee3$(_context3) {while (1) switch (_context3.prev = _context3.next) {case 0:_context3.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: 'label' })).
-              perform());case 2:_context3.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context3.t0 =
-            this;_context3.next = 7;return this.takeScreenshot();case 7:_context3.t1 = _context3.sent;_context3.next = 10;return _context3.t0.expect.call(_context3.t0, _context3.t1).to.matchImage('clicked');case 10:case "end":return _context3.stop();}}, _callee3, this);}))
-    );
-  });
-
-  (0, _creevey.story)('DisabledWithTooltip', function () {
-    (0, _creevey.test)('pressed', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {return _regenerator.default.wrap(function _callee4$(_context4) {while (1) switch (_context4.prev = _context4.next) {case 0:_context4.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              move({
-                origin: this.browser.findElement({ css: 'label' })
-              }).
-              press().
-              perform());case 2:_context4.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context4.t0 =
-            this;_context4.next = 7;return this.takeScreenshot();case 7:_context4.t1 = _context4.sent;_context4.next = 10;return _context4.t0.expect.call(_context4.t0, _context4.t1).to.matchImage('pressed');case 10:case "end":return _context4.stop();}}, _callee4, this);}))
-    );
-  });
-
-  (0, _creevey.story)('WithChildren', function () {
-    (0, _creevey.test)('plain', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {return _regenerator.default.wrap(function _callee5$(_context5) {while (1) switch (_context5.prev = _context5.next) {case 0:_context5.t0 =
-            this;_context5.next = 3;return this.takeScreenshot();case 3:_context5.t1 = _context5.sent;_context5.next = 6;return _context5.t0.expect.call(_context5.t0, _context5.t1).to.matchImage('plain');case 6:case "end":return _context5.stop();}}, _callee5, this);}))
-    );
-  });
-
-  (0, _creevey.story)('WithLongDescription', function (_ref7) {var setStoryParameters = _ref7.setStoryParameters;
-    setStoryParameters({
-      skip: {
-        flaky: { in: /chrome2022(Dark)?/, tests: 'clicked' }
-      }
-    });
-
-    (0, _creevey.test)('plain', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {return _regenerator.default.wrap(function _callee6$(_context6) {while (1) switch (_context6.prev = _context6.next) {case 0:_context6.t0 =
-            this;_context6.next = 3;return this.takeScreenshot();case 3:_context6.t1 = _context6.sent;_context6.next = 6;return _context6.t0.expect.call(_context6.t0, _context6.t1).to.matchImage('plain');case 6:case "end":return _context6.stop();}}, _callee6, this);}))
-    );
-
-    (0, _creevey.test)('clicked', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee7() {return _regenerator.default.wrap(function _callee7$(_context7) {while (1) switch (_context7.prev = _context7.next) {case 0:_context7.next = 2;return (
-              this.browser.
-              actions({
-                bridge: true
-              }).
-              click(this.browser.findElement({ css: 'label' })).
-              perform());case 2:_context7.next = 4;return (
-              (0, _utils.delay)(1000));case 4:_context7.t0 =
-            this;_context7.next = 7;return this.takeScreenshot();case 7:_context7.t1 = _context7.sent;_context7.next = 10;return _context7.t0.expect.call(_context7.t0, _context7.t1).to.matchImage('clicked');case 10:case "end":return _context7.stop();}}, _callee7, this);}))
-    );
-  });
-});

package/cjs/components/Toggle/__creevey__/Toggle.creevey.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_creevey","require","_utils","kind","story","_ref","setStoryParameters","skip","flaky","in","tests","test","_asyncToGenerator2","default","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","t0","takeScreenshot","t1","sent","expect","call","to","matchImage","stop","_callee2","_callee2$","_context2","browser","actions","bridge","move","origin","findElement","css","press","perform","delay","_callee3","_callee3$","_context3","click","_callee4","_callee4$","_context4","_callee5","_callee5$","_context5","_ref7","_callee6","_callee6$","_context6","_callee7","_callee7$","_context7"],"sources":["Toggle.creevey.ts"],"sourcesContent":["import { story, kind, test } from 'creevey';\n\nimport { delay } from '../../../lib/utils';\n\nkind('Toggle', () => {\n  story('Plain', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        flaky: { in: /chrome2022(Dark)?/, tests: ['pressed', 'clicked'] },\n      },\n    });\n\n    test('plain', async function () {\n      await this.expect(await this.takeScreenshot()).to.matchImage('plain');\n    });\n\n    test('pressed', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({\n          origin: this.browser.findElement({ css: 'label' }),\n        })\n        .press()\n        .perform();\n      await delay(1000);\n      await this.expect(await this.takeScreenshot()).to.matchImage('pressed');\n    });\n\n    test('clicked', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: 'label' }))\n        .perform();\n      await delay(1000);\n      await this.expect(await this.takeScreenshot()).to.matchImage('clicked');\n    });\n  });\n\n  story('DisabledWithTooltip', () => {\n    test('pressed', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .move({\n          origin: this.browser.findElement({ css: 'label' }),\n        })\n        .press()\n        .perform();\n      await delay(1000);\n      await this.expect(await this.takeScreenshot()).to.matchImage('pressed');\n    });\n  });\n\n  story('WithChildren', () => {\n    test('plain', async function () {\n      await this.expect(await this.takeScreenshot()).to.matchImage('plain');\n    });\n  });\n\n  story('WithLongDescription', ({ setStoryParameters }) => {\n    setStoryParameters({\n      skip: {\n        flaky: { in: /chrome2022(Dark)?/, tests: 'clicked' },\n      },\n    });\n\n    test('plain', async function () {\n      await this.expect(await this.takeScreenshot()).to.matchImage('plain');\n    });\n\n    test('clicked', async function () {\n      await this.browser\n        .actions({\n          bridge: true,\n        })\n        .click(this.browser.findElement({ css: 'label' }))\n        .perform();\n      await delay(1000);\n      await this.expect(await this.takeScreenshot()).to.matchImage('clicked');\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Toggle/__docs__/Toggle.mdx

@@ -1,28 +0,0 @@
-import * as ToggleStories from './Toggle.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-
-<Meta of={ToggleStories} />
-
-# Toggle
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/selection-elements/toggle/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A9888)
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/Token/Token.md

@@ -1,131 +0,0 @@
-### Базовый пример
-
-```jsx harmony
-import { Token } from '@skbkontur/react-ui';
-
-<Token>Example</Token>;
-```
-
-### Цвет токена
-У разных токенов может быть разный цвет.
-
-```jsx harmony
-import { Gapped, Token } from '@skbkontur/react-ui';
-
-const colors = {
-  default: {
-    idle: 'defaultIdle',
-    active: 'defaultActive',
-  },
-  gray: {
-    idle: 'grayIdle',
-    active: 'grayActive',
-  },
-  blue: {
-    idle: 'blueIdle',
-    active: 'blueActive',
-  },
-  green: {
-    idle: 'greenIdle',
-    active: 'greenActive',
-  },
-  yellow: {
-    idle: 'yellowIdle',
-    active: 'yellowActive',
-  },
-  red: {
-    idle: 'redIdle',
-    active: 'redActive',
-  },
-  mono: {
-    idle: 'white',
-    active: 'black',
-  },
-};
-
-<Gapped gap={20} vertical>
-  <Gapped gap={10}>
-    <Token colors={colors.default}>Default</Token>
-    <Token isActive colors={colors.default}>
-      Default
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.gray}>Gray</Token>
-    <Token isActive colors={colors.gray}>
-      Gray
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.blue}>Blue</Token>
-    <Token isActive colors={colors.blue}>
-      Blue
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.green}>Green</Token>
-    <Token isActive colors={colors.green}>
-      Green
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.yellow}>Yellow</Token>
-    <Token isActive colors={colors.yellow}>
-      Yellow
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.red}>Red</Token>
-    <Token isActive colors={colors.red}>
-      Red
-    </Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token colors={colors.mono}>Monochrome</Token>
-    <Token isActive colors={colors.mono}>
-      Monochrome
-    </Token>
-  </Gapped>
-</Gapped>;
-```
-
-### Состояние валидации
-
-```jsx harmony
-import { Gapped, Token } from '@skbkontur/react-ui';
-
-<Gapped gap={20} vertical>
-  <Gapped gap={10}>
-    <Token>Correct</Token>
-    <Token warning>Warned</Token>
-    <Token error>Errored</Token>
-  </Gapped>
-  <Gapped gap={10}>
-    <Token isActive>Correct</Token>
-    <Token isActive warning>
-      Warned
-    </Token>
-    <Token isActive error>
-      Errored
-    </Token>
-  </Gapped>
-</Gapped>;
-```
-
-### Размер
-
-```jsx harmony
-import { Gapped, Token } from '@skbkontur/react-ui';
-
-<Gapped vertical>
-  <Token size="small">
-    Маленький
-  </Token>
-  <Token size="medium">
-    Средний
-  </Token>
-  <Token size="large">
-    Большой
-  </Token>
-</Gapped>
-```

package/cjs/components/Token/__docs__/Token.mdx

@@ -1,28 +0,0 @@
-import * as TokenStories from './Token.docs.stories.tsx';
-import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
-import { Meta } from '../../../.storybook/Meta';
-
-<Meta of={TokenStories} />
-
-# Token
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/tokens/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A2955)
-
-<Description />
-
-## Базовый пример
-
-<Primary />
-
-## Пропы
-
-<details>
-  <summary>Открыть таблицу с пропами</summary>
-  <ArgTypes />
-</details>
-
-## Примеры использования
-
-<Stories title="" includePrimary={false} />

package/cjs/components/TokenInput/TokenInput.md

@@ -1,308 +0,0 @@
-### Базовый пример
-```jsx harmony
-import { Token } from '@skbkontur/react-ui';
-import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-
-const [selectedItems, setSelectedItems] = React.useState([]);
-
-const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
-
-const getItems = q =>
-  Promise.resolve(
-    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
-      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
-    ),
-  ).then(delay(500));
-
-const tokenColors = {
-  First: {
-    idle: 'grayIdle',
-    active: 'grayActive',
-  },
-  Second: {
-    idle: 'blueIdle',
-    active: 'blueActive',
-  },
-  Third: {
-    idle: 'greenIdle',
-    active: 'greenActive',
-  },
-  Fourth: {
-    idle: 'yellowIdle',
-    active: 'yellowActive',
-  },
-  Fifth: {
-    idle: 'redIdle',
-    active: 'redActive',
-  },
-  Sixth: {
-    idle: 'white',
-    active: 'black',
-  },
-  default: {
-    idle: 'defaultIdle',
-    active: 'defaultActive',
-  },
-};
-
-<div style={{ width: '300px' }}>
-  <TokenInput
-    type={TokenInputType.Combined}
-    getItems={getItems}
-    selectedItems={selectedItems}
-    onValueChange={setSelectedItems}
-    renderToken={(item, tokenProps) => (
-      <Token key={item.toString()} colors={tokenColors[item] || tokenColors.default} {...tokenProps}>
-        {item}
-      </Token>
-    )}
-  />
-</div>;
-```
-
-### Размер
-
-```jsx harmony
-import { Token } from '@skbkontur/react-ui';
-import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-
-const [selectedItems, setSelectedItems] = React.useState([]);
-
-const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
-
-const getItems = q =>
-  Promise.resolve(
-    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
-      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
-    ),
-  ).then(delay(500));
-
-<div style={{ width: '300px' }}>
-  <TokenInput
-    size={'small'}
-    getItems={getItems}
-    selectedItems={selectedItems}
-    onValueChange={setSelectedItems}
-  />
-  <TokenInput
-    size={'medium'}
-    getItems={getItems}
-    selectedItems={selectedItems}
-    onValueChange={setSelectedItems}
-  />
-  <TokenInput
-    size={'large'}
-    getItems={getItems}
-    selectedItems={selectedItems}
-    onValueChange={setSelectedItems}
-  />
-</div>;
-```
-
-### Заблокированный TokenInput с кастомными Token
-
-```jsx harmony
-import { Token } from '@skbkontur/react-ui';
-import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-
-const [selectedItems, setSelectedItems] = React.useState(['aaa', 'bbb', 'ccc']);
-
-async function getItems(query) {
-  return ['aaa', 'bbb', 'ccc'].filter((s) => s.includes(query));
-};
-
-<TokenInput
-  disabled
-  type={TokenInputType.Combined}
-  getItems={getItems}
-  selectedItems={selectedItems}
-  onValueChange={setSelectedItems}
-  renderToken={(item, tokenProps) => (
-    <Token key={item.toString()} {...tokenProps} disabled={item === 'bbb' || tokenProps.disabled} >
-      {item}
-    </Token>
-  )}
-/>
-```
-
-### Ограничение количества токенов в выпадающем списке
-
-```jsx harmony
-import { Token } from '@skbkontur/react-ui';
-import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-
-
-const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
-const { cities } = require('../ComboBox/__mocks__/cities');
-
-const maxItems = 5;
-
-const [totalCount, setTotalCount] = React.useState(cities.length);
-const [value, setValue] = React.useState([]);
-
-const getItems = (query) => {
-  const items = cities
-    .map((x) => x.City)
-    .filter((x) => x.toLowerCase().includes(query.toLowerCase()) || x.toString() === query);
-  const result = items.slice(0, maxItems);
-  setTotalCount(items.length);
-
-  return Promise.resolve(result).then(delay(500));
-};
-
-const renderTotalCount = (foundCount, totalCount) => (
-  <span>
-    Показано {foundCount} из {totalCount} найденных городов
-  </span>
-);
-
-<div style={{ width: "300px" }}>
-  <TokenInput
-    type={TokenInputType.Combined}
-    selectedItems={value}
-    onValueChange={setValue}
-    getItems={getItems}
-    placeholder="Начните вводить название"
-    renderTotalCount={renderTotalCount}
-    totalCount={totalCount}
-  />
-</div>
-```
-
-### Кастомный тип элементов меню
-```jsx harmony
-import { Token } from '@skbkontur/react-ui';
-import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-
-const [selectedItems, setSelectedItems] = React.useState([]);
-
-const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
-const getGenericItems = () => [
-  { id: '111', value: 'aaa' },
-  { id: '222', value: 'bbb' },
-  { id: '333', value: 'ccc' },
-  { id: '444', value: 'ddd' },
-];
-const renderItem = (item) => item.value;
-const renderValue = (value) => value.value;
-const valueToItem = (item) => ({
-  value: item,
-});
-const getModelItems = async (query) => {
-  await delay(400);
-  return getGenericItems().filter((s) => s.value.includes(query));
-}
-
-<div style={{ width: '300px' }}>
-  <TokenInput
-    selectedItems={selectedItems}
-    renderItem={renderItem}
-    renderValue={renderValue}
-    valueToItem={valueToItem}
-    valueToString={renderValue}
-    getItems={getModelItems}
-    onValueChange={setSelectedItems}
-    placeholder="placeholder"
-    type={TokenInputType.Combined}
-    renderToken={(item, tokenProps) => (
-      <Token
-        key={item.id}
-        {...tokenProps}
-      >
-        {item.value}
-      </Token>
-    )}
-  />
-</div>;
-```
-
-### Дебаунс функции getItems
-
-Функция debounce из lodash некорректно работает с async/promise, поэтому лучше использовать кастомную функцию, как в примере ниже.
-
-```jsx harmony
-import { TokenInput } from "@skbkontur/react-ui";
-import { TokenInputType } from "@skbkontur/react-ui/components/TokenInput";
-
-const [value, setValue] = React.useState([]);
-
-function debounceAsync(callback, wait) {
-  let timeoutId = null;
-
-  return (...args) => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-    }
-
-    return new Promise((resolve) => {
-      const timeoutPromise = new Promise((resolve) => {
-        timeoutId = setTimeout(resolve, wait);
-      });
-      timeoutPromise.then(async () => {
-        resolve(await callback(...args));
-      });
-    });
-  };
-}
-
-const items = ["kon", "kod", "kof", "kor", "kos"];
-
-const getItems = async (query) => {
-  console.log("query: ", query);
-  return items.filter((item) => item.includes(query));
-};
-
-<TokenInput
-  style={{ width: "300px" }}
-  type={TokenInputType.Combined}
-  selectedItems={value}
-  onValueChange={setValue}
-  getItems={debounceAsync(getItems, 300)}
-  placeholder="Начните вводить название"
-/>
-```
-
-### Типизированная версия функции
-
-```typescript static
-function debounceAsync<T, Callback extends (...args: any[]) => Promise<T>>(
-  callback: Callback,
-  wait: number,
-): (...args: Parameters<Callback>) => Promise<T> {
-  let timeoutId: number | null = null;
-
-  return (...args: any[]) => {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-    }
-
-    return new Promise<T>((resolve) => {
-      const timeoutPromise = new Promise<void>((resolve) => {
-        timeoutId = setTimeout(resolve, wait);
-      });
-      timeoutPromise.then(async () => {
-        resolve(await callback(...args));
-      });
-    });
-  };
-}
-```
-
-### Локали по умолчанию
-
-```typescript static
-interface TokenInputLocale {
-  addButtonComment?: string;
-  addButtonTitle?: string;
-}
-
-const ru_RU = {
-  addButtonComment: 'Нажмите запятую',
-  addButtonTitle: 'Добавить',
-};
-
-const en_GB = {
-  addButtonComment: 'Type comma',
-  addButtonTitle: 'Add',
-};
-```

package/cjs/components/TokenInput/__creevey__/TokenInput.creevey.d.ts

@@ -1 +0,0 @@
-export {};