@skbkontur/react-ui 4.1.2 → 4.2.0-revert-datatids

package/internal/BGRuler.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
- */
-export declare class BGRuler extends React.Component<{
-    width?: string | number;
-    height?: string | number;
-    top?: string | number;
-    bottom?: string | number;
-    right?: string | number;
-    left?: string | number;
-    color?: string;
-}> {
-    static defaultProps: {
-        height: number;
-        top: number;
-        left: number;
-        right: number;
-        color: string;
-    };
-    private iframe;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    update: () => void;
-    render(): JSX.Element;
-    private iframeRef;
-}
+import React from 'react';
+/**
+ * Компонент рисует пиксельную линейку на заднем фоне.
+ * Помогает контролировать размеры элементов при скриншотном тестировании.
+ *
+ * @see FxInput/__stories__/FxInput.stories.tsx
+ */
+export declare class BGRuler extends React.Component<{
+    width?: string | number;
+    height?: string | number;
+    top?: string | number;
+    bottom?: string | number;
+    right?: string | number;
+    left?: string | number;
+    color?: string;
+}> {
+    static defaultProps: {
+        height: number;
+        top: number;
+        left: number;
+        right: number;
+        color: string;
+    };
+    private iframe;
+    componentDidMount: () => void;
+    componentWillUnmount: () => void;
+    update: () => void;
+    render(): JSX.Element;
+    private iframeRef;
+}

package/internal/Calendar/Calendar.d.ts

@@ -1,66 +1,66 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import { MonthViewModel } from './MonthViewModel';
-import { CalendarDateShape } from './CalendarDateShape';
-export interface CalendarProps {
-    initialMonth?: number;
-    initialYear?: number;
-    onSelect?: (date: CalendarDateShape) => void;
-    value?: Nullable<CalendarDateShape>;
-    maxDate?: CalendarDateShape;
-    minDate?: CalendarDateShape;
-    isHoliday?: (day: CalendarDateShape & {
-        isWeekend: boolean;
-    }) => boolean;
-}
-export interface CalendarState {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    today: CalendarDateShape;
-    scrollDirection: number;
-    scrollTarget: number;
-    touchStart: number;
-}
-export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        holidays: never[];
-        minDate: {
-            year: number;
-            month: number;
-            date: number;
-        };
-        maxDate: {
-            year: number;
-            month: number;
-            date: number;
-        };
-    };
-    private theme;
-    private wheelEndTimeout;
-    private root;
-    private animation;
-    private touchStartY;
-    constructor(props: CalendarProps);
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    /**
-     * Scrolls calendar to given date
-     * @public
-     */
-    scrollToMonth: (month: number, year: number) => Promise<void>;
-    private renderMain;
-    private refRoot;
-    private renderMonth;
-    private getMonthPositions;
-    private handleMonthYearChange;
-    private executeAnimations;
-    private handleTouchStart;
-    private handleTouchMove;
-    private throttledHandleTouchMove;
-    private handleWheel;
-    private handleWheelEnd;
-    private scrollToNearestWeek;
-    private scrollTo;
-    private scrollAmount;
-}
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import { MonthViewModel } from './MonthViewModel';
+import { CalendarDateShape } from './CalendarDateShape';
+export interface CalendarProps {
+    initialMonth?: number;
+    initialYear?: number;
+    onSelect?: (date: CalendarDateShape) => void;
+    value?: Nullable<CalendarDateShape>;
+    maxDate?: CalendarDateShape;
+    minDate?: CalendarDateShape;
+    isHoliday?: (day: CalendarDateShape & {
+        isWeekend: boolean;
+    }) => boolean;
+}
+export interface CalendarState {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    today: CalendarDateShape;
+    scrollDirection: number;
+    scrollTarget: number;
+    touchStart: number;
+}
+export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        holidays: never[];
+        minDate: {
+            year: number;
+            month: number;
+            date: number;
+        };
+        maxDate: {
+            year: number;
+            month: number;
+            date: number;
+        };
+    };
+    private theme;
+    private wheelEndTimeout;
+    private root;
+    private animation;
+    private touchStartY;
+    constructor(props: CalendarProps);
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    /**
+     * Scrolls calendar to given date
+     * @public
+     */
+    scrollToMonth: (month: number, year: number) => Promise<void>;
+    private renderMain;
+    private refRoot;
+    private renderMonth;
+    private getMonthPositions;
+    private handleMonthYearChange;
+    private executeAnimations;
+    private handleTouchStart;
+    private handleTouchMove;
+    private throttledHandleTouchMove;
+    private handleWheel;
+    private handleWheelEnd;
+    private scrollToNearestWeek;
+    private scrollTo;
+    private scrollAmount;
+}

package/internal/Calendar/Calendar.styles.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    root(t: Theme): string;
-    wrapper(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
+    wrapper(): string;
+};

package/internal/Calendar/CalendarDateShape.d.ts

@@ -1,14 +1,14 @@
-import { Nullable } from '../../typings/utility-types';
-export interface CalendarDateShape {
-    year: number;
-    month: number;
-    date: number;
-}
-export declare const isEqual: (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) => boolean | null | undefined;
-export declare const comparator: (a: CalendarDateShape, b: CalendarDateShape) => 0 | 1 | -1;
-export declare const create: (date: number, month: number, year: number) => CalendarDateShape;
-export declare const isLess: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-export declare const isLessOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean | null | undefined;
-export declare const isGreater: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-export declare const isGreaterOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
-export declare const isBetween: (date: CalendarDateShape, left?: Nullable<CalendarDateShape>, right?: Nullable<CalendarDateShape>) => boolean;
+import { Nullable } from '../../typings/utility-types';
+export interface CalendarDateShape {
+    year: number;
+    month: number;
+    date: number;
+}
+export declare const isEqual: (a: Nullable<CalendarDateShape>, b: Nullable<CalendarDateShape>) => boolean | null | undefined;
+export declare const comparator: (a: CalendarDateShape, b: CalendarDateShape) => 0 | 1 | -1;
+export declare const create: (date: number, month: number, year: number) => CalendarDateShape;
+export declare const isLess: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+export declare const isLessOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean | null | undefined;
+export declare const isGreater: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+export declare const isGreaterOrEqual: (left: CalendarDateShape, right: CalendarDateShape) => boolean;
+export declare const isBetween: (date: CalendarDateShape, left?: Nullable<CalendarDateShape>, right?: Nullable<CalendarDateShape>) => boolean;

package/internal/Calendar/CalendarScrollEvents.d.ts

@@ -1,4 +1,4 @@
-export declare function addListener(callback: () => void): {
-    remove(): void;
-};
-export declare function emit(): void;
+export declare function addListener(callback: () => void): {
+    remove(): void;
+};
+export declare function emit(): void;

package/internal/Calendar/CalendarUtils.d.ts

@@ -1,19 +1,19 @@
-import { Theme } from '../../lib/theming/Theme';
-import { MonthViewModel } from './MonthViewModel';
-import { CalendarProps, CalendarState } from './Calendar';
-export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number, theme: Theme) => {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-};
-export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: CalendarProps) => {
-    scrollPosition: number;
-    months: MonthViewModel[];
-    scrollDirection: number;
-} | {
-    scrollPosition: number;
-    scrollDirection: number;
-};
-export declare const isMonthVisible: (top: number, month: MonthViewModel, theme: Theme) => boolean;
-export declare const getMonthsHeight: (months: MonthViewModel[], theme: Theme) => number;
-export declare const getMonths: (month: number, year: number) => MonthViewModel[];
+import { Theme } from '../../lib/theming/Theme';
+import { MonthViewModel } from './MonthViewModel';
+import { CalendarProps, CalendarState } from './Calendar';
+export declare const calculateScrollPosition: (months: MonthViewModel[], scrollPosition: number, deltaY: number, theme: Theme) => {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+};
+export declare const applyDelta: (deltaY: number, theme: Theme) => ({ scrollPosition, months }: Readonly<CalendarState>, { minDate, maxDate }: CalendarProps) => {
+    scrollPosition: number;
+    months: MonthViewModel[];
+    scrollDirection: number;
+} | {
+    scrollPosition: number;
+    scrollDirection: number;
+};
+export declare const isMonthVisible: (top: number, month: MonthViewModel, theme: Theme) => boolean;
+export declare const getMonthsHeight: (months: MonthViewModel[], theme: Theme) => number;
+export declare const getMonths: (month: number, year: number) => MonthViewModel[];

package/internal/Calendar/DayCellView.d.ts

@@ -1,13 +1,13 @@
-import { Nullable } from '../../typings/utility-types';
-import * as CDS from './CalendarDateShape';
-interface DayCellViewProps {
-    date: CDS.CalendarDateShape;
-    today?: CDS.CalendarDateShape;
-    value?: Nullable<CDS.CalendarDateShape>;
-    minDate?: CDS.CalendarDateShape;
-    maxDate?: CDS.CalendarDateShape;
-    onDateClick?: (day: CDS.CalendarDateShape) => void;
-    isWeekend?: boolean;
-}
-export declare function DayCellView(props: DayCellViewProps): JSX.Element;
-export {};
+import { Nullable } from '../../typings/utility-types';
+import * as CDS from './CalendarDateShape';
+interface DayCellViewProps {
+    date: CDS.CalendarDateShape;
+    today?: CDS.CalendarDateShape;
+    value?: Nullable<CDS.CalendarDateShape>;
+    minDate?: CDS.CalendarDateShape;
+    maxDate?: CDS.CalendarDateShape;
+    onDateClick?: (day: CDS.CalendarDateShape) => void;
+    isWeekend?: boolean;
+}
+export declare function DayCellView(props: DayCellViewProps): JSX.Element;
+export {};

package/internal/Calendar/DayCellView.styles.d.ts

@@ -1,7 +1,7 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    cell(t: Theme): string;
-    selected(t: Theme): string;
-    weekend(t: Theme): string;
-    today(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    cell(t: Theme): string;
+    selected(t: Theme): string;
+    weekend(t: Theme): string;
+    today(t: Theme): string;
+};

package/internal/Calendar/DayCellViewModel.d.ts

@@ -1,8 +1,8 @@
-export declare class DayCellViewModel {
-    static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
-    date: number;
-    month: number;
-    year: number;
-    isWeekend: boolean;
-    constructor(date: number, month: number, year: number, isWeekend: boolean);
-}
+export declare class DayCellViewModel {
+    static create(date: number, month: number, year: number, isWeekend: boolean): DayCellViewModel;
+    date: number;
+    month: number;
+    year: number;
+    isWeekend: boolean;
+    constructor(date: number, month: number, year: number, isWeekend: boolean);
+}

package/internal/Calendar/Month.d.ts

@@ -1,33 +1,33 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-import * as CDS from './CalendarDateShape';
-import { MonthViewModel } from './MonthViewModel';
-interface MonthProps {
-    top: number;
-    month: MonthViewModel;
-    maxDate?: CDS.CalendarDateShape;
-    minDate?: CDS.CalendarDateShape;
-    today?: CDS.CalendarDateShape;
-    value?: Nullable<CDS.CalendarDateShape>;
-    onDateClick?: (date: CDS.CalendarDateShape) => void;
-    onMonthYearChange: (month: number, year: number) => void;
-    isHoliday?: (day: CDS.CalendarDateShape & {
-        isWeekend: boolean;
-    }) => boolean;
-}
-export declare class Month extends React.Component<MonthProps> {
-    private theme;
-    private monthSelect;
-    private yearSelect;
-    shouldComponentUpdate(nextProps: MonthProps): boolean;
-    componentDidMount(): void;
-    render(): JSX.Element;
-    renderMain(): JSX.Element;
-    private renderCells;
-    private closeSelects;
-    private monthRef;
-    private yearRef;
-    private handleMonthSelect;
-    private handleYearSelect;
-}
-export {};
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+import * as CDS from './CalendarDateShape';
+import { MonthViewModel } from './MonthViewModel';
+interface MonthProps {
+    top: number;
+    month: MonthViewModel;
+    maxDate?: CDS.CalendarDateShape;
+    minDate?: CDS.CalendarDateShape;
+    today?: CDS.CalendarDateShape;
+    value?: Nullable<CDS.CalendarDateShape>;
+    onDateClick?: (date: CDS.CalendarDateShape) => void;
+    onMonthYearChange: (month: number, year: number) => void;
+    isHoliday?: (day: CDS.CalendarDateShape & {
+        isWeekend: boolean;
+    }) => boolean;
+}
+export declare class Month extends React.Component<MonthProps> {
+    private theme;
+    private monthSelect;
+    private yearSelect;
+    shouldComponentUpdate(nextProps: MonthProps): boolean;
+    componentDidMount(): void;
+    render(): JSX.Element;
+    renderMain(): JSX.Element;
+    private renderCells;
+    private closeSelects;
+    private monthRef;
+    private yearRef;
+    private handleMonthSelect;
+    private handleYearSelect;
+}
+export {};

package/internal/Calendar/MonthView.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-import { DateSelect } from '../DateSelect';
-import * as CDS from './CalendarDateShape';
-interface MonthViewProps {
-    children: React.ReactNode;
-    firstDayOffset: number;
-    height: number;
-    isFirstInYear?: boolean;
-    isLastInYear?: boolean;
-    maxDate?: CDS.CalendarDateShape;
-    minDate?: CDS.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;
-}
-export declare function MonthView(props: MonthViewProps): JSX.Element;
-export {};
+import React from 'react';
+import { DateSelect } from '../DateSelect';
+import * as CDS from './CalendarDateShape';
+interface MonthViewProps {
+    children: React.ReactNode;
+    firstDayOffset: number;
+    height: number;
+    isFirstInYear?: boolean;
+    isLastInYear?: boolean;
+    maxDate?: CDS.CalendarDateShape;
+    minDate?: CDS.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;
+}
+export declare function MonthView(props: MonthViewProps): JSX.Element;
+export {};

package/internal/Calendar/MonthView.styles.d.ts

@@ -1,10 +1,10 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    headerMonth(t: Theme): string;
-    headerYear(t: Theme): string;
-    month(t: Theme): string;
-    header(): string;
-    headerSticky(t: Theme): string;
-    monthTitle(t: Theme): string;
-    monthDayGrid(t: Theme): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    headerMonth(t: Theme): string;
+    headerYear(t: Theme): string;
+    month(t: Theme): string;
+    header(): string;
+    headerSticky(t: Theme): string;
+    monthTitle(t: Theme): string;
+    monthDayGrid(t: Theme): string;
+};

package/internal/Calendar/MonthViewModel.d.ts

@@ -1,14 +1,14 @@
-import { Theme } from '../../lib/theming/Theme';
-import { DayCellViewModel } from './DayCellViewModel';
-export declare class MonthViewModel {
-    static create: (month: number, year: number) => MonthViewModel;
-    readonly daysCount: number;
-    readonly offset: number;
-    readonly month: number;
-    readonly year: number;
-    readonly days: DayCellViewModel[];
-    isLastInYear: boolean;
-    isFirstInYear: boolean;
-    getHeight(theme: Theme): number;
-    private constructor();
-}
+import { Theme } from '../../lib/theming/Theme';
+import { DayCellViewModel } from './DayCellViewModel';
+export declare class MonthViewModel {
+    static create: (month: number, year: number) => MonthViewModel;
+    readonly daysCount: number;
+    readonly offset: number;
+    readonly month: number;
+    readonly year: number;
+    readonly days: DayCellViewModel[];
+    isLastInYear: boolean;
+    isFirstInYear: boolean;
+    getHeight(theme: Theme): number;
+    private constructor();
+}

package/internal/Calendar/config.d.ts

@@ -1,9 +1,9 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const themeConfig: (t: Theme) => {
-    DAY_SIZE: number;
-    MONTH_TITLE_HEIGHT: number;
-    MONTH_TITLE_OFFSET_HEIGHT: number;
-    WRAPPER_HEIGHT: number;
-    MONTH_BOTTOM_MARGIN: number;
-    MAX_MONTHS_TO_APPEND_ON_SCROLL: number;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const themeConfig: (t: Theme) => {
+    DAY_SIZE: number;
+    MONTH_TITLE_HEIGHT: number;
+    MONTH_TITLE_OFFSET_HEIGHT: number;
+    WRAPPER_HEIGHT: number;
+    MONTH_BOTTOM_MARGIN: number;
+    MAX_MONTHS_TO_APPEND_ON_SCROLL: number;
+};

package/internal/Calendar/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Calendar';
-export * from './CalendarDateShape';
+export * from './Calendar';
+export * from './CalendarDateShape';

package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js

@@ -1,8 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["className", "style", "rootNodeRef"],
-    _excluded2 = ["children"];
+var _excluded = ["className", "style", "children", "rootNodeRef"];
 
 var _class;
 
@@ -57,11 +56,10 @@ export var CommonWrapper = rootNode(_class = /*#__PURE__*/function (_React$Compo
         _extractCommonProps$ = _extractCommonProps[0],
         className = _extractCommonProps$.className,
         style = _extractCommonProps$.style,
+        children = _extractCommonProps$.children,
         rootNodeRef = _extractCommonProps$.rootNodeRef,
         dataProps = _objectWithoutPropertiesLoose(_extractCommonProps$, _excluded),
-        _extractCommonProps$2 = _extractCommonProps[1],
-        children = _extractCommonProps$2.children,
-        rest = _objectWithoutPropertiesLoose(_extractCommonProps$2, _excluded2);
+        rest = _extends({}, _extractCommonProps[1]);
 
     this.child = isFunction(children) ? children(rest) : children;
     return /*#__PURE__*/React.isValidElement(this.child) ? /*#__PURE__*/React.cloneElement(this.child, _extends({
@@ -96,6 +94,7 @@ var isCommonProp = function isCommonProp(name) {
     case name === 'className':
     case name === 'style':
     case name === 'rootNodeRef':
+    case name === 'children':
     case name.indexOf('data-') === 0:
       // все data-атрибуты
       return true;

package/internal/CommonWrapper/CommonWrapper/CommonWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CommonWrapper.tsx"],"names":["React","isFunction","isRefableElement","cx","getRootNode","rootNode","isInstanceWithRootNode","callChildRef","CommonWrapper","rootNodeSubscription","ref","instance","setRootNode","props","rootNodeRef","remove","addRootNodeChangeListener","node","originalRef","child","render","extractCommonProps","className","style","dataProps","children","rest","isValidElement","cloneElement","Component","common","key","isCommonProp","name","indexOf"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRootNode, rootNode, TSetRootNode, TRootNodeSubscription, isInstanceWithRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nexport interface CommonProps {\n  /**\n   * HTML-атрибут `class`.\n   */\n  className?: React.HTMLAttributes<HTMLElement>['className'];\n  /**\n   * HTML-атрибут `style`.\n   */\n  style?: React.HTMLAttributes<HTMLElement>['style'];\n  /**\n   * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.\n   */\n  'data-tid'?: string;\n}\n\ninterface CommonPropsRootNodeRef {\n  rootNodeRef?: (instance: Nullable<HTMLElement>) => void;\n}\n\nexport type NotCommonProps<P> = Omit<P, keyof CommonProps>;\n\nexport type CommonWrapperProps<P> = P & {\n  children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);\n};\nexport type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;\n\n@rootNode\nexport class CommonWrapper<P extends CommonProps & CommonPropsRootNodeRef> extends React.Component<\n  CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n  private child: React.ReactNode;\n  private setRootNode!: TSetRootNode;\n  private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n  render() {\n    const [{ className, style, rootNodeRef, ...dataProps }, { children, ...rest }] = extractCommonProps(this.props);\n    this.child = isFunction(children) ? children(rest) : children;\n    return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n      ? React.cloneElement(this.child, {\n          ref: isRefableElement(this.child) ? this.ref : null,\n          className: cx(this.child.props.className, className),\n          style: {\n            ...this.child.props.style,\n            ...style,\n          },\n          ...dataProps,\n        })\n      : this.child;\n  }\n\n  private ref = (instance: Nullable<React.ReactInstance>) => {\n    this.setRootNode(instance);\n    this.props.rootNodeRef?.(getRootNode(instance));\n\n    // refs are called when instances change\n    // so we have to renew or remove old subscription\n    this.rootNodeSubscription?.remove();\n    this.rootNodeSubscription = null;\n\n    if (instance && isInstanceWithRootNode(instance)) {\n      this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n        this.setRootNode(node);\n        this.props.rootNodeRef?.(node);\n      });\n    }\n\n    const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n    originalRef && callChildRef(originalRef, instance);\n  };\n}\n\nconst extractCommonProps = <P extends CommonProps & CommonPropsRootNodeRef>(\n  props: P,\n): [CommonProps & CommonPropsRootNodeRef, NotCommonProps<P>] => {\n  const common = {} as CommonProps & CommonPropsRootNodeRef;\n  const rest = {} as NotCommonProps<P>;\n\n  for (const key in props) {\n    if (isCommonProp(key)) {\n      // @ts-ignore\n      common[key] = props[key];\n    } else {\n      // @ts-ignore\n      rest[key] = props[key];\n    }\n  }\n\n  return [common, rest];\n};\n\nconst isCommonProp = (name: string) => {\n  switch (true) {\n    case name === 'className':\n    case name === 'style':\n    case name === 'rootNodeRef':\n    case name.indexOf('data-') === 0: // все data-атрибуты\n      return true;\n    default:\n      return false;\n  }\n};\n"]}
+{"version":3,"sources":["CommonWrapper.tsx"],"names":["React","isFunction","isRefableElement","cx","getRootNode","rootNode","isInstanceWithRootNode","callChildRef","CommonWrapper","rootNodeSubscription","ref","instance","setRootNode","props","rootNodeRef","remove","addRootNodeChangeListener","node","originalRef","child","render","extractCommonProps","className","style","children","dataProps","rest","isValidElement","cloneElement","Component","common","key","isCommonProp","name","indexOf"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isFunction, isRefableElement } from '../../lib/utils';\nimport { cx } from '../../lib/theming/Emotion';\nimport { Nullable } from '../../typings/utility-types';\nimport { getRootNode, rootNode, TSetRootNode, TRootNodeSubscription, isInstanceWithRootNode } from '../../lib/rootNode';\nimport { callChildRef } from '../../lib/callChildRef/callChildRef';\n\nexport interface CommonProps {\n  /**\n   * HTML-атрибут `class`.\n   */\n  className?: React.HTMLAttributes<HTMLElement>['className'];\n  /**\n   * HTML-атрибут `style`.\n   */\n  style?: React.HTMLAttributes<HTMLElement>['style'];\n  /**\n   * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.\n   */\n  'data-tid'?: string;\n  children?: React.ReactNode;\n}\n\ninterface CommonPropsRootNodeRef {\n  rootNodeRef?: (instance: Nullable<HTMLElement>) => void;\n}\n\nexport type NotCommonProps<P> = Omit<P, keyof CommonProps>;\n\nexport type CommonWrapperProps<P> = P & {\n  children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);\n};\nexport type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;\n\n@rootNode\nexport class CommonWrapper<P extends CommonProps & CommonPropsRootNodeRef> extends React.Component<\n  CommonWrapperProps<P> & CommonPropsRootNodeRef\n> {\n  private child: React.ReactNode;\n  private setRootNode!: TSetRootNode;\n  private rootNodeSubscription: Nullable<TRootNodeSubscription> = null;\n\n  render() {\n    const [{ className, style, children, rootNodeRef, ...dataProps }, { ...rest }] = extractCommonProps(this.props);\n    this.child = isFunction(children) ? children(rest) : children;\n    return React.isValidElement<CommonProps & React.RefAttributes<any>>(this.child)\n      ? React.cloneElement(this.child, {\n          ref: isRefableElement(this.child) ? this.ref : null,\n          className: cx(this.child.props.className, className),\n          style: {\n            ...this.child.props.style,\n            ...style,\n          },\n          ...dataProps,\n        })\n      : this.child;\n  }\n\n  private ref = (instance: Nullable<React.ReactInstance>) => {\n    this.setRootNode(instance);\n    this.props.rootNodeRef?.(getRootNode(instance));\n\n    // refs are called when instances change\n    // so we have to renew or remove old subscription\n    this.rootNodeSubscription?.remove();\n    this.rootNodeSubscription = null;\n\n    if (instance && isInstanceWithRootNode(instance)) {\n      this.rootNodeSubscription = instance.addRootNodeChangeListener?.((node) => {\n        this.setRootNode(node);\n        this.props.rootNodeRef?.(node);\n      });\n    }\n\n    const originalRef = (this.child as React.RefAttributes<any>)?.ref;\n    originalRef && callChildRef(originalRef, instance);\n  };\n}\n\nconst extractCommonProps = <P extends CommonProps & CommonPropsRootNodeRef>(\n  props: P,\n): [CommonProps & CommonPropsRootNodeRef, NotCommonProps<P>] => {\n  const common = {} as CommonProps & CommonPropsRootNodeRef;\n  const rest = {} as NotCommonProps<P>;\n\n  for (const key in props) {\n    if (isCommonProp(key)) {\n      // @ts-ignore\n      common[key] = props[key];\n    } else {\n      // @ts-ignore\n      rest[key] = props[key];\n    }\n  }\n\n  return [common, rest];\n};\n\nconst isCommonProp = (name: string) => {\n  switch (true) {\n    case name === 'className':\n    case name === 'style':\n    case name === 'rootNodeRef':\n    case name === 'children':\n    case name.indexOf('data-') === 0: // все data-атрибуты\n      return true;\n    default:\n      return false;\n  }\n};\n"]}