@skbkontur/react-ui 0.0.0-dad43298ae → 0.0.0-db9f11da2a

package/cjs/components/TooltipMenu/TooltipMenu.md

@@ -1,241 +0,0 @@
-### Базовый пример
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu caption={<Button use="primary">Открыть меню</Button>}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Управление состоянием тултип-меню
-В проп `caption` помимо компонента можно передать функцию, возвращающую компонент, с помощью которой можно управлять текущим состоянием тултип-меню.
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu caption={({ opened, openMenu, closeMenu, toggleMenu }) => {
-    return (
-      <>
-        <p>Сейчас тултип-меню { opened ? 'окрыто' : 'закрыто' }</p>
-        <Button onClick={toggleMenu}>Переключить меню</Button>
-        <Button onClick={openMenu}>Открыть меню</Button>
-        <Button onClick={closeMenu}>Закрыть меню</Button>
-      </>
-    )
-  }}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Ширина
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu
-  caption={<Button use="primary">Открыть меню с заданной шириной</Button>}
-  menuWidth={350}
-  >
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Максимальная высота
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu
-  caption={<Button use="primary">Открыть меню с заданной высотой</Button>}
-  menuMaxHeight={150}
-  >
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Отключенная анимация
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu
-  disableAnimations
-  caption={<Button use="primary">Открыть меню без анимации</Button>}
-  >
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Подпись
-В `caption` можно передать любой элемент.
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import MenuIcon from '@skbkontur/react-icons/Menu';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <MenuIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Тултип-меню всегда всплывающее справа от `caption`
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <LightbulbIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
-  positions={['right top', 'right middle', 'right bottom']}
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Тултип-меню всегда всплывающее сверху от `caption` и выравненное по правому краю `caption`
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <LightbulbIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
-  positions={['top right']}
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Тултип-меню c шапкой и подвалом
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu
-  header={<p>Это шапка в виде обычного текста</p>}
-  footer={<Button>А это подвал в виде кнопки</Button>}
-  caption={<Button use="primary">Открыть меню</Button>}
-  >
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-### Иконки и автовыравнивание
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator, TooltipMenu } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
-
-<TooltipMenu caption={<Button use="primary">Открыть меню</Button>}>
-  <MenuHeader>MenuHeader</MenuHeader>
-  <MenuItem icon={<OkIcon />}>MenuItem1</MenuItem>
-  <MenuItem icon={<OkIcon />}>MenuItem2</MenuItem>
-  <MenuItem>MenuItem3</MenuItem>
-</TooltipMenu>;
-```
-
-### Иконки и автовыравнивание
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator, TooltipMenu } from '@skbkontur/react-ui';
-import OkIcon from '@skbkontur/react-icons/Ok';
-
-<TooltipMenu preventIconsOffset caption={<Button use="primary">Открыть меню</Button>}>
-  <MenuHeader>MenuHeader</MenuHeader>
-  <MenuItem icon={<OkIcon />}>MenuItem1</MenuItem>
-  <MenuItem icon={<OkIcon />}>MenuItem2</MenuItem>
-  <MenuItem>MenuItem3</MenuItem>
-</TooltipMenu>
-```
-
-### Условный рендер элементов тултип-меню
-(с сохранением поведения [MenuItem](#/Components/MenuItem)).
-
-```jsx harmony
-import {Button, MenuItem, Gapped, MenuSeparator} from '@skbkontur/react-ui';
-
-const [showItems, setShowItems] = React.useState(false);
-
-const hiddenItems = [
-  <MenuSeparator />,
-  <MenuItem>А я скрываюсь</MenuItem>,
-  <MenuItem>И я</MenuItem>,
-  <MenuItem>Я с вами</MenuItem>,
-];
-
-
-<Gapped>
-  <Button onClick={() => setShowItems(!showItems)}>
-    {showItems ? 'Спрятать' : 'Показать'} элементы
-  </Button>
-
-  <TooltipMenu caption={<Button use="primary">Открыть меню</Button>}>
-    <MenuItem>Меня видно всегда</MenuItem>
-    <MenuItem>Меня тоже</MenuItem>
-    <MenuItem>Ага, и меня!</MenuItem>
-    {showItems && hiddenItems}
-  </TooltipMenu>
-</Gapped>
-```

package/cjs/internal/DataTids/DATATIDS.md

@@ -1,12 +0,0 @@
-Аттрибуты data-tid экспортируются для компонентов в виде объекта.
-При необходимости добавления аттрибута data-tid необходимо создать пулл-реквест.
-
-У всех компонентов также есть проп data-tid, которым можно переопределять корневые дата-тиды.
-
-Список экспортируемых data-tid:
-
-```jsx harmony
-import {DataTids} from './DataTids';
-
-<DataTids/>
-```

package/cjs/internal/DataTids/DataTids.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface DataTidsState {
-    selectedValue: string;
-}
-export declare class DataTids extends React.Component {
-    state: DataTidsState;
-    private components;
-    private items;
-    private setValue;
-    render(): React.JSX.Element;
-}
-export {};

package/cjs/internal/DataTids/DataTids.js

@@ -1,50 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DataTids = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-var _Select = require("../../components/Select");
-
-var _DataTids2 = require("./DataTids.styles");
-var _componentsDataTids = require("./componentsDataTids");var
-
-
-
-
-
-DataTids = exports.DataTids = /*#__PURE__*/function (_React$Component) {function DataTids() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
-    state = {
-      selectedValue: 'все'
-    };_this.
-
-    components = Object.keys(_componentsDataTids.componentsDataTids);_this.
-
-    items = ['все'].concat(_this.components);_this.
-
-    setValue = function (value) {
-      _this.setState({ selectedValue: value });
-    };return _this;}(0, _inheritsLoose2.default)(DataTids, _React$Component);var _proto = DataTids.prototype;_proto.
-
-  render = function render() {var _this2 = this;
-    return /*#__PURE__*/(
-      _react.default.createElement("div", null, "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442:", /*#__PURE__*/
-
-      _react.default.createElement(_Select.Select, { items: this.items, value: this.state.selectedValue, onValueChange: this.setValue, search: true }),
-      Object.entries(_componentsDataTids.componentsDataTids).map(function (_ref, index) {var componentName = _ref[0],dataTids = _ref[1];
-        if (componentName === _this2.state.selectedValue || _this2.state.selectedValue === 'все') {
-          return /*#__PURE__*/(
-            _react.default.createElement("div", { key: index, className: _DataTids2.styles.wrapper() }, /*#__PURE__*/
-            _react.default.createElement("div", { className: _DataTids2.styles.componentName() }, componentName),
-            Object.values(dataTids).map(function (value, i) {
-              return /*#__PURE__*/(
-                _react.default.createElement("div", { key: i, className: _DataTids2.styles.row() }, /*#__PURE__*/
-                _react.default.createElement("div", { className: _DataTids2.styles.leftCell() }, componentName + "DataTids." + value[0]), /*#__PURE__*/
-                _react.default.createElement("div", { className: _DataTids2.styles.rightCell() }, "'" + value[1] + "'")
-                ));
-
-            })
-            ));
-
-        }
-        return null;
-      })
-      ));
-
-  };return DataTids;}(_react.default.Component);

package/cjs/internal/DataTids/DataTids.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Select","_DataTids2","_componentsDataTids","DataTids","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","selectedValue","components","Object","keys","componentsDataTids","items","setValue","value","setState","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","Select","onValueChange","search","entries","map","_ref","index","componentName","dataTids","key","className","styles","wrapper","values","i","row","leftCell","rightCell","React","Component"],"sources":["DataTids.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Select } from '../../components/Select';\n\nimport { styles } from './DataTids.styles';\nimport { componentsDataTids } from './componentsDataTids';\n\ninterface DataTidsState {\n  selectedValue: string;\n}\n\nexport class DataTids extends React.Component {\n  public state: DataTidsState = {\n    selectedValue: 'все',\n  };\n\n  private components = Object.keys(componentsDataTids);\n\n  private items = ['все', ...this.components];\n\n  private setValue = (value: string) => {\n    this.setState({ selectedValue: value });\n  };\n\n  public render() {\n    return (\n      <div>\n        Выбрать компонент:\n        <Select<string> items={this.items} value={this.state.selectedValue} onValueChange={this.setValue} search />\n        {Object.entries(componentsDataTids).map(([componentName, dataTids], index) => {\n          if (componentName === this.state.selectedValue || this.state.selectedValue === 'все') {\n            return (\n              <div key={index} className={styles.wrapper()}>\n                <div className={styles.componentName()}>{componentName}</div>\n                {Object.values(dataTids).map((value, i) => {\n                  return (\n                    <div key={i} className={styles.row()}>\n                      <div className={styles.leftCell()}>{`${componentName}DataTids.${value[0]}`}</div>\n                      <div className={styles.rightCell()}>{`'${value[1]}'`}</div>\n                    </div>\n                  );\n                })}\n              </div>\n            );\n          }\n          return null;\n        })}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/DataTids/DataTids.styles.d.ts

@@ -1,7 +0,0 @@
-export declare const styles: {
-    wrapper(): string;
-    componentName(): string;
-    row(): string;
-    leftCell(): string;
-    rightCell(): string;
-};

package/cjs/internal/DataTids/DataTids.styles.js

@@ -1,42 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-var styles = exports.styles = (0, _Emotion.memoizeStyle)({
-  wrapper: function wrapper() {
-    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    "])));
-
-
-
-
-  },
-  componentName: function componentName() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    "])));
-
-
-
-
-  },
-  row: function row() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    "])));
-
-
-
-
-  },
-
-  leftCell: function leftCell() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    "])));
-
-
-
-
-
-
-  },
-  rightCell: function rightCell() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    "])));
-
-
-
-
-  }
-});

package/cjs/internal/DataTids/DataTids.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","wrapper","css","_taggedTemplateLiteralLoose2","default","componentName","row","leftCell","rightCell"],"sources":["DataTids.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  wrapper() {\n    return css`\n      &:not(:first-child) {\n        margin-top: 20px;\n      }\n    `;\n  },\n  componentName() {\n    return css`\n      font-weight: 700;\n      font-size: 1.25em;\n      margin: 0 5px 5px;\n    `;\n  },\n  row() {\n    return css`\n      display: flex;\n      width: 100%;\n      font-size: 16px;\n    `;\n  },\n\n  leftCell() {\n    return css`\n      padding: 5px;\n      border-right: 1px solid #dadada;\n      border-bottom: 1px solid #dadada;\n      width: 30%;\n      overflow-wrap: anywhere;\n    `;\n  },\n  rightCell() {\n    return css`\n      padding: 5px;\n      border-bottom: 1px solid #dadada;\n      width: 70%;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,OAAO,WAAAA,QAAA,EAAG;IACR,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;EACDC,aAAa,WAAAA,cAAA,EAAG;IACd,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;EACDE,GAAG,WAAAA,IAAA,EAAG;IACJ,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDG,QAAQ,WAAAA,SAAA,EAAG;IACT,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;;;;;EAOZ,CAAC;EACDI,SAAS,WAAAA,UAAA,EAAG;IACV,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;EAKZ;AACF,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/DataTids/componentsDataTids.d.ts

@@ -1,5 +0,0 @@
-export declare const componentsDataTids: {
-    [key: string]: {
-        [key: string]: string;
-    };
-};

package/cjs/internal/DataTids/componentsDataTids.js

@@ -1,15 +0,0 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.componentsDataTids = void 0;var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var Components = _interopRequireWildcard(require("../../index"));
-
-var tids = Object.keys(Components).filter(function (componentName) {
-  if (componentName.match(/datatids/i)) {
-    return componentName;
-  }
-  return null;
-});
-
-var componentsDataTids = exports.componentsDataTids = tids.reduce(function (accum, currTid) {var _extends2;
-  return (0, _extends3.default)({},
-  accum, (_extends2 = {}, _extends2[
-  currTid.replace('DataTids', '')] = Object.entries(Components[currTid]), _extends2));
-
-}, {});

package/cjs/internal/DataTids/componentsDataTids.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Components","_interopRequireWildcard","require","tids","Object","keys","filter","componentName","match","componentsDataTids","exports","reduce","accum","currTid","_extends2","_extends3","default","replace","entries"],"sources":["componentsDataTids.ts"],"sourcesContent":["import * as Components from '../../index';\n\nconst tids = Object.keys(Components).filter((componentName) => {\n  if (componentName.match(/datatids/i)) {\n    return componentName;\n  }\n  return null;\n});\n\nexport const componentsDataTids: { [key: string]: { [key: string]: string } } = tids.reduce((accum, currTid) => {\n  return {\n    ...accum,\n    [currTid.replace('DataTids', '')]: Object.entries(Components[currTid as keyof typeof Components]),\n  };\n}, {});\n"],"mappings":"yVAAA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAMC,IAAI,GAAGC,MAAM,CAACC,IAAI,CAACL,UAAU,CAAC,CAACM,MAAM,CAAC,UAACC,aAAa,EAAK;EAC7D,IAAIA,aAAa,CAACC,KAAK,CAAC,WAAW,CAAC,EAAE;IACpC,OAAOD,aAAa;EACtB;EACA,OAAO,IAAI;AACb,CAAC,CAAC;;AAEK,IAAME,kBAAgE,GAAAC,OAAA,CAAAD,kBAAA,GAAGN,IAAI,CAACQ,MAAM,CAAC,UAACC,KAAK,EAAEC,OAAO,EAAK,KAAAC,SAAA;EAC9G,WAAAC,SAAA,CAAAC,OAAA;EACKJ,KAAK,GAAAE,SAAA,OAAAA,SAAA;EACPD,OAAO,CAACI,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,IAAGb,MAAM,CAACc,OAAO,CAAClB,UAAU,CAACa,OAAO,CAA4B,CAAC,EAAAC,SAAA;;AAErG,CAAC,EAAE,CAAC,CAAC,CAAC","ignoreList":[]}

package/cjs/internal/ThemePlayground/Playground.md

@@ -1,7 +0,0 @@
-Разные варианты стилизации компонентов:
-
-```jsx harmony
-import { ThemeContextPlayground } from './ThemeContextPlayground';
-
-<ThemeContextPlayground />;
-```

package/cjs/lib/SSRSafe.d.ts

@@ -1,2 +0,0 @@
-import * as PropTypes from 'prop-types';
-export declare function safePropTypesInstanceOf<T>(expectedClass?: new (...args: any[]) => T): PropTypes.Requireable<T>;

package/cjs/lib/SSRSafe.js

@@ -1,5 +0,0 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.safePropTypesInstanceOf = safePropTypesInstanceOf;var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-function safePropTypesInstanceOf(expectedClass) {
-  return expectedClass ? PropTypes.instanceOf(expectedClass) : PropTypes.any;
-}

package/cjs/lib/SSRSafe.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PropTypes","_interopRequireWildcard","require","safePropTypesInstanceOf","expectedClass","instanceOf","any"],"sources":["SSRSafe.ts"],"sourcesContent":["import * as PropTypes from 'prop-types';\n\nexport function safePropTypesInstanceOf<T>(expectedClass?: new (...args: any[]) => T): PropTypes.Requireable<T> {\n  return expectedClass ? PropTypes.instanceOf(expectedClass) : PropTypes.any;\n}\n"],"mappings":"gMAAA,IAAAA,SAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEO,SAASC,uBAAuBA,CAAIC,aAAyC,EAA4B;EAC9G,OAAOA,aAAa,GAAGJ,SAAS,CAACK,UAAU,CAACD,aAAa,CAAC,GAAGJ,SAAS,CAACM,GAAG;AAC5E","ignoreList":[]}

package/cjs/lib/featureFlagsContext/FEATUREFLAGSCONTEXT.md

@@ -1,64 +0,0 @@
-Включение и отключение отдельных фич через `ReactUIFeatureFlagsContext`
-
-Доступные флаги
-
-```typescript static
-export interface ReactUIFeatureFlags {
-  comboBoxAllowValueChangeInEditingState?: boolean;
-}
-```
-
-Механизм работы: новая функциональность применяется или не применяется в зависимости от того, был ли передан со значением true соответствующий флаг или нет.
-
-Флаги задаются с помощью `ReactUIFeatureFlagsContext.Provider`.
-
-```jsx static
-import { ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
-
-<ReactUIFeatureFlagsContext.Provider value={{ textareaUseSafari17Workaround: true }}>{/* ... */}</ReactUIFeatureFlagsContext.Provider>;
-```
-
-## Использование
-
-### comboBoxAllowValueChangeInEditingState
-
-Этот флаг позволяет менять значение value в Combobox в режиме редактирования. Теперь при изменении value в этом режиме, Combobox примет и корректно отрисует новое значение. А в случае, если при этом было открыто выпадающее меню, данные в нём тоже будут обновлены без принудительного закрытия.
-
-В примере ниже, при нажатии на кнопку "Обновить" после редактирования текста без флага, в функции handleValueChange приходилось бы дополнительно вызывать метод Combobox'a reset.
-
-```jsx harmony
-import { Button, ComboBox, ReactUIFeatureFlagsContext } from '@skbkontur/react-ui';
-
-const [value, setValue] = React.useState({ value: '', label: '' });
-
-const handleValueChange = () => {
-  setValue({ value: `Update ${new Date().toLocaleString()}`, label: `Update ${new Date().toLocaleString()}` });
-};
-
-const getItems = () =>
-  Promise.resolve([
-    { value: 'Первый', label: 'Первый' },
-    { value: 'Второй', label: 'Второй' },
-  ]);
-
-<ReactUIFeatureFlagsContext.Provider value={{ comboBoxAllowValueChangeInEditingState: true }}>
-  <Button onClick={handleValueChange}>Обновить</Button>
-  <ComboBox
-    value={value}
-    searchOnFocus={false}
-    getItems={getItems}
-    onValueChange={(value) => setValue(value)}
-    onInputValueChange={(value) => {
-      setValue({ value, label: value });
-     }}
-  />
-</ReactUIFeatureFlagsContext.Provider>
-```
-
-## Объект со всеми флагами
-
-Чтобы получить объект со всеми флагами, необходимо применить вспомогательную функцию getFullValidationsFlagsContext к объекту заданных флагов:
-
-```typescript static
-const allFlags = getFullValidationsFlagsContext(useContext(ReactUIFeatureFlagsContext));
-```