@skbkontur/react-ui 1.6.9 → 1.6.11

package/components/Paging/README.md

@@ -1,43 +1,43 @@
-Управление с клавиатуры работает в двух вариантах:
-
-- **useGlobalListener === true** слушатель keydown событий на document, если на стринице несколько компонентов Paging,
-  обработчик будет срабатывать на каждом
-- **useGlobalListener === false** обработка нажатия клавиш будет работать только когда компонент в фокусе.
-
-Навигационные подсказки появляются когда доступно управление с клавиатуры и `withoutNavigationHint != true`
-
-```js
-class Paginator3000 extends React.Component {
-  constructor() {
-    super();
-    this.state = { active: 1 };
-    this._handlePageChange = this._handlePageChange.bind(this);
-  }
-
-  render() {
-    return <Paging activePage={this.state.active} onPageChange={this._handlePageChange} pagesCount={12} />;
-  }
-
-  _handlePageChange(pageNumber) {
-    this.setState({ active: pageNumber });
-  }
-}
-
-<Paginator3000 />;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```typescript
-interface PagingLocale {
-  forward?: string;
-}
-
-const ru_RU = {
-  forward: 'Дальше',
-};
-
-const en_GB = {
-  forward: 'Forward',
-};
-```
+Управление с клавиатуры работает в двух вариантах:
+
+- **useGlobalListener === true** слушатель keydown событий на document, если на стринице несколько компонентов Paging,
+  обработчик будет срабатывать на каждом
+- **useGlobalListener === false** обработка нажатия клавиш будет работать только когда компонент в фокусе.
+
+Навигационные подсказки появляются когда доступно управление с клавиатуры и `withoutNavigationHint != true`
+
+```js
+class Paginator3000 extends React.Component {
+  constructor() {
+    super();
+    this.state = { active: 1 };
+    this._handlePageChange = this._handlePageChange.bind(this);
+  }
+
+  render() {
+    return <Paging activePage={this.state.active} onPageChange={this._handlePageChange} pagesCount={12} />;
+  }
+
+  _handlePageChange(pageNumber) {
+    this.setState({ active: pageNumber });
+  }
+}
+
+<Paginator3000 />;
+```
+
+#### Локали по умолчанию (см. `LocaleProvider`)
+
+```typescript
+interface PagingLocale {
+  forward?: string;
+}
+
+const ru_RU = {
+  forward: 'Дальше',
+};
+
+const en_GB = {
+  forward: 'Forward',
+};
+```

package/components/Paging/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, PagingProps, PagingState } from './Paging.js';
+/* @flow */
+export { default, PagingProps, PagingState } from './Paging.js';

package/components/PasswordInput/PasswordInput.js.flow

@@ -1,26 +1,26 @@
-/* @flow */
-import type { InputProps as BaseInputProps } from '../Input/Input';
-
-export type PasswordInputProps = {|
-  ...$Exact<BaseInputProps>,
-  detectCapsLock?: boolean,
-|};
-
-export type PasswordInputState = {|
-  visible: boolean,
-  capsLockEnabled?: boolean | null,
-|};
-
-export type InputProps = {|
-  ...$Exact<PasswordInputProps>,
-  onKeyDown: (event: SyntheticKeyboardEvent<HTMLInputElement>) => void,
-  onKeyPress: (event: SyntheticKeyboardEvent<HTMLInputElement>) => void,
-  rightIcon: () => React$Node,
-|};
-
-
-declare class PasswordInput extends React$Component<PasswordInputProps, PasswordInputState> {
-  focus: () => void,
-}
-
-export default PasswordInput;
+/* @flow */
+import type { InputProps as BaseInputProps } from '../Input/Input';
+
+export type PasswordInputProps = {|
+  ...$Exact<BaseInputProps>,
+  detectCapsLock?: boolean,
+|};
+
+export type PasswordInputState = {|
+  visible: boolean,
+  capsLockEnabled?: boolean | null,
+|};
+
+export type InputProps = {|
+  ...$Exact<PasswordInputProps>,
+  onKeyDown: (event: SyntheticKeyboardEvent<HTMLInputElement>) => void,
+  onKeyPress: (event: SyntheticKeyboardEvent<HTMLInputElement>) => void,
+  rightIcon: () => React$Node,
+|};
+
+
+declare class PasswordInput extends React$Component<PasswordInputProps, PasswordInputState> {
+  focus: () => void,
+}
+
+export default PasswordInput;

package/components/PasswordInput/PasswordInputFallback.js.flow

@@ -1,13 +1,13 @@
-/* @flow */
-import Input, { type InputProps } from '../Input';
-
-export type PasswordInputFallbackProps = {|
-  ...$Exact<InputProps>,
-  visible?: boolean,
-  size?: string,
-  refInput: (element: Input) => void,
-|};
-
-declare class PasswordInputFallback extends React$Component<PasswordInputFallbackProps> {}
-
-export default PasswordInputFallback;
+/* @flow */
+import Input, { type InputProps } from '../Input';
+
+export type PasswordInputFallbackProps = {|
+  ...$Exact<InputProps>,
+  visible?: boolean,
+  size?: string,
+  refInput: (element: Input) => void,
+|};
+
+declare class PasswordInputFallback extends React$Component<PasswordInputFallbackProps> {}
+
+export default PasswordInputFallback;

package/components/PasswordInput/getCharHelper.js.flow

@@ -1,4 +1,4 @@
-/* @flow */
-declare function getCharHelper(e: SyntheticKeyboardEvent<HTMLElement>): string | null;
-
-export default getCharHelper;
+/* @flow */
+declare function getCharHelper(e: SyntheticKeyboardEvent<HTMLElement>): string | null;
+
+export default getCharHelper;

package/components/PasswordInput/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, PasswordInputProps, PasswordInputState } from './PasswordInput';
+/* @flow */
+export { default, PasswordInputProps, PasswordInputState } from './PasswordInput';

package/components/PhoneInput/PhoneInput.js

@@ -1,8 +1,8 @@
 "use strict";exports.__esModule = true;exports["default"] = void 0;var React = _interopRequireWildcard(require("react"));
 var _Input = _interopRequireDefault(require("../Input"));function _interopRequireDefault(obj) {return obj && obj.__esModule ? obj : { "default": obj };}function _getRequireWildcardCache() {if (typeof WeakMap !== "function") return null;var cache = new WeakMap();_getRequireWildcardCache = function _getRequireWildcardCache() {return cache;};return cache;}function _interopRequireWildcard(obj) {if (obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { "default": obj };}var cache = _getRequireWildcardCache();if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj["default"] = obj;if (cache) {cache.set(obj, newObj);}return newObj;}function _extends() {_extends = Object.assign || function (target) {for (var i = 1; i < arguments.length; i++) {var source = arguments[i];for (var key in source) {if (Object.prototype.hasOwnProperty.call(source, key)) {target[key] = source[key];}}}return target;};return _extends.apply(this, arguments);}function _inheritsLoose(subClass, superClass) {subClass.prototype = Object.create(superClass.prototype);subClass.prototype.constructor = subClass;subClass.__proto__ = superClass;}
 
-/**
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        * Все пропсы пробрасываются во внутренний Input
+/**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        * Все пропсы пробрасываются во внутренний Input
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         */var
 PhoneInput = /*#__PURE__*/function (_React$Component) {_inheritsLoose(PhoneInput, _React$Component);function PhoneInput() {return _React$Component.apply(this, arguments) || this;}var _proto = PhoneInput.prototype;_proto.
   render = function render() {

package/components/PhoneInput/PhoneInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["PhoneInput.js"],"names":["PhoneInput","render","props","React","Component"],"mappings":"mEAAA;AACA,yD;;AAEA;;;AAGMA,U;AACJC,EAAAA,M,GAAA,kBAAS;AACP,WAAO,oBAAC,iBAAD,eAAW,KAAKC,KAAhB,IAAuB,IAAI,EAAC,kBAA5B,EAA+C,QAAQ,EAAE,IAAzD,EAA+D,WAAW,EAAC,IAA3E,IAAP;AACD,G,qBAHsBC,KAAK,CAACC,S;;;AAMhBJ,U","sourcesContent":["import * as React from 'react';\r\nimport Input from '../Input';\r\n\r\n/**\r\n * Все пропсы пробрасываются во внутренний Input\r\n */\r\nclass PhoneInput extends React.Component<*> {\r\n  render() {\r\n    return <Input {...this.props} mask=\"+7 999 999-99-99\" maskChar={null} placeholder=\"+7\" />;\r\n  }\r\n}\r\n\r\nexport default PhoneInput;\r\n"]}
+{"version":3,"sources":["PhoneInput.js"],"names":["PhoneInput","render","props","React","Component"],"mappings":"mEAAA;AACA,yD;;AAEA;;;AAGMA,U;AACJC,EAAAA,M,GAAA,kBAAS;AACP,WAAO,oBAAC,iBAAD,eAAW,KAAKC,KAAhB,IAAuB,IAAI,EAAC,kBAA5B,EAA+C,QAAQ,EAAE,IAAzD,EAA+D,WAAW,EAAC,IAA3E,IAAP;AACD,G,qBAHsBC,KAAK,CAACC,S;;;AAMhBJ,U","sourcesContent":["import * as React from 'react';\nimport Input from '../Input';\n\n/**\n * Все пропсы пробрасываются во внутренний Input\n */\nclass PhoneInput extends React.Component<*> {\n  render() {\n    return <Input {...this.props} mask=\"+7 999 999-99-99\" maskChar={null} placeholder=\"+7\" />;\n  }\n}\n\nexport default PhoneInput;\n"]}

package/components/PhoneInput/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"names":["PhoneInput"],"mappings":"mEAAA,kE;AACeA,sB","sourcesContent":["import PhoneInput from './PhoneInput';\r\nexport default PhoneInput;\r\n"]}
+{"version":3,"sources":["index.js"],"names":["PhoneInput"],"mappings":"mEAAA,kE;AACeA,sB","sourcesContent":["import PhoneInput from './PhoneInput';\nexport default PhoneInput;\n"]}

package/components/Popup/Popup.js.flow

@@ -1,60 +1,60 @@
-/* @flow */
-export type PopupPosition =
-  | 'top left'
-  | 'top center'
-  | 'top right'
-  | 'right top'
-  | 'right middle'
-  | 'right bottom'
-  | 'bottom left'
-  | 'bottom center'
-  | 'bottom right'
-  | 'left top'
-  | 'left middle'
-  | 'left bottom';
-
-declare export var PopupPositions: PopupPosition[];
-
-export type PopupHandlerProps = {|
-  onMouseEnter?: (event: SyntheticMouseEvent<HTMLElement> | MouseEvent) => void,
-  onMouseLeave?: (event: SyntheticMouseEvent<HTMLElement> | MouseEvent) => void,
-  onClick?: (event: SyntheticMouseEvent<HTMLElement> | MouseEvent) => void,
-  onFocus?: (event: SyntheticFocusEvent<HTMLElement> | FocusEvent) => void,
-  onBlur?: (event: SyntheticFocusEvent<HTMLElement> | FocusEvent) => void,
-  onOpen?: () => void,
-|};
-
-export type PopupProps = {|
-  ...$Exact<PopupHandlerProps>,
-  anchorElement: React$Node | HTMLElement,
-  backgroundColor?: string,
-  borderColor?: string,
-  children: React$Node | (() => React$Node),
-  hasPin: boolean,
-  hasShadow: boolean,
-  disableAnimations: boolean,
-  margin: number,
-  maxWidth: number | string,
-  opened: boolean,
-  pinOffset: number,
-  pinSize: number,
-  popupOffset: number,
-  positions: string[],
-  onCloseRequest?: () => void,
-|};
-
-type PopupLocation = {|
-  coordinates: {|
-    left: number,
-    top: number,
-  |},
-  position: string,
-|};
-
-export type PopupState = {|
-  location: ?PopupLocation,
-|};
-
-declare class Popup extends React$Component<PopupProps, PopupState> {}
-
-export default Popup;
+/* @flow */
+export type PopupPosition =
+  | 'top left'
+  | 'top center'
+  | 'top right'
+  | 'right top'
+  | 'right middle'
+  | 'right bottom'
+  | 'bottom left'
+  | 'bottom center'
+  | 'bottom right'
+  | 'left top'
+  | 'left middle'
+  | 'left bottom';
+
+declare export var PopupPositions: PopupPosition[];
+
+export type PopupHandlerProps = {|
+  onMouseEnter?: (event: SyntheticMouseEvent<HTMLElement> | MouseEvent) => void,
+  onMouseLeave?: (event: SyntheticMouseEvent<HTMLElement> | MouseEvent) => void,
+  onClick?: (event: SyntheticMouseEvent<HTMLElement> | MouseEvent) => void,
+  onFocus?: (event: SyntheticFocusEvent<HTMLElement> | FocusEvent) => void,
+  onBlur?: (event: SyntheticFocusEvent<HTMLElement> | FocusEvent) => void,
+  onOpen?: () => void,
+|};
+
+export type PopupProps = {|
+  ...$Exact<PopupHandlerProps>,
+  anchorElement: React$Node | HTMLElement,
+  backgroundColor?: string,
+  borderColor?: string,
+  children: React$Node | (() => React$Node),
+  hasPin: boolean,
+  hasShadow: boolean,
+  disableAnimations: boolean,
+  margin: number,
+  maxWidth: number | string,
+  opened: boolean,
+  pinOffset: number,
+  pinSize: number,
+  popupOffset: number,
+  positions: string[],
+  onCloseRequest?: () => void,
+|};
+
+type PopupLocation = {|
+  coordinates: {|
+    left: number,
+    top: number,
+  |},
+  position: string,
+|};
+
+export type PopupState = {|
+  location: ?PopupLocation,
+|};
+
+declare class Popup extends React$Component<PopupProps, PopupState> {}
+
+export default Popup;

package/components/Popup/PopupHelper.js.flow

@@ -1,29 +1,29 @@
-/* @flow */
-export type Rect = {|
-  top: number,
-  left: number,
-  width: number,
-  height: number,
-|};
-
-export type Offset = {|
-  top: number,
-  left: number,
-|};
-
-export type PositionObject = {|
-  direction: string,
-  align: string,
-|};
-
-declare function getPositionObject(position: string): PositionObject;
-declare function getElementAbsoluteRect(element: HTMLElement): Rect;
-declare function isAbsoluteRectFullyVisible(absoluteRect: Rect): boolean;
-
-declare var _default: {|
-  getPositionObject: typeof getPositionObject,
-  getElementAbsoluteRect: typeof getElementAbsoluteRect,
-  isAbsoluteRectFullyVisible: typeof isAbsoluteRectFullyVisible,
-|};
-
-export default _default;
+/* @flow */
+export type Rect = {|
+  top: number,
+  left: number,
+  width: number,
+  height: number,
+|};
+
+export type Offset = {|
+  top: number,
+  left: number,
+|};
+
+export type PositionObject = {|
+  direction: string,
+  align: string,
+|};
+
+declare function getPositionObject(position: string): PositionObject;
+declare function getElementAbsoluteRect(element: HTMLElement): Rect;
+declare function isAbsoluteRectFullyVisible(absoluteRect: Rect): boolean;
+
+declare var _default: {|
+  getPositionObject: typeof getPositionObject,
+  getElementAbsoluteRect: typeof getElementAbsoluteRect,
+  isAbsoluteRectFullyVisible: typeof isAbsoluteRectFullyVisible,
+|};
+
+export default _default;

package/components/Popup/PopupPin.js.flow

@@ -1,15 +1,15 @@
-/* @flow */
-
-type Props = {|
-  backgroundColor: string,
-  borderColor: string,
-  borderWidth: number,
-  offset: number,
-  popupElement: ?HTMLElement,
-  popupPosition: string,
-  size: number,
-|};
-
-declare class PopupPin extends React$Component<Props> {}
-
-export default PopupPin;
+/* @flow */
+
+type Props = {|
+  backgroundColor: string,
+  borderColor: string,
+  borderWidth: number,
+  offset: number,
+  popupElement: ?HTMLElement,
+  popupPosition: string,
+  size: number,
+|};
+
+declare class PopupPin extends React$Component<Props> {}
+
+export default PopupPin;

package/components/Popup/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, PopupProps, PopupPosition, PopupPositions } from './Popup';
+/* @flow */
+export { default, PopupProps, PopupPosition, PopupPositions } from './Popup';

package/components/Radio/README.md

@@ -1,14 +1,14 @@
-```js
-const { default: Gapped } = require('../Gapped');
-
-<Gapped gap={20}>
-  <Radio value="value" />
-  <Radio value="value" disabled />
-  <Radio value="value" disabled checked />
-  <Radio value="value" checked />
-  <Radio value="value" focused />
-  <Radio value="value" focused checked />
-  <Radio value="value" error />
-  <Radio value="value" warning />
-</Gapped>;
-```
+```js
+const { default: Gapped } = require('../Gapped');
+
+<Gapped gap={20}>
+  <Radio value="value" />
+  <Radio value="value" disabled />
+  <Radio value="value" disabled checked />
+  <Radio value="value" checked />
+  <Radio value="value" focused />
+  <Radio value="value" focused checked />
+  <Radio value="value" error />
+  <Radio value="value" warning />
+</Gapped>;
+```

package/components/Radio/Radio.js.flow

@@ -1,33 +1,33 @@
-/* @flow */
-
-export type SyntheticRadioEvent<T> = {|
-  target: {|
-    id: ?string,
-    name: ?string,
-    checked: ?boolean,
-    disabled: ?boolean,
-    value: T,
-  |},
-|};
-
-export type RadioProps<T> = {
-  error?: boolean,
-  warning?: boolean,
-  focused?: boolean,
-  pressed?: boolean,
-  hovered?: boolean,
-  active?: boolean,
-  onChange?: (event: SyntheticRadioEvent<T>, value: T) => void,
-  onMouseEnter?: (event: SyntheticRadioEvent<T>) => void,
-  onMouseLeave?: (event: SyntheticRadioEvent<T>) => void,
-  onMouseOver?: (event: SyntheticRadioEvent<T>) => void,
-  value: T,
-};
-
-
-declare class Radio<T> extends React$Component<RadioProps<T>> {
-  focus(): void,
-  blur(): void,
-}
-
-export default Radio;
+/* @flow */
+
+export type SyntheticRadioEvent<T> = {|
+  target: {|
+    id: ?string,
+    name: ?string,
+    checked: ?boolean,
+    disabled: ?boolean,
+    value: T,
+  |},
+|};
+
+export type RadioProps<T> = {
+  error?: boolean,
+  warning?: boolean,
+  focused?: boolean,
+  pressed?: boolean,
+  hovered?: boolean,
+  active?: boolean,
+  onChange?: (event: SyntheticRadioEvent<T>, value: T) => void,
+  onMouseEnter?: (event: SyntheticRadioEvent<T>) => void,
+  onMouseLeave?: (event: SyntheticRadioEvent<T>) => void,
+  onMouseOver?: (event: SyntheticRadioEvent<T>) => void,
+  value: T,
+};
+
+
+declare class Radio<T> extends React$Component<RadioProps<T>> {
+  focus(): void,
+  blur(): void,
+}
+
+export default Radio;

package/components/Radio/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, RadioProps, SyntheticRadioEvent } from './Radio';
+/* @flow */
+export { default, RadioProps, SyntheticRadioEvent } from './Radio';

package/components/RadioGroup/Prevent.js.flow

@@ -1,9 +1,9 @@
-/* @flow */
-
-export type PreventProps = {|
-  children?: React$Node,
-|};
-
-declare class Prevent extends React$Component<PreventProps> {}
-
-export default Prevent;
+/* @flow */
+
+export type PreventProps = {|
+  children?: React$Node,
+|};
+
+declare class Prevent extends React$Component<PreventProps> {}
+
+export default Prevent;

package/components/RadioGroup/README.md

@@ -1,44 +1,44 @@
-```jsx
-const { default: Gapped } = require('../Gapped');
-const { default: Radio } = require('../Radio');
-
-let items = ['One', 'Two', 'Three', 'Four'];
-
-let simpleRadioGroup = (
-  <div>
-    <h2>Numbers</h2>
-    <RadioGroup name="number-simple" items={items} defaultValue="One" />
-  </div>
-);
-
-let complexRadioGroup = (
-  <div>
-    <h2>Numbers</h2>
-    <RadioGroup name="number-complex" defaultValue="3">
-      <Gapped gap={40}>
-        <Gapped vertical gap={10}>
-          <b>Odd</b>
-          <Radio value="1">One</Radio>
-          <Radio value="3">Three</Radio>
-          <Radio value="5" disabled>
-            Five
-          </Radio>
-          <Radio value="7">Seven</Radio>
-        </Gapped>
-        <Gapped vertical gap={10}>
-          <b>Even</b>
-          <Radio value="2">Two</Radio>
-          <Radio value="4">Four</Radio>
-          <Radio value="6">Six</Radio>
-          <Radio value="8">Eight</Radio>
-        </Gapped>
-      </Gapped>
-    </RadioGroup>
-  </div>
-);
-
-<div>
-  {simpleRadioGroup}
-  {complexRadioGroup}
-</div>;
-```
+```jsx
+const { default: Gapped } = require('../Gapped');
+const { default: Radio } = require('../Radio');
+
+let items = ['One', 'Two', 'Three', 'Four'];
+
+let simpleRadioGroup = (
+  <div>
+    <h2>Numbers</h2>
+    <RadioGroup name="number-simple" items={items} defaultValue="One" />
+  </div>
+);
+
+let complexRadioGroup = (
+  <div>
+    <h2>Numbers</h2>
+    <RadioGroup name="number-complex" defaultValue="3">
+      <Gapped gap={40}>
+        <Gapped vertical gap={10}>
+          <b>Odd</b>
+          <Radio value="1">One</Radio>
+          <Radio value="3">Three</Radio>
+          <Radio value="5" disabled>
+            Five
+          </Radio>
+          <Radio value="7">Seven</Radio>
+        </Gapped>
+        <Gapped vertical gap={10}>
+          <b>Even</b>
+          <Radio value="2">Two</Radio>
+          <Radio value="4">Four</Radio>
+          <Radio value="6">Six</Radio>
+          <Radio value="8">Eight</Radio>
+        </Gapped>
+      </Gapped>
+    </RadioGroup>
+  </div>
+);
+
+<div>
+  {simpleRadioGroup}
+  {complexRadioGroup}
+</div>;
+```