@skbkontur/react-ui 1.6.7 → 1.6.10-radio-group-controlled

package/components/Modal/README.md

@@ -1,38 +1,38 @@
-```js
-const { default: Toggle } = require('../Toggle');
-const { default: Button } = require('../Button');
-
-let initialState = { opened: false };
-
-function renderModal() {
-  return (
-    <Modal onClose={close}>
-      <Modal.Header>Title</Modal.Header>
-      <Modal.Body>
-        <p>Use rxjs operators with react hooks</p>
-
-        <div>
-          <Toggle checked={state.panel} onChange={() => setState(({ panel }) => ({ panel: !panel }))} /> Panel{' '}
-          {state.panel ? 'enabled' : 'disabled'}
-        </div>
-      </Modal.Body>
-      <Modal.Footer panel={state.panel}>
-        <Button onClick={close}>Close</Button>
-      </Modal.Footer>
-    </Modal>
-  );
-}
-
-function open() {
-  setState({ opened: true });
-}
-
-function close() {
-  setState({ opened: false });
-}
-
-<div>
-  {state.opened && renderModal()}
-  <Button onClick={open}>Open</Button>
-</div>;
-```
+```js
+const { default: Toggle } = require('../Toggle');
+const { default: Button } = require('../Button');
+
+let initialState = { opened: false };
+
+function renderModal() {
+  return (
+    <Modal onClose={close}>
+      <Modal.Header>Title</Modal.Header>
+      <Modal.Body>
+        <p>Use rxjs operators with react hooks</p>
+
+        <div>
+          <Toggle checked={state.panel} onChange={() => setState(({ panel }) => ({ panel: !panel }))} /> Panel{' '}
+          {state.panel ? 'enabled' : 'disabled'}
+        </div>
+      </Modal.Body>
+      <Modal.Footer panel={state.panel}>
+        <Button onClick={close}>Close</Button>
+      </Modal.Footer>
+    </Modal>
+  );
+}
+
+function open() {
+  setState({ opened: true });
+}
+
+function close() {
+  setState({ opened: false });
+}
+
+<div>
+  {state.opened && renderModal()}
+  <Button onClick={open}>Open</Button>
+</div>;
+```

package/components/Modal/helpers.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function isBody(child: React.ReactChild): child is React.ReactElement<{}>;

package/components/Modal/helpers.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+function isBody(child) {
+  return React.isValidElement(child) && child.type.hasOwnProperty('__MODAL_BODY__');
+}
+exports.isBody = isBody;

package/components/Modal/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["helpers.ts"],"names":[],"mappings":";;;AAAA,mDAA+B;AAE/B,SAAgB,MAAM,CAAC,KAAuB;IAC5C,OAAO,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AACpF,CAAC;AAFD,wBAEC"}

package/components/Modal/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, ModalProps, ModalState } from './Modal';
+/* @flow */
+export { default, ModalProps, ModalState } from './Modal';

package/components/ModalStack/ModalStack.js.flow

@@ -1,10 +1,10 @@
-/* @flow */
-
-declare class ModalStack {
-  // eslint-disable-next-line flowtype/no-weak-types
-  static add(component: React$Component<any>, onChange: (stack: $ReadOnlyArray<React$Component<any>>) => void): any,
-  // eslint-disable-next-line flowtype/no-weak-types
-  static remove(component: React$Component<any>): void,
-}
-
-export default ModalStack;
+/* @flow */
+
+declare class ModalStack {
+  // eslint-disable-next-line flowtype/no-weak-types
+  static add(component: React$Component<any>, onChange: (stack: $ReadOnlyArray<React$Component<any>>) => void): any,
+  // eslint-disable-next-line flowtype/no-weak-types
+  static remove(component: React$Component<any>): void,
+}
+
+export default ModalStack;

package/components/ModalStack/index.js.flow

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

package/components/Paging/NavigationHelper.js.flow

@@ -1,13 +1,13 @@
-/* @flow */
-
-export type KeyDescriptionType = {|
-  name: string,
-  checkPressed: (event: SyntheticKeyboardEvent<HTMLElement> | KeyboardEvent) => boolean,
-|};
-
-declare var _default: {|
-  getKeyName(): string,
-  checkKeyPressed(event: SyntheticKeyboardEvent<HTMLElement> | KeyboardEvent): boolean,
-|};
-
-export default _default;
+/* @flow */
+
+export type KeyDescriptionType = {|
+  name: string,
+  checkPressed: (event: SyntheticKeyboardEvent<HTMLElement> | KeyboardEvent) => boolean,
+|};
+
+declare var _default: {|
+  getKeyName(): string,
+  checkKeyPressed(event: SyntheticKeyboardEvent<HTMLElement> | KeyboardEvent): boolean,
+|};
+
+export default _default;

package/components/Paging/Paging.js.flow

@@ -1,38 +1,38 @@
-/* @flow */
-
-type ItemComponentProps = {|
-  active: boolean,
-  children?: React$Node,
-  className: string,
-  onClick: () => void,
-  pageNumber: number | 'forward',
-  tabIndex: number,
-|};
-
-export type PagingProps = {|
-  activePage: number,
-  component?: React$ComponentType<ItemComponentProps>,
-  onPageChange: (pageNumber: number) => void,
-  pagesCount: number,
-  disabled?: boolean,
-  strings?: {|
-    forward: string,
-  |},
-  withoutNavigationHint?: boolean,
-  caption?: string,
-  useGlobalListener?: boolean,
-|};
-
-export type PagingState = {|
-  focusedByTab: boolean,
-  focusedItem: ?ItemType,
-  keyboardControl: boolean,
-|};
-
-export type ItemType = number | '.' | 'forward';
-
-declare class Paging extends React$Component<PagingProps, PagingState> {
-  static isForward(pageNumber: number | 'forward'): boolean,
-}
-
-export default Paging;
+/* @flow */
+
+type ItemComponentProps = {|
+  active: boolean,
+  children?: React$Node,
+  className: string,
+  onClick: () => void,
+  pageNumber: number | 'forward',
+  tabIndex: number,
+|};
+
+export type PagingProps = {|
+  activePage: number,
+  component?: React$ComponentType<ItemComponentProps>,
+  onPageChange: (pageNumber: number) => void,
+  pagesCount: number,
+  disabled?: boolean,
+  strings?: {|
+    forward: string,
+  |},
+  withoutNavigationHint?: boolean,
+  caption?: string,
+  useGlobalListener?: boolean,
+|};
+
+export type PagingState = {|
+  focusedByTab: boolean,
+  focusedItem: ?ItemType,
+  keyboardControl: boolean,
+|};
+
+export type ItemType = number | '.' | 'forward';
+
+declare class Paging extends React$Component<PagingProps, PagingState> {
+  static isForward(pageNumber: number | 'forward'): boolean,
+}
+
+export default Paging;

package/components/Paging/PagingHelper.js.flow

@@ -1,10 +1,10 @@
-/* @flow */
-import type { ItemType } from './Paging';
-
-declare function getItems(active: number, total: number): ItemType[];
-
-declare var _default: {|
-  getItems: typeof getItems,
-|};
-
-export default _default;
+/* @flow */
+import type { ItemType } from './Paging';
+
+declare function getItems(active: number, total: number): ItemType[];
+
+declare var _default: {|
+  getItems: typeof getItems,
+|};
+
+export default _default;

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;