@skbkontur/react-ui 4.12.0-theme2022.6 → 4.13.0

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/DayCellView.styles.js

@@ -1,12 +1,9 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
-export var globalClasses = prefix('day-cell-view')({
-  todayCaption: 'today-caption'
-});
 export var styles = memoizeStyle({
   cell: function cell(t) {
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      background: ", ";\n      border: 1px solid transparent;\n      display: inline-block;\n      font-size: 14px;\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n\n      width: ", ";\n      height: ", ";\n      line-height: ", ";\n      border-radius: 50%;\n\n      &:hover {\n        background-color: ", ";\n        color: ", ";\n        cursor: pointer;\n      }\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ", ";\n      }\n    "])), resetButton(), t.calendarCellBg, t.calendarCellSize, t.calendarCellSize, t.calendarCellLineHeight, t.calendarCellHoverBgColor, t.calendarCellHoverColor, t.calendarCellActiveHoverColor);
@@ -19,11 +16,5 @@ export var styles = memoizeStyle({
   },
   today: function today(t) {
     return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      border: ", ";\n    "])), t.calendarCellTodayBorder);
-  },
-  today2022: function today2022() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      .", " {\n        border-bottom: solid 1px;\n      }\n    "])), globalClasses.todayCaption);
-  },
-  todayCaption: function todayCaption() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      padding-bottom: 2px;\n    "])));
   }
 });

package/internal/Calendar/DayCellView.styles/DayCellView.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DayCellView.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","globalClasses","todayCaption","styles","cell","t","calendarCellBg","calendarCellSize","calendarCellLineHeight","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","today","calendarCellTodayBorder","today2022"],"mappings":"8MAAA,SAASA,GAAT,EAAcC,YAAd,EAA4BC,MAA5B,QAA0C,2BAA1C;;AAEA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,OAAO,IAAMC,aAAa,GAAGF,MAAM,CAAC,eAAD,CAAN,CAAwB;AACnDG,EAAAA,YAAY,EAAE,eADqC,EAAxB,CAAtB;;;AAIP,OAAO,IAAMC,MAAM,GAAGL,YAAY,CAAC;AACjCM,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOR,GAAP;AACIG,IAAAA,WAAW,EADf;;AAGgBK,IAAAA,CAAC,CAACC,cAHlB;;;;;;;;;AAYWD,IAAAA,CAAC,CAACE,gBAZb;AAaYF,IAAAA,CAAC,CAACE,gBAbd;AAciBF,IAAAA,CAAC,CAACG,sBAdnB;;;;AAkBwBH,IAAAA,CAAC,CAACI,wBAlB1B;AAmBaJ,IAAAA,CAAC,CAACK,sBAnBf;;;;;;;;AA2BaL,IAAAA,CAAC,CAACM,4BA3Bf;;;AA8BD,GAhCgC;;AAkCjCC,EAAAA,QAlCiC,oBAkCxBP,CAlCwB,EAkCd;AACjB,WAAOR,GAAP;AACsBQ,IAAAA,CAAC,CAACQ,2BADxB;AAEWR,IAAAA,CAAC,CAACS,6BAFb;;AAID,GAvCgC;;AAyCjCC,EAAAA,OAzCiC,mBAyCzBV,CAzCyB,EAyCf;AAChB,WAAOR,GAAP;AACWQ,IAAAA,CAAC,CAACW,wBADb;;AAGD,GA7CgC;;AA+CjCC,EAAAA,KA/CiC,iBA+C3BZ,CA/C2B,EA+CjB;AACd,WAAOR,GAAP;AACYQ,IAAAA,CAAC,CAACa,uBADd;;AAGD,GAnDgC;;AAqDjCC,EAAAA,SArDiC,uBAqDrB;AACV,WAAOtB,GAAP;AACKI,IAAAA,aAAa,CAACC,YADnB;;;;AAKD,GA3DgC;;AA6DjCA,EAAAA,YA7DiC,0BA6DlB;AACb,WAAOL,GAAP;;;AAGD,GAjEgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const globalClasses = prefix('day-cell-view')({\n  todayCaption: 'today-caption',\n});\n\nexport const styles = memoizeStyle({\n  cell(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      background: ${t.calendarCellBg};\n      border: 1px solid transparent;\n      display: inline-block;\n      font-size: 14px;\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n\n      width: ${t.calendarCellSize};\n      height: ${t.calendarCellSize};\n      line-height: ${t.calendarCellLineHeight};\n      border-radius: 50%;\n\n      &:hover {\n        background-color: ${t.calendarCellHoverBgColor};\n        color: ${t.calendarCellHoverColor};\n        cursor: pointer;\n      }\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ${t.calendarCellActiveHoverColor};\n      }\n    `;\n  },\n\n  selected(t: Theme) {\n    return css`\n      background-color: ${t.calendarCellSelectedBgColor};\n      color: ${t.calendarCellSelectedFontColor};\n    `;\n  },\n\n  weekend(t: Theme) {\n    return css`\n      color: ${t.calendarCellWeekendColor};\n    `;\n  },\n\n  today(t: Theme) {\n    return css`\n      border: ${t.calendarCellTodayBorder};\n    `;\n  },\n\n  today2022() {\n    return css`\n      .${globalClasses.todayCaption} {\n        border-bottom: solid 1px;\n      }\n    `;\n  },\n\n  todayCaption() {\n    return css`\n      padding-bottom: 2px;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["DayCellView.styles.ts"],"names":["css","memoizeStyle","resetButton","styles","cell","t","calendarCellBg","calendarCellSize","calendarCellLineHeight","calendarCellHoverBgColor","calendarCellHoverColor","calendarCellActiveHoverColor","selected","calendarCellSelectedBgColor","calendarCellSelectedFontColor","weekend","calendarCellWeekendColor","today","calendarCellTodayBorder"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;AACjCG,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOL,GAAP;AACIE,IAAAA,WAAW,EADf;;AAGgBG,IAAAA,CAAC,CAACC,cAHlB;;;;;;;;;AAYWD,IAAAA,CAAC,CAACE,gBAZb;AAaYF,IAAAA,CAAC,CAACE,gBAbd;AAciBF,IAAAA,CAAC,CAACG,sBAdnB;;;;AAkBwBH,IAAAA,CAAC,CAACI,wBAlB1B;AAmBaJ,IAAAA,CAAC,CAACK,sBAnBf;;;;;;;;AA2BaL,IAAAA,CAAC,CAACM,4BA3Bf;;;AA8BD,GAhCgC;;AAkCjCC,EAAAA,QAlCiC,oBAkCxBP,CAlCwB,EAkCd;AACjB,WAAOL,GAAP;AACsBK,IAAAA,CAAC,CAACQ,2BADxB;AAEWR,IAAAA,CAAC,CAACS,6BAFb;;AAID,GAvCgC;;AAyCjCC,EAAAA,OAzCiC,mBAyCzBV,CAzCyB,EAyCf;AAChB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACW,wBADb;;AAGD,GA7CgC;;AA+CjCC,EAAAA,KA/CiC,iBA+C3BZ,CA/C2B,EA+CjB;AACd,WAAOL,GAAP;AACYK,IAAAA,CAAC,CAACa,uBADd;;AAGD,GAnDgC,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  cell(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      background: ${t.calendarCellBg};\n      border: 1px solid transparent;\n      display: inline-block;\n      font-size: 14px;\n      padding: 0;\n      text-align: center;\n      user-select: none;\n      position: relative;\n\n      width: ${t.calendarCellSize};\n      height: ${t.calendarCellSize};\n      line-height: ${t.calendarCellLineHeight};\n      border-radius: 50%;\n\n      &:hover {\n        background-color: ${t.calendarCellHoverBgColor};\n        color: ${t.calendarCellHoverColor};\n        cursor: pointer;\n      }\n      &:disabled {\n        opacity: 0.5;\n        pointer-events: none;\n      }\n      &:active:hover:enabled {\n        color: ${t.calendarCellActiveHoverColor};\n      }\n    `;\n  },\n\n  selected(t: Theme) {\n    return css`\n      background-color: ${t.calendarCellSelectedBgColor};\n      color: ${t.calendarCellSelectedFontColor};\n    `;\n  },\n\n  weekend(t: Theme) {\n    return css`\n      color: ${t.calendarCellWeekendColor};\n    `;\n  },\n\n  today(t: Theme) {\n    return css`\n      border: ${t.calendarCellTodayBorder};\n    `;\n  },\n});\n"]}

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

@@ -1,12 +1,7 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const globalClasses: {
-    todayCaption: string;
-};
-export declare const styles: {
-    cell(t: Theme): string;
-    selected(t: Theme): string;
-    weekend(t: Theme): string;
-    today(t: Theme): string;
-    today2022(): string;
-    todayCaption(): 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/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 {};

package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js

@@ -17,14 +17,10 @@ import { MobilePopup } from "../../MobilePopup";
 import { responsiveLayout } from "../../../components/ResponsiveLayout/decorator";
 import { rootNode, getRootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { ArrowDownIcon } from "../ArrowDownIcon";
 import { ComboBoxMenu } from "../ComboBoxMenu";
 import { ComboBoxRequestStatus } from "../CustomComboBoxTypes";
 import { styles } from "../CustomComboBox.styles";
 import { CustomComboBoxDataTids } from "../CustomComboBox";
-import { relinkComboBoxTheme } from "../relinkComboBoxTheme";
 export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ComboBoxView, _React$Component);
 
@@ -88,6 +84,7 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_temp = _
         menuPos: menuPos,
         align: menuAlign,
         getParent: _this.getParent,
+        offsetY: 1,
         disablePortal: _this.props.disablePortal,
         ref: _this.dropdownContainerRef
       }, _this.getComboBoxMenu());
@@ -182,28 +179,13 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_temp = _
           loading = _this$props4.loading,
           items = _this$props4.items,
           drawArrow = _this$props4.drawArrow,
-          rightIcon = _this$props4.rightIcon,
-          size = _this$props4.size;
+          rightIcon = _this$props4.rightIcon;
 
       if (loading && items && !!items.length) {
-        if (isTheme2022(_this.theme)) {
-          return /*#__PURE__*/React.createElement(Spinner, {
-            type: size,
-            caption: "",
-            dimmed: true
-          });
-        }
-
         return _this.renderSpinner();
       }
 
       if (rightIcon || drawArrow) {
-        if (isTheme2022(_this.theme)) {
-          return /*#__PURE__*/React.createElement(ArrowDownIcon, {
-            size: size
-          });
-        }
-
         return /*#__PURE__*/React.createElement("span", {
           className: styles.rightIconWrapper()
         }, rightIcon != null ? rightIcon : /*#__PURE__*/React.createElement(ArrowChevronDownIcon, null));
@@ -241,17 +223,6 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_temp = _
   };
 
   _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = relinkComboBoxTheme(theme);
-      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-        value: _this2.theme
-      }, _this2.renderMain());
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
     var _this$props5 = this.props,
         onMouseEnter = _this$props5.onMouseEnter,
         onMouseLeave = _this$props5.onMouseLeave,
@@ -302,7 +273,8 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_temp = _
         warning = _this$props6.warning,
         refInputLikeText = _this$props6.refInputLikeText,
         leftIcon = _this$props6.leftIcon,
-        inputMode = _this$props6.inputMode;
+        inputMode = _this$props6.inputMode,
+        ariaDescribedby = _this$props6['aria-describedby'];
 
     var _this$getProps3 = this.getProps(),
         renderValue = _this$getProps3.renderValue,
@@ -330,7 +302,8 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_temp = _
         size: size,
         ref: this.refInput,
         warning: warning,
-        inputMode: inputMode
+        inputMode: inputMode,
+        "aria-describedby": ariaDescribedby
       });
     }
 
@@ -346,7 +319,8 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_temp = _
       placeholder: placeholder,
       size: size,
       width: "100%",
-      ref: refInputLikeText
+      ref: refInputLikeText,
+      "aria-describedby": ariaDescribedby
     }, isNonNullable(value) && renderValue ? renderValue(value) : null);
   };