@skbkontur/react-ui 1.6.4 → 1.6.8-fixed-modal-stack

package/components/Modal/Modal.styles.d.ts

@@ -1,11 +1,11 @@
-import { ITheme } from '../../lib/theming/Theme';
-declare const jsStyles: {
-    bg(t: ITheme): string;
-    window(t: ITheme): string;
-    centerContainer(t: ITheme): string;
-    close(t: ITheme): string;
-    footer(t: ITheme): string;
-    fixedHeader(t: ITheme): string;
-    fixedFooter(t: ITheme): string;
-};
-export default jsStyles;
+import { ITheme } from '../../lib/theming/Theme';
+declare const jsStyles: {
+    bg(t: ITheme): string;
+    window(t: ITheme): string;
+    centerContainer(t: ITheme): string;
+    close(t: ITheme): string;
+    footer(t: ITheme): string;
+    fixedHeader(t: ITheme): string;
+    fixedFooter(t: ITheme): string;
+};
+export default jsStyles;

package/components/Modal/ModalBody.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-export declare class Body extends React.Component {
-    render(): JSX.Element;
-}
+import * as React from 'react';
+export declare class Body extends React.Component {
+    render(): JSX.Element;
+}

package/components/Modal/ModalBody.js.flow

@@ -1,7 +1,7 @@
-/* @flow */
-
-type Props = {|
-  children?: React$Node,
-|};
-
-declare export class Body extends React$Component<Props> {}
+/* @flow */
+
+type Props = {|
+  children?: React$Node,
+|};
+
+declare export class Body extends React$Component<Props> {}

package/components/Modal/ModalClose.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { CloseProps } from './ModalContext';
-export default class Close extends React.Component<CloseProps> {
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-}
+import * as React from 'react';
+import { CloseProps } from './ModalContext';
+export default class Close extends React.Component<CloseProps> {
+    private theme;
+    render(): JSX.Element;
+    private renderMain;
+}

package/components/Modal/ModalClose.js.flow

@@ -1,6 +1,6 @@
-/* @flow */
-import type { CloseProps } from './ModalContext';
-
-declare var Close: (props: CloseProps) => React$Node;
-
-export default Close;
+/* @flow */
+import type { CloseProps } from './ModalContext';
+
+declare var Close: (props: CloseProps) => React$Node;
+
+export default Close;

package/components/Modal/ModalContext.d.ts

@@ -1,11 +1,11 @@
-export interface CloseProps {
-    disableClose?: boolean;
-    requestClose: () => void;
-}
-export interface ModalContextProps {
-    additionalPadding?: boolean;
-    hasHeader?: boolean;
-    close?: CloseProps;
-    horizontalScroll?: boolean;
-}
-export declare const ModalContext: import("create-react-context").Context<ModalContextProps>;
+export interface CloseProps {
+    disableClose?: boolean;
+    requestClose: () => void;
+}
+export interface ModalContextProps {
+    additionalPadding?: boolean;
+    hasHeader?: boolean;
+    close?: CloseProps;
+    horizontalScroll?: boolean;
+}
+export declare const ModalContext: import("create-react-context").Context<ModalContextProps>;

package/components/Modal/ModalContext.js.flow

@@ -1,15 +1,15 @@
-/* @flow */
-
-export type CloseProps = {|
-  disableClose?: boolean,
-  requestClose: () => void,
-|};
-
-export type ModalContextProps = {|
-  additionalPadding?: boolean,
-  hasHeader?: boolean,
-  close?: CloseProps,
-  horizontalScroll?: boolean,
-|};
-
-declare export var ModalContext: React$Context<ModalContextProps>;
+/* @flow */
+
+export type CloseProps = {|
+  disableClose?: boolean,
+  requestClose: () => void,
+|};
+
+export type ModalContextProps = {|
+  additionalPadding?: boolean,
+  hasHeader?: boolean,
+  close?: CloseProps,
+  horizontalScroll?: boolean,
+|};
+
+declare export var ModalContext: React$Context<ModalContextProps>;

package/components/Modal/ModalFooter.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-export interface FooterProps {
-    /**
-     * Включает серый цвет в футере
-     */
-    panel?: boolean;
-    sticky: boolean;
-}
-/**
- * Футер модального окна.
- */
-export declare class Footer extends React.Component<FooterProps> {
-    static __MODAL_FOOTER__: boolean;
-    static defaultProps: {
-        sticky: boolean;
-    };
-    private theme;
-    private scrollbarWidth;
-    render(): JSX.Element;
-    private renderMain;
-    private renderContent;
-}
-export declare function isFooter(child: React.ReactChild): child is React.ReactElement<FooterProps>;
+import * as React from 'react';
+export interface FooterProps {
+    /**
+     * Включает серый цвет в футере
+     */
+    panel?: boolean;
+    sticky: boolean;
+}
+/**
+ * Футер модального окна.
+ */
+export declare class Footer extends React.Component<FooterProps> {
+    static __MODAL_FOOTER__: boolean;
+    static defaultProps: {
+        sticky: boolean;
+    };
+    private theme;
+    private scrollbarWidth;
+    render(): JSX.Element;
+    private renderMain;
+    private renderContent;
+}
+export declare function isFooter(child: React.ReactChild): child is React.ReactElement<FooterProps>;

package/components/Modal/ModalFooter.js

@@ -10,8 +10,8 @@ var Emotion_1 = require("../../lib/theming/Emotion");
 var Modal_styles_1 = tslib_1.__importDefault(require("./Modal.styles"));
 var ThemeConsumer_1 = require("../ThemeConsumer");
 var ZIndex_1 = tslib_1.__importDefault(require("../ZIndex"));
-/**
-                                                               * Футер модального окна.
+/**
+                                                               * Футер модального окна.
                                                                */
 var Footer = /** @class */function (_super) {
   tslib_1.__extends(Footer, _super);

package/components/Modal/ModalFooter.js.flow

@@ -1,11 +1,11 @@
-/* @flow */
-
-export type FooterProps = {|
-  panel?: boolean,
-  sticky?: boolean,
-  children?: React$Node,
-|};
-
-declare export function isFooter(child: React$Node): boolean;
-
-declare export class Footer extends React$Component<FooterProps> {}
+/* @flow */
+
+export type FooterProps = {|
+  panel?: boolean,
+  sticky?: boolean,
+  children?: React$Node,
+|};
+
+declare export function isFooter(child: React$Node): boolean;
+
+declare export class Footer extends React$Component<FooterProps> {}

package/components/Modal/ModalHeader.d.ts

@@ -1,16 +1,16 @@
-import * as React from 'react';
-export interface HeaderProps {
-    close?: boolean;
-    sticky: boolean;
-}
-export declare class Header extends React.Component<HeaderProps> {
-    static __MODAL_HEADER__: boolean;
-    static defaultProps: {
-        sticky: boolean;
-    };
-    private theme;
-    render(): JSX.Element;
-    private renderMain;
-    private renderContent;
-}
-export declare function isHeader(child: React.ReactChild): child is React.ReactElement<HeaderProps>;
+import * as React from 'react';
+export interface HeaderProps {
+    close?: boolean;
+    sticky: boolean;
+}
+export declare class Header extends React.Component<HeaderProps> {
+    static __MODAL_HEADER__: boolean;
+    static defaultProps: {
+        sticky: boolean;
+    };
+    private theme;
+    render(): JSX.Element;
+    private renderMain;
+    private renderContent;
+}
+export declare function isHeader(child: React.ReactChild): child is React.ReactElement<HeaderProps>;

package/components/Modal/ModalHeader.js.flow

@@ -1,11 +1,11 @@
-/* @flow */
-
-export type HeaderProps = {|
-  close?: boolean,
-  sticky?: boolean,
-  children?: React$Node,
-|};
-
-declare export function isHeader(child: React$Node): boolean;
-
-declare export class Header extends React$Component<HeaderProps> {}
+/* @flow */
+
+export type HeaderProps = {|
+  close?: boolean,
+  sticky?: boolean,
+  children?: React$Node,
+|};
+
+declare export function isHeader(child: React$Node): boolean;
+
+declare export class Header extends React$Component<HeaderProps> {}

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/index.d.ts

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

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.d.ts

@@ -1,7 +1,9 @@
-import * as React from 'react';
-import { EventSubscription } from 'fbemitter';
-export default class ModalStack {
-    static add(component: React.Component, onChange: (stack: ReadonlyArray<React.Component>) => void): EventSubscription;
-    static remove(component: React.Component): void;
-    private static getStackInfo;
-}
+import * as React from 'react';
+export interface ModalStackSubscription {
+    remove: () => void;
+}
+export default class ModalStack {
+    static add(component: React.Component, onChange: (stack: ReadonlyArray<React.Component>) => void): ModalStackSubscription;
+    static remove(component: React.Component): void;
+    private static getStackInfo;
+}

package/components/ModalStack/ModalStack.js

@@ -7,9 +7,20 @@ var ModalStack = /** @class */function () {
   ModalStack.add = function (component, onChange) {
     var _a = ModalStack.getStackInfo(),emitter = _a.emitter,mounted = _a.mounted;
     mounted.unshift(component);
-    var subscription = emitter.addListener('change', function () {return onChange(mounted.slice());});
+    var changeHandler = function changeHandler() {return onChange(mounted.slice());};
+    var subscription = emitter.addListener('change', changeHandler);
     emitter.emit('change');
-    return subscription;
+    return {
+      remove: function remove() {
+        // Forwards compatible with versions 2.x which using the eventemitter3 package
+        if ('removeListener' in subscription) {
+          // @ts-ignore
+          emitter.removeListener('change', changeHandler);
+          return;
+        }
+        subscription.remove();
+      } };
+
   };
   ModalStack.remove = function (component) {
     var _a = ModalStack.getStackInfo(),emitter = _a.emitter,mounted = _a.mounted;

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/ModalStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalStack.js","sourceRoot":"","sources":["ModalStack.ts"],"names":[],"mappings":";;AACA,uCAA4D;AAW5D;IAAA;IA+BA,CAAC;IA9Be,cAAG,GAAjB,UACE,SAA0B,EAC1B,QAAyD;QAEnD,IAAA,8BAAgD,EAA9C,oBAAO,EAAE,oBAAqC,CAAC;QACvD,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC3B,IAAM,YAAY,GAAG,OAAO,CAAC,WAAW,CAAC,QAAQ,EAAE,cAAM,OAAA,QAAQ,CAAK,OAAO,SAAE,EAAtB,CAAsB,CAAC,CAAC;QACjF,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvB,OAAO,YAAY,CAAC;IACtB,CAAC;IAEa,iBAAM,GAApB,UAAqB,SAA0B;QACvC,IAAA,8BAAgD,EAA9C,oBAAO,EAAE,oBAAqC,CAAC;QACvD,IAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACzC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC1B;QACD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC;IAEc,uBAAY,GAA3B;QACE,IAAM,eAAe,GAAG,MAA6B,CAAC;QACtD,OAAO,CACL,eAAe,CAAC,kBAAkB;YAClC,CAAC,eAAe,CAAC,kBAAkB,GAAG;gBACpC,OAAO,EAAE,IAAI,wBAAY,EAAE;gBAC3B,OAAO,EAAE,EAAE;aACZ,CAAC,CACH,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AA/BD,IA+BC"}
+{"version":3,"file":"ModalStack.js","sourceRoot":"","sources":["ModalStack.ts"],"names":[],"mappings":";;AACA,uCAAyC;AAezC;IAAA;IA2CA,CAAC;IA1Ce,cAAG,GAAjB,UACE,SAA0B,EAC1B,QAAyD;QAEnD,IAAA,8BAAgD,EAA9C,oBAAO,EAAE,oBAAqC,CAAC;QACvD,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC3B,IAAM,aAAa,GAAG,cAAM,OAAA,QAAQ,CAAK,OAAO,SAAE,EAAtB,CAAsB,CAAC;QACnD,IAAM,YAAY,GAAG,OAAO,CAAC,WAAW,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAClE,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvB,OAAO;YACL,MAAM,EAAN;gBACE,8EAA8E;gBAC9E,IAAI,gBAAgB,IAAI,YAAY,EAAE;oBACpC,aAAa;oBACb,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;oBAChD,OAAO;iBACR;gBAED,YAAY,CAAC,MAAM,EAAE,CAAC;YACxB,CAAC;SACF,CAAC;IACJ,CAAC;IAEa,iBAAM,GAApB,UAAqB,SAA0B;QACvC,IAAA,8BAAgD,EAA9C,oBAAO,EAAE,oBAAqC,CAAC;QACvD,IAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACzC,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;YAChB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SAC1B;QACD,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzB,CAAC;IAEc,uBAAY,GAA3B;QACE,IAAM,eAAe,GAAG,MAA6B,CAAC;QACtD,OAAO,CACL,eAAe,CAAC,kBAAkB;YAClC,CAAC,eAAe,CAAC,kBAAkB,GAAG;gBACpC,OAAO,EAAE,IAAI,wBAAY,EAAE;gBAC3B,OAAO,EAAE,EAAE;aACZ,CAAC,CACH,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AA3CD,IA2CC"}

package/components/ModalStack/index.d.ts

@@ -1 +1 @@
-export { default } from './ModalStack';
+export { default } from './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.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-export interface KeyDescriptionType {
-    name: string;
-    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
-}
-declare const _default: {
-    getKeyName(): string;
-    checkKeyPressed(event: React.KeyboardEvent<HTMLElement> | KeyboardEvent): boolean;
-};
-export default _default;
+import * as React from 'react';
+export interface KeyDescriptionType {
+    name: string;
+    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
+}
+declare const _default: {
+    getKeyName(): string;
+    checkKeyPressed(event: React.KeyboardEvent<HTMLElement> | KeyboardEvent): boolean;
+};
+export default _default;

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;