@skbkontur/react-ui 4.8.0 → 4.9.0-theme2022.1

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: (...args: number[]) => any;
-    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: (...args: number[]) => any;
+    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,2 +1,2 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const themeConfig: (t: Theme) => any;
+import { Theme } from '../../lib/theming/Theme';
+export declare const themeConfig: (t: Theme) => any;

package/internal/Calendar/index.d.ts

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

package/internal/CloseIcon/CloseIcon/CloseIcon.js

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+
+var _templateObject;
+
+var _excluded = ["theme", "side", "size", "color", "colorHover", "disableCompensation", "disabled"];
+import React from 'react';
+import { css, cx } from "../../../lib/theming/Emotion";
+import { keyListener } from "../../../lib/events/keyListener";
+import { XIcon16Regular } from "../../icons2022/XIcon16Regular";
+import { styles } from "../CloseIcon.styles";
+export var CloseIcon = function CloseIcon(_ref) {
+  var theme = _ref.theme,
+      _ref$side = _ref.side,
+      side = _ref$side === void 0 ? 40 : _ref$side,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 16 : _ref$size,
+      color = _ref.color,
+      colorHover = _ref.colorHover,
+      disableCompensation = _ref.disableCompensation,
+      disabled = _ref.disabled,
+      attr = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _React$useState = React.useState(false),
+      focusedByTab = _React$useState[0],
+      setFocusedByTab = _React$useState[1];
+
+  var handleFocus = function handleFocus() {
+    // focus event fires before keyDown eventlistener
+    // so we should check tabPressed in async way
+    requestAnimationFrame(function () {
+      if (keyListener.isTabPressed) {
+        setFocusedByTab(true);
+      }
+    });
+  };
+
+  var handleBlur = function handleBlur() {
+    return setFocusedByTab(false);
+  };
+
+  var classNames = css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    color: ", ";\n    &:focus,\n    &:hover {\n      color: ", ";\n    }\n  "])), color, colorHover);
+  return /*#__PURE__*/React.createElement("button", _extends({
+    tabIndex: disabled ? -1 : 0,
+    className: cx(styles.wrapper(theme), classNames, focusedByTab && styles.focus(theme)),
+    style: {
+      width: side,
+      height: side
+    },
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  }, attr), /*#__PURE__*/React.createElement("span", {
+    className: styles.root()
+  }, /*#__PURE__*/React.createElement(XIcon16Regular, {
+    size: side < size ? side : size,
+    disableCompensation: disableCompensation
+  })));
+};

package/internal/CloseIcon/CloseIcon/CloseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CloseIcon.tsx"],"names":["React","css","cx","keyListener","XIcon16Regular","styles","CloseIcon","theme","side","size","color","colorHover","disableCompensation","disabled","attr","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","classNames","wrapper","focus","width","height","root"],"mappings":"sXAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,GAAT,EAAcC,EAAd,QAAwB,2BAAxB;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,SAASC,cAAT,QAA+B,6BAA/B;;AAEA,SAASC,MAAT,QAAuB,oBAAvB;;;;;;;;;;;AAWA,OAAO,IAAMC,SAAkD,GAAG,SAArDA,SAAqD;;;;;;;;;AAS5D,KARJC,KAQI,QARJA,KAQI,kBAPJC,IAOI,CAPJA,IAOI,0BAPG,EAOH,8BANJC,IAMI,CANJA,IAMI,0BANG,EAMH,aALJC,KAKI,QALJA,KAKI,CAJJC,UAII,QAJJA,UAII,CAHJC,mBAGI,QAHJA,mBAGI,CAFJC,QAEI,QAFJA,QAEI,CADDC,IACC;AACJ,wBAAwCd,KAAK,CAACe,QAAN,CAAe,KAAf,CAAxC,CAAOC,YAAP,sBAAqBC,eAArB;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB;AACA;AACAC,IAAAA,qBAAqB,CAAC,YAAM;AAC1B,UAAIhB,WAAW,CAACiB,YAAhB,EAA8B;AAC5BH,QAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,KAJoB,CAArB;AAKD,GARD;AASA,MAAMI,UAAU,GAAG,SAAbA,UAAa,WAAMJ,eAAe,CAAC,KAAD,CAArB,EAAnB;;AAEA,MAAMK,UAAU,GAAGrB,GAAH;AACLS,EAAAA,KADK;;;AAIHC,EAAAA,UAJG,CAAhB;;;;AAQA;AACE;AACE,MAAA,QAAQ,EAAEE,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAD5B;AAEE,MAAA,SAAS,EAAEX,EAAE,CAACG,MAAM,CAACkB,OAAP,CAAehB,KAAf,CAAD,EAAwBe,UAAxB,EAAoCN,YAAY,IAAIX,MAAM,CAACmB,KAAP,CAAajB,KAAb,CAApD,CAFf;AAGE,MAAA,KAAK,EAAE,EAAEkB,KAAK,EAAEjB,IAAT,EAAekB,MAAM,EAAElB,IAAvB,EAHT;AAIE,MAAA,OAAO,EAAEU,WAJX;AAKE,MAAA,MAAM,EAAEG,UALV;AAMMP,IAAAA,IANN;;AAQE,kCAAM,SAAS,EAAET,MAAM,CAACsB,IAAP,EAAjB;AACE,wBAAC,cAAD,IAAgB,IAAI,EAAEnB,IAAI,GAAGC,IAAP,GAAcD,IAAd,GAAqBC,IAA3C,EAAiD,mBAAmB,EAAEG,mBAAtE,GADF,CARF,CADF;;;;AAcD,CA7CM","sourcesContent":["import React from 'react';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { css, cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { XIcon16Regular } from '../icons2022/XIcon16Regular';\n\nimport { styles } from './CloseIcon.styles';\n\ninterface CloseIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  size?: number;\n  side?: number;\n  disableCompensation?: boolean;\n  color?: string;\n  colorHover?: string;\n  theme: Theme;\n}\n\nexport const CloseIcon: React.FunctionComponent<CloseIconProps> = ({\n  theme,\n  side = 40,\n  size = 16,\n  color,\n  colorHover,\n  disableCompensation,\n  disabled,\n  ...attr\n}) => {\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    requestAnimationFrame(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n  const handleBlur = () => setFocusedByTab(false);\n\n  const classNames = css`\n    color: ${color};\n    &:focus,\n    &:hover {\n      color: ${colorHover};\n    }\n  `;\n\n  return (\n    <button\n      tabIndex={disabled ? -1 : 0}\n      className={cx(styles.wrapper(theme), classNames, focusedByTab && styles.focus(theme))}\n      style={{ width: side, height: side }}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      {...attr}\n    >\n      <span className={styles.root()}>\n        <XIcon16Regular size={side < size ? side : size} disableCompensation={disableCompensation} />\n      </span>\n    </button>\n  );\n};\n"]}

package/internal/CloseIcon/CloseIcon/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CloseIcon/CloseIcon.js",
+  "module": "CloseIcon",
+  "types": "../CloseIcon.d.ts",
+  "sideEffects": false
+}

package/internal/CloseIcon/CloseIcon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Theme } from '../../lib/theming/Theme';
+interface CloseIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: number;
+    side?: number;
+    disableCompensation?: boolean;
+    color?: string;
+    colorHover?: string;
+    theme: Theme;
+}
+export declare const CloseIcon: React.FunctionComponent<CloseIconProps>;
+export {};

package/internal/CloseIcon/CloseIcon.styles/CloseIcon.styles.js

@@ -0,0 +1,17 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
+
+var _templateObject, _templateObject2, _templateObject3;
+
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+import { resetButton } from "../../../lib/styles/Mixins";
+export var styles = memoizeStyle({
+  wrapper: function wrapper(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", "\n      display: inline-block;\n      position: relative;\n      border-radius: 8px;\n      color: ", ";\n      cursor: pointer;\n\n      &:focus,\n      &:hover {\n        color: ", ";\n      }\n    "])), resetButton(), t.closeIconColor, t.closeIconHoverColor);
+  },
+  focus: function focus(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      &,\n      &:focus {\n        box-shadow: inset 0 0 0 1px ", ", inset 0 0 0 2px ", ";\n      }\n    "])), t.borderColorFocus, t.outlineColorFocus);
+  },
+  root: function root() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n    "])));
+  }
+});

package/internal/CloseIcon/CloseIcon.styles/CloseIcon.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["CloseIcon.styles.tsx"],"names":["css","memoizeStyle","resetButton","styles","wrapper","t","closeIconColor","closeIconHoverColor","focus","borderColorFocus","outlineColorFocus","root"],"mappings":"wJAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;AACjCG,EAAAA,OADiC,mBACzBC,CADyB,EACf;AAChB,WAAOL,GAAP;AACIE,IAAAA,WAAW,EADf;;;;AAKWG,IAAAA,CAAC,CAACC,cALb;;;;;AAUaD,IAAAA,CAAC,CAACE,mBAVf;;;AAaD,GAfgC;AAgBjCC,EAAAA,KAhBiC,iBAgB3BH,CAhB2B,EAgBjB;AACd,WAAOL,GAAP;;;AAGkCK,IAAAA,CAAC,CAACI,gBAHpC,EAGyEJ,CAAC,CAACK,iBAH3E;;;AAMD,GAvBgC;AAwBjCC,EAAAA,IAxBiC,kBAwB1B;AACL,WAAOX,GAAP;;;;;;;;AAQD,GAjCgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  wrapper(t: Theme) {\n    return css`\n      ${resetButton()}\n      display: inline-block;\n      position: relative;\n      border-radius: 8px;\n      color: ${t.closeIconColor};\n      cursor: pointer;\n\n      &:focus,\n      &:hover {\n        color: ${t.closeIconHoverColor};\n      }\n    `;\n  },\n  focus(t: Theme) {\n    return css`\n      &,\n      &:focus {\n        box-shadow: inset 0 0 0 1px ${t.borderColorFocus}, inset 0 0 0 2px ${t.outlineColorFocus};\n      }\n    `;\n  },\n  root() {\n    return css`\n      box-sizing: content-box;\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n    `;\n  },\n});\n"]}

package/internal/CloseIcon/CloseIcon.styles/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/CloseIcon/CloseIcon.styles.js",
+  "module": "CloseIcon.styles",
+  "types": "../CloseIcon.styles.d.ts",
+  "sideEffects": false
+}

package/internal/CloseIcon/CloseIcon.styles.d.ts

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

package/internal/CommonWrapper/CommonWrapper.d.ts

@@ -1,33 +1,33 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-export interface CommonProps {
-    /**
-     * HTML-атрибут `class`.
-     */
-    className?: React.HTMLAttributes<HTMLElement>['className'];
-    /**
-     * HTML-атрибут `style`.
-     */
-    style?: React.HTMLAttributes<HTMLElement>['style'];
-    /**
-     * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.
-     */
-    'data-tid'?: string;
-    children?: React.ReactNode;
-}
-interface CommonPropsRootNodeRef {
-    rootNodeRef?: (instance: Nullable<Element>) => void;
-}
-export declare type NotCommonProps<P> = Omit<P, keyof CommonProps>;
-export declare type CommonWrapperProps<P> = P & {
-    children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);
-};
-export declare type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;
-export declare class CommonWrapper<P extends CommonProps & CommonPropsRootNodeRef> extends React.Component<CommonWrapperProps<P> & CommonPropsRootNodeRef> {
-    private child;
-    private setRootNode;
-    private rootNodeSubscription;
-    render(): React.ReactNode;
-    private ref;
-}
-export {};
+import React from 'react';
+import { Nullable } from '../../typings/utility-types';
+export interface CommonProps {
+    /**
+     * HTML-атрибут `class`.
+     */
+    className?: React.HTMLAttributes<HTMLElement>['className'];
+    /**
+     * HTML-атрибут `style`.
+     */
+    style?: React.HTMLAttributes<HTMLElement>['style'];
+    /**
+     * На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент.
+     */
+    'data-tid'?: string;
+    children?: React.ReactNode;
+}
+interface CommonPropsRootNodeRef {
+    rootNodeRef?: (instance: Nullable<Element>) => void;
+}
+export declare type NotCommonProps<P> = Omit<P, keyof CommonProps>;
+export declare type CommonWrapperProps<P> = P & {
+    children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);
+};
+export declare type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;
+export declare class CommonWrapper<P extends CommonProps & CommonPropsRootNodeRef> extends React.Component<CommonWrapperProps<P> & CommonPropsRootNodeRef> {
+    private child;
+    private setRootNode;
+    private rootNodeSubscription;
+    render(): React.ReactNode;
+    private ref;
+}
+export {};

package/internal/CommonWrapper/index.d.ts

@@ -1 +1 @@
-export * from './CommonWrapper';
+export * from './CommonWrapper';

package/internal/ComponentCombinator.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
-import { StatePropsCombinations, StateType } from './ComponentTable';
-export interface ComponentCombinatorProps<C, P, S> {
-    combinations: Array<StatePropsCombinations<P, S>>;
-    Component: C;
-    presetProps?: DefaultizeProps<C, P>;
-    presetState?: Partial<S>;
-}
-declare type DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;
-export declare class ComponentCombinator<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>, {
-    page: number;
-}> {
-    static defaultProps: DefaultProps<unknown, unknown, unknown>;
-    private getProps;
-    state: {
-        page: number;
-    };
-    render(): JSX.Element;
-    private prevPage;
-    private nextPage;
-}
-export {};
+import React from 'react';
+import { DefaultizeProps } from '../lib/utils';
+import { StatePropsCombinations, StateType } from './ComponentTable';
+export interface ComponentCombinatorProps<C, P, S> {
+    combinations: Array<StatePropsCombinations<P, S>>;
+    Component: C;
+    presetProps?: DefaultizeProps<C, P>;
+    presetState?: Partial<S>;
+}
+declare type DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;
+export declare class ComponentCombinator<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>, {
+    page: number;
+}> {
+    static defaultProps: DefaultProps<unknown, unknown, unknown>;
+    private getProps;
+    state: {
+        page: number;
+    };
+    render(): JSX.Element;
+    private prevPage;
+    private nextPage;
+}
+export {};

package/internal/ComponentTable.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
-interface StatePropsObject<P, S> {
-    props?: Partial<P>;
-    state?: Partial<S>;
-}
-export declare type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;
-export declare type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;
-export interface ComponentTableProps<C, P, S> {
-    rows?: StatePropsCombinations<P, S>;
-    cols?: StatePropsCombinations<P, S>;
-    presetProps?: DefaultizeProps<C, P>;
-    presetState?: Partial<S>;
-    Component: C;
-}
-declare type DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;
-export declare class ComponentTable<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>> {
-    static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown>;
-    private getProps;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { DefaultizeProps } from '../lib/utils';
+interface StatePropsObject<P, S> {
+    props?: Partial<P>;
+    state?: Partial<S>;
+}
+export declare type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;
+export declare type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;
+export interface ComponentTableProps<C, P, S> {
+    rows?: StatePropsCombinations<P, S>;
+    cols?: StatePropsCombinations<P, S>;
+    presetProps?: DefaultizeProps<C, P>;
+    presetState?: Partial<S>;
+    Component: C;
+}
+declare type DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;
+export declare class ComponentTable<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>> {
+    static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown>;
+    private getProps;
+    render(): JSX.Element;
+}
+export {};

package/internal/CustomComboBox/ComboBoxMenu.d.ts

@@ -1,40 +1,40 @@
-import React from 'react';
-import { Menu } from '../Menu';
-import { MenuItemState } from '../../components/MenuItem';
-import { Nullable } from '../../typings/utility-types';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-export interface ComboBoxMenuProps<T> {
-    opened?: boolean;
-    items?: Nullable<T[]>;
-    totalCount?: number;
-    loading?: boolean;
-    maxMenuHeight?: number | string;
-    refMenu?: (menu: Nullable<Menu>) => void;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderItem: (item: T, state: MenuItemState) => React.ReactNode;
-    itemWrapper?: (item?: T) => React.ComponentType<unknown>;
-    onValueChange: (value: T) => any;
-    renderAddButton?: () => React.ReactNode;
-    caption?: React.ReactNode;
-    repeatRequest?: () => void;
-    requestStatus?: ComboBoxRequestStatus;
-    isMobile?: boolean;
-}
-export declare const ComboBoxMenuDataTids: {
-    readonly loading: "ComboBoxMenu__loading";
-    readonly failed: "ComboBoxMenu__failed";
-    readonly notFound: "ComboBoxMenu__notFound";
-    readonly items: "ComboBoxMenu__items";
-    readonly item: "ComboBoxMenu__item";
-};
-declare type DefaultProps<T> = Required<Pick<ComboBoxMenuProps<T>, 'repeatRequest' | 'requestStatus'>>;
-export declare class ComboBoxMenu<T> extends React.Component<ComboBoxMenuProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: DefaultProps<unknown>;
-    private getProps;
-    private readonly locale;
-    render(): JSX.Element | null;
-    private renderItem;
-}
-export {};
+import React from 'react';
+import { Menu } from '../Menu';
+import { MenuItemState } from '../../components/MenuItem';
+import { Nullable } from '../../typings/utility-types';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+export interface ComboBoxMenuProps<T> {
+    opened?: boolean;
+    items?: Nullable<T[]>;
+    totalCount?: number;
+    loading?: boolean;
+    maxMenuHeight?: number | string;
+    refMenu?: (menu: Nullable<Menu>) => void;
+    renderNotFound?: () => React.ReactNode;
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    renderItem: (item: T, state: MenuItemState) => React.ReactNode;
+    itemWrapper?: (item?: T) => React.ComponentType<unknown>;
+    onValueChange: (value: T) => any;
+    renderAddButton?: () => React.ReactNode;
+    caption?: React.ReactNode;
+    repeatRequest?: () => void;
+    requestStatus?: ComboBoxRequestStatus;
+    isMobile?: boolean;
+}
+export declare const ComboBoxMenuDataTids: {
+    readonly loading: "ComboBoxMenu__loading";
+    readonly failed: "ComboBoxMenu__failed";
+    readonly notFound: "ComboBoxMenu__notFound";
+    readonly items: "ComboBoxMenu__items";
+    readonly item: "ComboBoxMenu__item";
+};
+declare type DefaultProps<T> = Required<Pick<ComboBoxMenuProps<T>, 'repeatRequest' | 'requestStatus'>>;
+export declare class ComboBoxMenu<T> extends React.Component<ComboBoxMenuProps<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: DefaultProps<unknown>;
+    private getProps;
+    private readonly locale;
+    render(): JSX.Element | null;
+    private renderItem;
+}
+export {};