@skbkontur/react-ui 1.6.10 → 1.6.11

package/components/Button/README.md

@@ -1,85 +1,85 @@
-Button example
-
-```js
-const OkIcon = require('@skbkontur/react-icons/Ok').default;
-
-<Button icon={<OkIcon />}>Ok</Button>;
-```
-
-Button has different use styles
-
-```js
-const Gapped = require('../Gapped').default;
-
-<Gapped>
-  <Button use="default">Default</Button>
-  <Button use="primary">Primary</Button>
-  <Button use="success">Success</Button>
-  <Button use="danger">Danger</Button>
-  <Button use="pay">Pay</Button>
-  <Button use="link">Link</Button>
-</Gapped>;
-```
-
-Button can have different sizes
-
-```js
-const Gapped = require('../Gapped').default;
-
-<Gapped>
-  <Button size="small">Small</Button>
-  <Button size="medium">Medium</Button>
-  <Button size="large">Large</Button>
-</Gapped>;
-```
-
-Кнопки-стрелки
-
-```jsx
-<Gapped gap={25}>
-  <Gapped gap={5}>
-    <Button arrow="left" size="medium">
-      Назад
-    </Button>
-    <Button arrow size="medium">
-      Далее
-    </Button>
-  </Gapped>
-  <Gapped gap={5}>
-    <Button arrow="left" size="large">
-      Назад
-    </Button>
-    <Button arrow size="large">
-      Далее
-    </Button>
-  </Gapped>
-</Gapped>
-```
-
-Кнопка в сочетании со спиннером
-
-```jsx
-const OkIcon = require('@skbkontur/react-icons/Ok').default;
-
-const initialState = {
-  loading: false,
-  success: false,
-};
-
-const delay = (time = 0) => data => new Promise(resolve => setTimeout(resolve, time, data));
-
-const handleLoadingStart = () => {
-  delay(2000)()
-    .then(() => new Promise(resolve => setState({ loading: false, success: true }, resolve)))
-    .then(delay(1000))
-    .then(() => setState({ success: false }));
-};
-
-const handleClick = () => {
-  setState({ loading: true, success: false }, handleLoadingStart);
-};
-
-<Button width={150} onClick={handleClick} disabled={state.loading}>
-  {state.loading ? <Spinner type="mini" caption={null} /> : state.success ? <OkIcon /> : 'Сохранить'}
-</Button>;
-```
+Button example
+
+```js
+const OkIcon = require('@skbkontur/react-icons/Ok').default;
+
+<Button icon={<OkIcon />}>Ok</Button>;
+```
+
+Button has different use styles
+
+```js
+const Gapped = require('../Gapped').default;
+
+<Gapped>
+  <Button use="default">Default</Button>
+  <Button use="primary">Primary</Button>
+  <Button use="success">Success</Button>
+  <Button use="danger">Danger</Button>
+  <Button use="pay">Pay</Button>
+  <Button use="link">Link</Button>
+</Gapped>;
+```
+
+Button can have different sizes
+
+```js
+const Gapped = require('../Gapped').default;
+
+<Gapped>
+  <Button size="small">Small</Button>
+  <Button size="medium">Medium</Button>
+  <Button size="large">Large</Button>
+</Gapped>;
+```
+
+Кнопки-стрелки
+
+```jsx
+<Gapped gap={25}>
+  <Gapped gap={5}>
+    <Button arrow="left" size="medium">
+      Назад
+    </Button>
+    <Button arrow size="medium">
+      Далее
+    </Button>
+  </Gapped>
+  <Gapped gap={5}>
+    <Button arrow="left" size="large">
+      Назад
+    </Button>
+    <Button arrow size="large">
+      Далее
+    </Button>
+  </Gapped>
+</Gapped>
+```
+
+Кнопка в сочетании со спиннером
+
+```jsx
+const OkIcon = require('@skbkontur/react-icons/Ok').default;
+
+const initialState = {
+  loading: false,
+  success: false,
+};
+
+const delay = (time = 0) => data => new Promise(resolve => setTimeout(resolve, time, data));
+
+const handleLoadingStart = () => {
+  delay(2000)()
+    .then(() => new Promise(resolve => setState({ loading: false, success: true }, resolve)))
+    .then(delay(1000))
+    .then(() => setState({ success: false }));
+};
+
+const handleClick = () => {
+  setState({ loading: true, success: false }, handleLoadingStart);
+};
+
+<Button width={150} onClick={handleClick} disabled={state.loading}>
+  {state.loading ? <Spinner type="mini" caption={null} /> : state.success ? <OkIcon /> : 'Сохранить'}
+</Button>;
+```

package/components/Button/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, ButtonProps, ButtonState, ButtonSize, ButtonType, ButtonUse } from './Button';
+/* @flow */
+export { default, ButtonProps, ButtonState, ButtonSize, ButtonType, ButtonUse } from './Button';

package/components/Calendar/Animation.js.flow

@@ -1,7 +1,7 @@
-/* @flow */
-declare export var Animation: () => {|
-  animate: (amount: number, onDelta: (x0: number) => void, onEnd?: () => void) => void,
-  inProgress: () => boolean,
-  cancel: () => void,
-  finish: () => void,
-|};
+/* @flow */
+declare export var Animation: () => {|
+  animate: (amount: number, onDelta: (x0: number) => void, onEnd?: () => void) => void,
+  inProgress: () => boolean,
+  cancel: () => void,
+  finish: () => void,
+|};

package/components/Calendar/Calendar.js.flow

@@ -1,33 +1,33 @@
-/* @flow */
-import { MonthViewModel } from './MonthViewModel';
-import type { CalendarDateShape as _CalendarDateShape } from './CalendarDateShape';
-
-export type CalendarDateShape = _CalendarDateShape;
-
-export type CalendarProps = {|
-  initialMonth?: number,
-  initialYear?: number,
-  onSelect?: (date: CalendarDateShape) => void,
-  value?: ?CalendarDateShape,
-  maxDate?: CalendarDateShape,
-  minDate?: CalendarDateShape,
-  isHoliday?: (
-    day: CalendarDateShape & {
-      isWeekend: boolean,
-    },
-  ) => boolean,
-|};
-
-export type CalendarState = {|
-  scrollPosition: number,
-  months: MonthViewModel[],
-  today: CalendarDateShape,
-  scrollDirection: number,
-  scrollTarget: number,
-|};
-
-declare class Calendar extends React$Component<CalendarProps, CalendarState> {
-  scrollToMonth(month: number, year: number): void;
-}
-
-export default Calendar;
+/* @flow */
+import { MonthViewModel } from './MonthViewModel';
+import type { CalendarDateShape as _CalendarDateShape } from './CalendarDateShape';
+
+export type CalendarDateShape = _CalendarDateShape;
+
+export type CalendarProps = {|
+  initialMonth?: number,
+  initialYear?: number,
+  onSelect?: (date: CalendarDateShape) => void,
+  value?: ?CalendarDateShape,
+  maxDate?: CalendarDateShape,
+  minDate?: CalendarDateShape,
+  isHoliday?: (
+    day: CalendarDateShape & {
+      isWeekend: boolean,
+    },
+  ) => boolean,
+|};
+
+export type CalendarState = {|
+  scrollPosition: number,
+  months: MonthViewModel[],
+  today: CalendarDateShape,
+  scrollDirection: number,
+  scrollTarget: number,
+|};
+
+declare class Calendar extends React$Component<CalendarProps, CalendarState> {
+  scrollToMonth(month: number, year: number): void;
+}
+
+export default Calendar;

package/components/Calendar/CalendarDateShape.js.flow

@@ -1,26 +1,26 @@
-/* @flow */
-export type CalendarDateShape = {|
-  year: number,
-  month: number,
-  date: number,
-|};
-
-declare export var isEqual: (a: ?CalendarDateShape, b: ?CalendarDateShape) => boolean | null | void;
-
-declare export var comparator: (a: CalendarDateShape, b: CalendarDateShape) => 0 | 1 | -1;
-
-declare export var create: (date: number, month: number, year: number) => CalendarDateShape;
-
-declare export var isLess: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-
-declare export var isLessOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean | null | void;
-
-declare export var isGreater: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-
-declare export var isGreaterOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-
-declare export var isBetween: (
-  date: CalendarDateShape,
-  left?: ?CalendarDateShape,
-  right?: ?CalendarDateShape,
-) => boolean;
+/* @flow */
+export type CalendarDateShape = {|
+  year: number,
+  month: number,
+  date: number,
+|};
+
+declare export var isEqual: (a: ?CalendarDateShape, b: ?CalendarDateShape) => boolean | null | void;
+
+declare export var comparator: (a: CalendarDateShape, b: CalendarDateShape) => 0 | 1 | -1;
+
+declare export var create: (date: number, month: number, year: number) => CalendarDateShape;
+
+declare export var isLess: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+
+declare export var isLessOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean | null | void;
+
+declare export var isGreater: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+
+declare export var isGreaterOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+
+declare export var isBetween: (
+  date: CalendarDateShape,
+  left?: ?CalendarDateShape,
+  right?: ?CalendarDateShape,
+) => boolean;

package/components/Calendar/CalendarScrollEvents.js.flow

@@ -1,15 +1,15 @@
-/* @flow */
-declare function addListener(
-  callback: () => void,
-): {|
-  remove(): void,
-|};
-
-declare function emit(): void;
-
-declare var _default: {|
-  addListener: typeof addListener,
-  emit: typeof emit,
-|};
-
-export default _default;
+/* @flow */
+declare function addListener(
+  callback: () => void,
+): {|
+  remove(): void,
+|};
+
+declare function emit(): void;
+
+declare var _default: {|
+  addListener: typeof addListener,
+  emit: typeof emit,
+|};
+
+export default _default;

package/components/Calendar/CalendarUtils.js.flow

@@ -1,35 +1,35 @@
-/* @flow */
-import type { MonthViewModel } from './MonthViewModel';
-import type { CalendarState, CalendarProps } from './Calendar';
-
-declare export var calculateScrollPosition: (
-  months: MonthViewModel[],
-  scrollPosition: number,
-  deltaY: number,
-) => {|
-  scrollPosition: number,
-  months: MonthViewModel[],
-  scrollDirection: number,
-|};
-
-declare export var applyDelta: (
-  deltaY: number,
-) => (
-  state: $ReadOnly<CalendarState>,
-  props: CalendarProps,
-) =>
-  | {|
-      scrollPosition: number,
-      months: MonthViewModel[],
-      scrollDirection: number,
-    |}
-  | {|
-      scrollPosition: number,
-      scrollDirection: number,
-    |};
-
-declare export var isMonthVisible: (top: number, month: MonthViewModel) => boolean;
-
-declare export var getMonthsHeight: (months: MonthViewModel[]) => number;
-
-declare export var getMonths: (month: number, year: number) => MonthViewModel[];
+/* @flow */
+import type { MonthViewModel } from './MonthViewModel';
+import type { CalendarState, CalendarProps } from './Calendar';
+
+declare export var calculateScrollPosition: (
+  months: MonthViewModel[],
+  scrollPosition: number,
+  deltaY: number,
+) => {|
+  scrollPosition: number,
+  months: MonthViewModel[],
+  scrollDirection: number,
+|};
+
+declare export var applyDelta: (
+  deltaY: number,
+) => (
+  state: $ReadOnly<CalendarState>,
+  props: CalendarProps,
+) =>
+  | {|
+      scrollPosition: number,
+      months: MonthViewModel[],
+      scrollDirection: number,
+    |}
+  | {|
+      scrollPosition: number,
+      scrollDirection: number,
+    |};
+
+declare export var isMonthVisible: (top: number, month: MonthViewModel) => boolean;
+
+declare export var getMonthsHeight: (months: MonthViewModel[]) => number;
+
+declare export var getMonths: (month: number, year: number) => MonthViewModel[];

package/components/Calendar/DayCellView.js.flow

@@ -1,16 +1,16 @@
-/* @flow */
-import type { CalendarDateShape } from './CalendarDateShape';
-
-type DayCellViewProps = {|
-  date: CalendarDateShape,
-  today?: CalendarDateShape,
-  value?: ?CalendarDateShape,
-  minDate?: CalendarDateShape,
-  maxDate?: CalendarDateShape,
-  onClick?: (event: SyntheticMouseEvent<HTMLButtonElement>) => void,
-  isWeekend?: boolean,
-|};
-
-declare export var DayCellView: (props: DayCellViewProps) => React$Node;
-
-export {};
+/* @flow */
+import type { CalendarDateShape } from './CalendarDateShape';
+
+type DayCellViewProps = {|
+  date: CalendarDateShape,
+  today?: CalendarDateShape,
+  value?: ?CalendarDateShape,
+  minDate?: CalendarDateShape,
+  maxDate?: CalendarDateShape,
+  onClick?: (event: SyntheticMouseEvent<HTMLButtonElement>) => void,
+  isWeekend?: boolean,
+|};
+
+declare export var DayCellView: (props: DayCellViewProps) => React$Node;
+
+export {};

package/components/Calendar/DayCellViewModel.js.flow

@@ -1,9 +1,9 @@
-/* @flow */
-declare export class DayCellViewModel {
-  static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
-
-  date: number;
-  month: number;
-  year: number;
-  isWeekend: boolean;
-}
+/* @flow */
+declare export class DayCellViewModel {
+  static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
+
+  date: number;
+  month: number;
+  year: number;
+  isWeekend: boolean;
+}

package/components/Calendar/Month.js.flow

@@ -1,23 +1,23 @@
-/* @flow */
-import type { MonthViewModel } from './MonthViewModel';
-import type { CalendarDateShape } from './CalendarDateShape';
-
-type MonthProps = {|
-  top: number,
-  month: MonthViewModel,
-  maxDate?: CalendarDateShape,
-  minDate?: CalendarDateShape,
-  today?: CalendarDateShape,
-  value?: ?CalendarDateShape,
-  onDateClick?: (date: CalendarDateShape) => void,
-  onMonthYearChange: (month: number, year: number) => void,
-  isHoliday?: (
-    day: CalendarDateShape & {
-      isWeekend: boolean,
-    },
-  ) => boolean,
-|};
-
-declare export class Month extends React$Component<MonthProps> {}
-
-export {};
+/* @flow */
+import type { MonthViewModel } from './MonthViewModel';
+import type { CalendarDateShape } from './CalendarDateShape';
+
+type MonthProps = {|
+  top: number,
+  month: MonthViewModel,
+  maxDate?: CalendarDateShape,
+  minDate?: CalendarDateShape,
+  today?: CalendarDateShape,
+  value?: ?CalendarDateShape,
+  onDateClick?: (date: CalendarDateShape) => void,
+  onMonthYearChange: (month: number, year: number) => void,
+  isHoliday?: (
+    day: CalendarDateShape & {
+      isWeekend: boolean,
+    },
+  ) => boolean,
+|};
+
+declare export class Month extends React$Component<MonthProps> {}
+
+export {};

package/components/Calendar/MonthView.js.flow

@@ -1,24 +1,24 @@
-/* @flow */
-import DateSelect from '../DateSelect';
-import type { CalendarDateShape } from './CalendarDateShape';
-
-type MonthViewProps = {|
-  children: React$Node,
-  firstDayOffset: number,
-  height: number,
-  isFirstInYear?: boolean,
-  isLastInYear?: boolean,
-  maxDate?: CalendarDateShape,
-  minDate?: CalendarDateShape,
-  month: number,
-  top: number,
-  year: number,
-  onMonthSelect: (month: number) => void,
-  onYearSelect: (month: number) => void,
-  monthSelectRef: (select: DateSelect | null) => void,
-  yearSelectRef: (select: DateSelect | null) => void,
-|};
-
-declare export var MonthView: (props: MonthViewProps) => React$Node;
-
-export {};
+/* @flow */
+import DateSelect from '../DateSelect';
+import type { CalendarDateShape } from './CalendarDateShape';
+
+type MonthViewProps = {|
+  children: React$Node,
+  firstDayOffset: number,
+  height: number,
+  isFirstInYear?: boolean,
+  isLastInYear?: boolean,
+  maxDate?: CalendarDateShape,
+  minDate?: CalendarDateShape,
+  month: number,
+  top: number,
+  year: number,
+  onMonthSelect: (month: number) => void,
+  onYearSelect: (month: number) => void,
+  monthSelectRef: (select: DateSelect | null) => void,
+  yearSelectRef: (select: DateSelect | null) => void,
+|};
+
+declare export var MonthView: (props: MonthViewProps) => React$Node;
+
+export {};

package/components/Calendar/MonthViewModel.js.flow

@@ -1,16 +1,16 @@
-/* @flow */
-import type { DayCellViewModel } from './DayCellViewModel';
-
-declare export class MonthViewModel {
-  static create: (month: number, year: number) => MonthViewModel;
-
-  +daysCount: number;
-  +offset: number;
-  +month: number;
-  +year: number;
-  +height: number;
-  +days: DayCellViewModel[];
-
-  isLastInYear: boolean;
-  isFirstInYear: boolean;
-}
+/* @flow */
+import type { DayCellViewModel } from './DayCellViewModel';
+
+declare export class MonthViewModel {
+  static create: (month: number, year: number) => MonthViewModel;
+
+  +daysCount: number;
+  +offset: number;
+  +month: number;
+  +year: number;
+  +height: number;
+  +days: DayCellViewModel[];
+
+  isLastInYear: boolean;
+  isFirstInYear: boolean;
+}

package/components/Calendar/config.js.flow

@@ -1,11 +1,11 @@
-/* @flow */
-declare var _default: {|
-  DAY_HEIGHT: number,
-  MONTH_TITLE_HEIGHT: number,
-  MONTH_TITLE_OFFSET_HEIGHT: number,
-  WRAPPER_HEIGHT: number,
-  MONTH_BOTTOM_MARGIN: number,
-  MAX_MONTHS_TO_APPEND_ON_SCROLL: number,
-|};
-
-export default _default;
+/* @flow */
+declare var _default: {|
+  DAY_HEIGHT: number,
+  MONTH_TITLE_HEIGHT: number,
+  MONTH_TITLE_OFFSET_HEIGHT: number,
+  WRAPPER_HEIGHT: number,
+  MONTH_BOTTOM_MARGIN: number,
+  MAX_MONTHS_TO_APPEND_ON_SCROLL: number,
+|};
+
+export default _default;

package/components/Calendar/index.js.flow

@@ -1,2 +1,2 @@
-/* @flow */
-export { default, CalendarDateShape, CalendarProps, CalendarState } from './Calendar';
+/* @flow */
+export { default, CalendarDateShape, CalendarProps, CalendarState } from './Calendar';