@skbkontur/react-ui 2.17.4-source-maps.1 → 2.17.7-sidepage-header

package/components/Select/Select.d.ts

@@ -1,178 +1,178 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { ButtonSize, ButtonUse } from '../Button';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { Item } from './Item';
-export interface ButtonParams {
-    disabled?: boolean;
-    label: React.ReactNode;
-    onClick: () => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-    opened: boolean;
-    isPlaceholder: boolean;
-}
-export interface SelectProps<TValue, TItem> extends CommonProps {
-    /** @ignore */
-    _icon?: React.ReactElement<any>;
-    /** @ignore */
-    _renderButton?: (params: ButtonParams) => React.ReactNode;
-    defaultValue?: TValue;
-    /** @deprecated @ignore */
-    diadocLinkIcon?: React.ReactElement<any>;
-    /**
-     * Отключает использование портала
-     */
-    disablePortal?: boolean;
-    disabled?: boolean;
-    /**
-     * Визуально показать наличие ошибки.
-     */
-    error?: boolean;
-    filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;
-    /**
-     * Набор значений. Поддерживаются любые перечисляемые типы, в том числе
-     * `Array`, `Map`, `Immutable.Map`.
-     *
-     * Элементы воспринимаются следующим образом: если элемент — это массив, то
-     * первый элемент является значением, второй — отображается в списке,
-     * а третий – комментарий;
-     * если элемент не является массивом, то он используется и для отображения,
-     * и для значения.
-     *
-     * Для вставки разделителя можно использовать `Select.SEP`.
-     *
-     * Вставить невыделяемый элемент со своей разметкой можно так:
-     * ```
-     * <Select ...
-     *   items={[Select.static(() => <div>My Element</div>)]}
-     * />
-     * ```
-     *
-     * Чтобы добавить стандартный отступ для статического элемента:
-     * ```
-     * <Select.Item>My Element</Select.Item>
-     * ```
-     */
-    items?: Array<[TValue, TItem, React.ReactNode?] | TItem | React.ReactElement | (() => React.ReactElement)>;
-    maxMenuHeight?: number;
-    maxWidth?: React.CSSProperties['maxWidth'];
-    menuAlign?: 'left' | 'right';
-    menuWidth?: React.CSSProperties['width'];
-    onValueChange?: (value: TValue) => void;
-    onClose?: () => void;
-    onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;
-    onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;
-    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
-    onOpen?: () => void;
-    placeholder?: React.ReactNode;
-    /**
-     * Функция для отрисовки элемента в выпадающем списке. Аргументы — *value*,
-     * *item*.
-     */
-    renderItem?: (value: TValue, item?: TItem) => React.ReactNode;
-    /**
-     * Функция для отрисовки выбранного элемента. Аргументы — *value*, *item*.
-     */
-    renderValue?: (value: TValue, item?: TItem) => React.ReactNode;
-    /**
-     * Функция для сравнения `value` с элементом из `items`
-     */
-    areValuesEqual?: (value1: TValue, value2: TValue) => boolean;
-    /**
-     * Показывать строку поиска в списке.
-     */
-    search?: boolean;
-    value?: TValue;
-    width?: number | string;
-    warning?: boolean;
-    use?: ButtonUse;
-    size?: ButtonSize;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-}
-export interface SelectState<TValue> {
-    opened: boolean;
-    searchPattern: string;
-    value: Nullable<TValue>;
-}
-export declare class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        areValuesEqual: PropTypes.Requireable<(...args: any[]) => any>;
-        defaultValue: PropTypes.Requireable<any>;
-        disablePortal: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        filterItem: PropTypes.Requireable<(...args: any[]) => any>;
-        items: PropTypes.Requireable<object>;
-        maxMenuHeight: PropTypes.Requireable<number>;
-        maxWidth: PropTypes.Requireable<string | number>;
-        placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
-        renderValue: PropTypes.Requireable<(...args: any[]) => any>;
-        search: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<any>;
-        width: PropTypes.Requireable<string | number>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        renderValue: typeof renderValue;
-        renderItem: typeof renderItem;
-        areValuesEqual: typeof areValuesEqual;
-        filterItem: typeof filterItem;
-        use: string;
-    };
-    static Item: typeof Item;
-    static SEP: () => JSX.Element;
-    static static: (element: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | (() => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>)) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | (() => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>);
-    state: SelectState<TValue>;
-    private theme;
-    private readonly locale;
-    private menu;
-    private buttonElement;
-    private getProps;
-    componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>): void;
-    render(): JSX.Element;
-    /**
-     * @public
-     */
-    open: () => void;
-    /**
-     * @public
-     */
-    close: () => void;
-    /**
-     * @public
-     */
-    focus: () => void;
-    private renderMain;
-    private renderLabel;
-    private renderDefaultButton;
-    private getLabelPaddingRight;
-    private getLegacyArrowShift;
-    private renderLinkButton;
-    private renderMenu;
-    private dropdownContainerGetParent;
-    private focusInput;
-    private refMenu;
-    private toggle;
-    private handleKey;
-    private handleSearch;
-    private select;
-    private getValue;
-    private mapItems;
-    private getItemByValue;
-    private buttonRef;
-    private getButton;
-}
-declare function renderValue(value: any, item: any): any;
-declare function renderItem(value: any, item: any): any;
-declare function areValuesEqual(value1: any, value2: any): boolean;
-declare function filterItem(value: any, item: any, pattern: string): boolean;
-export {};
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ButtonSize, ButtonUse } from '../Button';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { Item } from './Item';
+export interface ButtonParams {
+    disabled?: boolean;
+    label: React.ReactNode;
+    onClick: () => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+    opened: boolean;
+    isPlaceholder: boolean;
+}
+export interface SelectProps<TValue, TItem> extends CommonProps {
+    /** @ignore */
+    _icon?: React.ReactElement<any>;
+    /** @ignore */
+    _renderButton?: (params: ButtonParams) => React.ReactNode;
+    defaultValue?: TValue;
+    /** @deprecated @ignore */
+    diadocLinkIcon?: React.ReactElement<any>;
+    /**
+     * Отключает использование портала
+     */
+    disablePortal?: boolean;
+    disabled?: boolean;
+    /**
+     * Визуально показать наличие ошибки.
+     */
+    error?: boolean;
+    filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;
+    /**
+     * Набор значений. Поддерживаются любые перечисляемые типы, в том числе
+     * `Array`, `Map`, `Immutable.Map`.
+     *
+     * Элементы воспринимаются следующим образом: если элемент — это массив, то
+     * первый элемент является значением, второй — отображается в списке,
+     * а третий – комментарий;
+     * если элемент не является массивом, то он используется и для отображения,
+     * и для значения.
+     *
+     * Для вставки разделителя можно использовать `Select.SEP`.
+     *
+     * Вставить невыделяемый элемент со своей разметкой можно так:
+     * ```
+     * <Select ...
+     *   items={[Select.static(() => <div>My Element</div>)]}
+     * />
+     * ```
+     *
+     * Чтобы добавить стандартный отступ для статического элемента:
+     * ```
+     * <Select.Item>My Element</Select.Item>
+     * ```
+     */
+    items?: Array<[TValue, TItem, React.ReactNode?] | TItem | React.ReactElement | (() => React.ReactElement)>;
+    maxMenuHeight?: number;
+    maxWidth?: React.CSSProperties['maxWidth'];
+    menuAlign?: 'left' | 'right';
+    menuWidth?: React.CSSProperties['width'];
+    onValueChange?: (value: TValue) => void;
+    onClose?: () => void;
+    onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;
+    onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;
+    onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;
+    onOpen?: () => void;
+    placeholder?: React.ReactNode;
+    /**
+     * Функция для отрисовки элемента в выпадающем списке. Аргументы — *value*,
+     * *item*.
+     */
+    renderItem?: (value: TValue, item?: TItem) => React.ReactNode;
+    /**
+     * Функция для отрисовки выбранного элемента. Аргументы — *value*, *item*.
+     */
+    renderValue?: (value: TValue, item?: TItem) => React.ReactNode;
+    /**
+     * Функция для сравнения `value` с элементом из `items`
+     */
+    areValuesEqual?: (value1: TValue, value2: TValue) => boolean;
+    /**
+     * Показывать строку поиска в списке.
+     */
+    search?: boolean;
+    value?: TValue;
+    width?: number | string;
+    warning?: boolean;
+    use?: ButtonUse;
+    size?: ButtonSize;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+}
+export interface SelectState<TValue> {
+    opened: boolean;
+    searchPattern: string;
+    value: Nullable<TValue>;
+}
+export declare class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {
+    static __KONTUR_REACT_UI__: string;
+    static propTypes: {
+        areValuesEqual: PropTypes.Requireable<(...args: any[]) => any>;
+        defaultValue: PropTypes.Requireable<any>;
+        disablePortal: PropTypes.Requireable<boolean>;
+        disabled: PropTypes.Requireable<boolean>;
+        error: PropTypes.Requireable<boolean>;
+        filterItem: PropTypes.Requireable<(...args: any[]) => any>;
+        items: PropTypes.Requireable<object>;
+        maxMenuHeight: PropTypes.Requireable<number>;
+        maxWidth: PropTypes.Requireable<string | number>;
+        placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
+        renderValue: PropTypes.Requireable<(...args: any[]) => any>;
+        search: PropTypes.Requireable<boolean>;
+        value: PropTypes.Requireable<any>;
+        width: PropTypes.Requireable<string | number>;
+        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    static defaultProps: {
+        renderValue: typeof renderValue;
+        renderItem: typeof renderItem;
+        areValuesEqual: typeof areValuesEqual;
+        filterItem: typeof filterItem;
+        use: string;
+    };
+    static Item: typeof Item;
+    static SEP: () => JSX.Element;
+    static static: (element: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | (() => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>)) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | (() => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>);
+    state: SelectState<TValue>;
+    private theme;
+    private readonly locale;
+    private menu;
+    private buttonElement;
+    private getProps;
+    componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>): void;
+    render(): JSX.Element;
+    /**
+     * @public
+     */
+    open: () => void;
+    /**
+     * @public
+     */
+    close: () => void;
+    /**
+     * @public
+     */
+    focus: () => void;
+    private renderMain;
+    private renderLabel;
+    private renderDefaultButton;
+    private getLabelPaddingRight;
+    private getLegacyArrowShift;
+    private renderLinkButton;
+    private renderMenu;
+    private dropdownContainerGetParent;
+    private focusInput;
+    private refMenu;
+    private toggle;
+    private handleKey;
+    private handleSearch;
+    private select;
+    private getValue;
+    private mapItems;
+    private getItemByValue;
+    private buttonRef;
+    private getButton;
+}
+declare function renderValue(value: any, item: any): any;
+declare function renderItem(value: any, item: any): any;
+declare function areValuesEqual(value1: any, value2: any): boolean;
+declare function filterItem(value: any, item: any, pattern: string): boolean;
+export {};

package/components/Select/Select.styles/Select.styles.js

@@ -1,8 +1,18 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject9() {
+function _templateObject10() {
   var data = _taggedTemplateLiteralLoose(["\n      margin: 1px 4px 4px;\n    "]);
 
+  _templateObject10 = function _templateObject10() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject9() {
+  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      max-width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      vertical-align: top;\n      white-space: nowrap;\n    "]);
+
   _templateObject9 = function _templateObject9() {
     return data;
   };
@@ -11,7 +21,7 @@ function _templateObject9() {
 }
 
 function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      max-width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      vertical-align: top;\n      white-space: nowrap;\n    "]);
+  var data = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n      max-width: 100%;\n      width: auto;\n      position: relative;\n    "]);
 
   _templateObject8 = function _templateObject8() {
     return data;
@@ -21,7 +31,7 @@ function _templateObject8() {
 }
 
 function _templateObject7() {
-  var data = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n      max-width: 100%;\n      width: auto;\n      position: relative;\n    "]);
+  var data = _taggedTemplateLiteralLoose(["\n      border-top-color: inherit;\n      color: inherit;\n      opacity: 0.7;\n    "]);
 
   _templateObject7 = function _templateObject7() {
     return data;
@@ -31,7 +41,7 @@ function _templateObject7() {
 }
 
 function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      border-top-color: inherit;\n      color: inherit;\n      opacity: 0.7;\n    "]);
+  var data = _taggedTemplateLiteralLoose(["\n      border-top-color: ", ";\n    "]);
 
   _templateObject6 = function _templateObject6() {
     return data;
@@ -107,17 +117,20 @@ var styles = {
   arrowWrap: function arrowWrap() {
     return css(_templateObject5());
   },
+  arrowDisabled: function arrowDisabled(t) {
+    return css(_templateObject6(), t.selectMenuArrowColorDisabled);
+  },
   customUseArrow: function customUseArrow() {
-    return css(_templateObject6());
+    return css(_templateObject7());
   },
   label: function label() {
-    return css(_templateObject7());
+    return css(_templateObject8());
   },
   labelText: function labelText() {
-    return css(_templateObject8());
+    return css(_templateObject9());
   },
   search: function search() {
-    return css(_templateObject9());
+    return css(_templateObject10());
   }
 };
 export var jsStyles = memoizeStyle(styles);

package/components/Select/Select.styles/Select.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Select.styles.ts"],"names":["css","memoizeStyle","styles","root","t","placeholder","selectPlaceholderColor","customUsePlaceholder","arrow","selectMenuArrowColor","arrowWrap","customUseArrow","label","labelText","search","jsStyles"],"mappings":"q5EAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;;;AAID,GANY;;AAQbK,EAAAA,WARa,uBAQDD,CARC,EAQS;AACpB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACE,sBADb;;;AAID,GAbY;;AAebC,EAAAA,oBAfa,kCAeU;AACrB,WAAOP,GAAP;;;;AAID,GApBY;;AAsBbQ,EAAAA,KAtBa,iBAsBPJ,CAtBO,EAsBG;AACd,WAAOJ,GAAP;;;AAGsBI,IAAAA,CAAC,CAACK,oBAHxB;;;;;;AASD,GAhCY;;AAkCbC,EAAAA,SAlCa,uBAkCD;AACV,WAAOV,GAAP;;;;;;;;;;;;;AAaD,GAhDY;;AAkDbW,EAAAA,cAlDa,4BAkDI;AACf,WAAOX,GAAP;;;;;AAKD,GAxDY;;AA0DbY,EAAAA,KA1Da,mBA0DL;AACN,WAAOZ,GAAP;;;;;;;AAOD,GAlEY;;AAoEba,EAAAA,SApEa,uBAoED;AACV,WAAOb,GAAP;;;;;;;;AAQD,GA7EY;;AA+Ebc,EAAAA,MA/Ea,oBA+EJ;AACP,WAAOd,GAAP;;;AAGD,GAnFY,EAAf;;;AAsFA,OAAO,IAAMe,QAAQ,GAAGd,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      position: relative;\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      color: ${t.selectPlaceholderColor};\n      text-overflow: ellipsis;\n    `;\n  },\n\n  customUsePlaceholder() {\n    return css`\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  arrow(t: Theme) {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: ${t.selectMenuArrowColor};\n\n      display: inline-block;\n      margin-bottom: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  arrowWrap() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  customUseArrow() {\n    return css`\n      border-top-color: inherit;\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  label() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      max-width: 100%;\n      width: auto;\n      position: relative;\n    `;\n  },\n\n  labelText() {\n    return css`\n      display: inline-block;\n      max-width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      vertical-align: top;\n      white-space: nowrap;\n    `;\n  },\n\n  search() {\n    return css`\n      margin: 1px 4px 4px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}
+{"version":3,"sources":["Select.styles.ts"],"names":["css","memoizeStyle","styles","root","t","placeholder","selectPlaceholderColor","customUsePlaceholder","arrow","selectMenuArrowColor","arrowWrap","arrowDisabled","selectMenuArrowColorDisabled","customUseArrow","label","labelText","search","jsStyles"],"mappings":"klFAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;;;;AAID,GANY;;AAQbK,EAAAA,WARa,uBAQDD,CARC,EAQS;AACpB,WAAOJ,GAAP;AACWI,IAAAA,CAAC,CAACE,sBADb;;;AAID,GAbY;;AAebC,EAAAA,oBAfa,kCAeU;AACrB,WAAOP,GAAP;;;;AAID,GApBY;;AAsBbQ,EAAAA,KAtBa,iBAsBPJ,CAtBO,EAsBG;AACd,WAAOJ,GAAP;;;AAGsBI,IAAAA,CAAC,CAACK,oBAHxB;;;;;;AASD,GAhCY;;AAkCbC,EAAAA,SAlCa,uBAkCD;AACV,WAAOV,GAAP;;;;;;;;;;;;;AAaD,GAhDY;;AAkDbW,EAAAA,aAlDa,yBAkDCP,CAlDD,EAkDW;AACtB,WAAOJ,GAAP;AACsBI,IAAAA,CAAC,CAACQ,4BADxB;;AAGD,GAtDY;;AAwDbC,EAAAA,cAxDa,4BAwDI;AACf,WAAOb,GAAP;;;;;AAKD,GA9DY;;AAgEbc,EAAAA,KAhEa,mBAgEL;AACN,WAAOd,GAAP;;;;;;;AAOD,GAxEY;;AA0Ebe,EAAAA,SA1Ea,uBA0ED;AACV,WAAOf,GAAP;;;;;;;;AAQD,GAnFY;;AAqFbgB,EAAAA,MArFa,oBAqFJ;AACP,WAAOhB,GAAP;;;AAGD,GAzFY,EAAf;;;AA4FA,OAAO,IAAMiB,QAAQ,GAAGhB,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      display: inline-block;\n      position: relative;\n    `;\n  },\n\n  placeholder(t: Theme) {\n    return css`\n      color: ${t.selectPlaceholderColor};\n      text-overflow: ellipsis;\n    `;\n  },\n\n  customUsePlaceholder() {\n    return css`\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  arrow(t: Theme) {\n    return css`\n      border: 4px solid transparent;\n      border-bottom-width: 0;\n      border-top-color: ${t.selectMenuArrowColor};\n\n      display: inline-block;\n      margin-bottom: 3px;\n      vertical-align: middle;\n    `;\n  },\n\n  arrowWrap() {\n    return css`\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        height: 100%;\n        vertical-align: middle;\n      }\n    `;\n  },\n\n  arrowDisabled(t: Theme) {\n    return css`\n      border-top-color: ${t.selectMenuArrowColorDisabled};\n    `;\n  },\n\n  customUseArrow() {\n    return css`\n      border-top-color: inherit;\n      color: inherit;\n      opacity: 0.7;\n    `;\n  },\n\n  label() {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      max-width: 100%;\n      width: auto;\n      position: relative;\n    `;\n  },\n\n  labelText() {\n    return css`\n      display: inline-block;\n      max-width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      vertical-align: top;\n      white-space: nowrap;\n    `;\n  },\n\n  search() {\n    return css`\n      margin: 1px 4px 4px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/Select/Select.styles.d.ts

@@ -1,11 +1,12 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    placeholder(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    customUsePlaceholder(): string;
-    arrow(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    arrowWrap(): string;
-    customUseArrow(): string;
-    label(): string;
-    labelText(): string;
-    search(): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    placeholder(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    customUsePlaceholder(): string;
+    arrow(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    arrowWrap(): string;
+    arrowDisabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    customUseArrow(): string;
+    label(): string;
+    labelText(): string;
+    search(): string;
+};

package/components/Select/index.d.ts

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

package/components/Select/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
-import { SelectLocale } from './types';
-export * from './types';
-export declare const SelectLocaleHelper: LocaleHelper<SelectLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { SelectLocale } from './types';
+export * from './types';
+export declare const SelectLocaleHelper: LocaleHelper<SelectLocale>;

package/components/Select/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { SelectLocale } from '../types';
-export declare const componentsLocales: SelectLocale;
+import { SelectLocale } from '../types';
+export declare const componentsLocales: SelectLocale;

package/components/Select/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { SelectLocale } from '../types';
-export declare const componentsLocales: SelectLocale;
+import { SelectLocale } from '../types';
+export declare const componentsLocales: SelectLocale;

package/components/Select/locale/types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export interface SelectLocale {
-    placeholder: React.ReactNode;
-}
+import React from 'react';
+export interface SelectLocale {
+    placeholder: React.ReactNode;
+}

package/components/Select/selectTheme/selectTheme.js

@@ -23,6 +23,10 @@ export var getSelectTheme = function getSelectTheme(theme, props) {
     btnPaddingYLarge: theme.selectPaddingYLarge,
     btnIconGapLarge: theme.selectIconGapLarge,
     btnIconSizeLarge: theme.selectIconSizeLarge,
-    btnBorderRadiusLarge: theme.selectBorderRadiusLarge
+    btnBorderRadiusLarge: theme.selectBorderRadiusLarge,
+    btnDisabledBg: theme.selectBgDisabled,
+    btnDisabledBorderColor: theme.selectBorderColorDisabled,
+    btnDisabledShadowColor: theme.selectShadowColorDisabled,
+    btnDisabledTextColor: theme.selectTextColorDisabled
   }, theme);
 };

package/components/Select/selectTheme/selectTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["selectTheme.ts"],"names":["ThemeFactory","getSelectTheme","theme","props","create","btnBorderWidth","selectBorderWidth","btnOutlineWidth","selectOutlineWidth","btnLineHeightSmall","selectLineHeightSmall","btnFontSizeSmall","selectFontSizeSmall","btnPaddingXSmall","_icon","selectPaddingXSmall","btnPaddingYSmall","selectPaddingYSmall","btnIconGapSmall","selectIconGapSmall","btnIconSizeSmall","selectIconSizeSmall","btnBorderRadiusSmall","selectBorderRadiusSmall","btnLineHeightMedium","selectLineHeightMedium","btnFontSizeMedium","selectFontSizeMedium","btnPaddingXMedium","selectPaddingXMedium","btnPaddingYMedium","selectPaddingYMedium","btnIconGapMedium","selectIconGapMedium","btnIconSizeMedium","selectIconSizeMedium","btnBorderRadiusMedium","selectBorderRadiusMedium","btnLineHeightLarge","selectLineHeightLarge","btnFontSizeLarge","selectFontSizeLarge","btnPaddingXLarge","selectPaddingXLarge","btnPaddingYLarge","selectPaddingYLarge","btnIconGapLarge","selectIconGapLarge","btnIconSizeLarge","selectIconSizeLarge","btnBorderRadiusLarge","selectBorderRadiusLarge"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;;;;AAKA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAeC,KAAf,EAAuD;AACnF,SAAOH,YAAY,CAACI,MAAb;AACL;AACEC,IAAAA,cAAc,EAAEH,KAAK,CAACI,iBADxB;AAEEC,IAAAA,eAAe,EAAEL,KAAK,CAACM,kBAFzB;;AAIEC,IAAAA,kBAAkB,EAAEP,KAAK,CAACQ,qBAJ5B;AAKEC,IAAAA,gBAAgB,EAAET,KAAK,CAACU,mBAL1B;AAMEC,IAAAA,gBAAgB,EAAEV,KAAK,CAACW,KAAN,GAAcZ,KAAK,CAACW,gBAApB,GAAuCX,KAAK,CAACa,mBANjE;AAOEC,IAAAA,gBAAgB,EAAEd,KAAK,CAACe,mBAP1B;AAQEC,IAAAA,eAAe,EAAEhB,KAAK,CAACiB,kBARzB;AASEC,IAAAA,gBAAgB,EAAElB,KAAK,CAACmB,mBAT1B;AAUEC,IAAAA,oBAAoB,EAAEpB,KAAK,CAACqB,uBAV9B;;AAYEC,IAAAA,mBAAmB,EAAEtB,KAAK,CAACuB,sBAZ7B;AAaEC,IAAAA,iBAAiB,EAAExB,KAAK,CAACyB,oBAb3B;AAcEC,IAAAA,iBAAiB,EAAEzB,KAAK,CAACW,KAAN,GAAcZ,KAAK,CAAC0B,iBAApB,GAAwC1B,KAAK,CAAC2B,oBAdnE;AAeEC,IAAAA,iBAAiB,EAAE5B,KAAK,CAAC6B,oBAf3B;AAgBEC,IAAAA,gBAAgB,EAAE9B,KAAK,CAAC+B,mBAhB1B;AAiBEC,IAAAA,iBAAiB,EAAEhC,KAAK,CAACiC,oBAjB3B;AAkBEC,IAAAA,qBAAqB,EAAElC,KAAK,CAACmC,wBAlB/B;;AAoBEC,IAAAA,kBAAkB,EAAEpC,KAAK,CAACqC,qBApB5B;AAqBEC,IAAAA,gBAAgB,EAAEtC,KAAK,CAACuC,mBArB1B;AAsBEC,IAAAA,gBAAgB,EAAEvC,KAAK,CAACW,KAAN,GAAcZ,KAAK,CAACwC,gBAApB,GAAuCxC,KAAK,CAACyC,mBAtBjE;AAuBEC,IAAAA,gBAAgB,EAAE1C,KAAK,CAAC2C,mBAvB1B;AAwBEC,IAAAA,eAAe,EAAE5C,KAAK,CAAC6C,kBAxBzB;AAyBEC,IAAAA,gBAAgB,EAAE9C,KAAK,CAAC+C,mBAzB1B;AA0BEC,IAAAA,oBAAoB,EAAEhD,KAAK,CAACiD,uBA1B9B,EADK;;AA6BLjD,EAAAA,KA7BK,CAAP;;AA+BD,CAhCM","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { SelectProps } from './Select';\n\nexport const getSelectTheme = (theme: Theme, props: SelectProps<any, any>): Theme => {\n  return ThemeFactory.create(\n    {\n      btnBorderWidth: theme.selectBorderWidth,\n      btnOutlineWidth: theme.selectOutlineWidth,\n\n      btnLineHeightSmall: theme.selectLineHeightSmall,\n      btnFontSizeSmall: theme.selectFontSizeSmall,\n      btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\n      btnPaddingYSmall: theme.selectPaddingYSmall,\n      btnIconGapSmall: theme.selectIconGapSmall,\n      btnIconSizeSmall: theme.selectIconSizeSmall,\n      btnBorderRadiusSmall: theme.selectBorderRadiusSmall,\n\n      btnLineHeightMedium: theme.selectLineHeightMedium,\n      btnFontSizeMedium: theme.selectFontSizeMedium,\n      btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\n      btnPaddingYMedium: theme.selectPaddingYMedium,\n      btnIconGapMedium: theme.selectIconGapMedium,\n      btnIconSizeMedium: theme.selectIconSizeMedium,\n      btnBorderRadiusMedium: theme.selectBorderRadiusMedium,\n\n      btnLineHeightLarge: theme.selectLineHeightLarge,\n      btnFontSizeLarge: theme.selectFontSizeLarge,\n      btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\n      btnPaddingYLarge: theme.selectPaddingYLarge,\n      btnIconGapLarge: theme.selectIconGapLarge,\n      btnIconSizeLarge: theme.selectIconSizeLarge,\n      btnBorderRadiusLarge: theme.selectBorderRadiusLarge,\n    },\n    theme,\n  );\n};\n"]}
+{"version":3,"sources":["selectTheme.ts"],"names":["ThemeFactory","getSelectTheme","theme","props","create","btnBorderWidth","selectBorderWidth","btnOutlineWidth","selectOutlineWidth","btnLineHeightSmall","selectLineHeightSmall","btnFontSizeSmall","selectFontSizeSmall","btnPaddingXSmall","_icon","selectPaddingXSmall","btnPaddingYSmall","selectPaddingYSmall","btnIconGapSmall","selectIconGapSmall","btnIconSizeSmall","selectIconSizeSmall","btnBorderRadiusSmall","selectBorderRadiusSmall","btnLineHeightMedium","selectLineHeightMedium","btnFontSizeMedium","selectFontSizeMedium","btnPaddingXMedium","selectPaddingXMedium","btnPaddingYMedium","selectPaddingYMedium","btnIconGapMedium","selectIconGapMedium","btnIconSizeMedium","selectIconSizeMedium","btnBorderRadiusMedium","selectBorderRadiusMedium","btnLineHeightLarge","selectLineHeightLarge","btnFontSizeLarge","selectFontSizeLarge","btnPaddingXLarge","selectPaddingXLarge","btnPaddingYLarge","selectPaddingYLarge","btnIconGapLarge","selectIconGapLarge","btnIconSizeLarge","selectIconSizeLarge","btnBorderRadiusLarge","selectBorderRadiusLarge","btnDisabledBg","selectBgDisabled","btnDisabledBorderColor","selectBorderColorDisabled","btnDisabledShadowColor","selectShadowColorDisabled","btnDisabledTextColor","selectTextColorDisabled"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gCAA7B;;;;;AAKA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAeC,KAAf,EAAuD;AACnF,SAAOH,YAAY,CAACI,MAAb;AACL;AACEC,IAAAA,cAAc,EAAEH,KAAK,CAACI,iBADxB;AAEEC,IAAAA,eAAe,EAAEL,KAAK,CAACM,kBAFzB;;AAIEC,IAAAA,kBAAkB,EAAEP,KAAK,CAACQ,qBAJ5B;AAKEC,IAAAA,gBAAgB,EAAET,KAAK,CAACU,mBAL1B;AAMEC,IAAAA,gBAAgB,EAAEV,KAAK,CAACW,KAAN,GAAcZ,KAAK,CAACW,gBAApB,GAAuCX,KAAK,CAACa,mBANjE;AAOEC,IAAAA,gBAAgB,EAAEd,KAAK,CAACe,mBAP1B;AAQEC,IAAAA,eAAe,EAAEhB,KAAK,CAACiB,kBARzB;AASEC,IAAAA,gBAAgB,EAAElB,KAAK,CAACmB,mBAT1B;AAUEC,IAAAA,oBAAoB,EAAEpB,KAAK,CAACqB,uBAV9B;;AAYEC,IAAAA,mBAAmB,EAAEtB,KAAK,CAACuB,sBAZ7B;AAaEC,IAAAA,iBAAiB,EAAExB,KAAK,CAACyB,oBAb3B;AAcEC,IAAAA,iBAAiB,EAAEzB,KAAK,CAACW,KAAN,GAAcZ,KAAK,CAAC0B,iBAApB,GAAwC1B,KAAK,CAAC2B,oBAdnE;AAeEC,IAAAA,iBAAiB,EAAE5B,KAAK,CAAC6B,oBAf3B;AAgBEC,IAAAA,gBAAgB,EAAE9B,KAAK,CAAC+B,mBAhB1B;AAiBEC,IAAAA,iBAAiB,EAAEhC,KAAK,CAACiC,oBAjB3B;AAkBEC,IAAAA,qBAAqB,EAAElC,KAAK,CAACmC,wBAlB/B;;AAoBEC,IAAAA,kBAAkB,EAAEpC,KAAK,CAACqC,qBApB5B;AAqBEC,IAAAA,gBAAgB,EAAEtC,KAAK,CAACuC,mBArB1B;AAsBEC,IAAAA,gBAAgB,EAAEvC,KAAK,CAACW,KAAN,GAAcZ,KAAK,CAACwC,gBAApB,GAAuCxC,KAAK,CAACyC,mBAtBjE;AAuBEC,IAAAA,gBAAgB,EAAE1C,KAAK,CAAC2C,mBAvB1B;AAwBEC,IAAAA,eAAe,EAAE5C,KAAK,CAAC6C,kBAxBzB;AAyBEC,IAAAA,gBAAgB,EAAE9C,KAAK,CAAC+C,mBAzB1B;AA0BEC,IAAAA,oBAAoB,EAAEhD,KAAK,CAACiD,uBA1B9B;;AA4BEC,IAAAA,aAAa,EAAElD,KAAK,CAACmD,gBA5BvB;AA6BEC,IAAAA,sBAAsB,EAAEpD,KAAK,CAACqD,yBA7BhC;AA8BEC,IAAAA,sBAAsB,EAAEtD,KAAK,CAACuD,yBA9BhC;AA+BEC,IAAAA,oBAAoB,EAAExD,KAAK,CAACyD,uBA/B9B,EADK;;AAkCLzD,EAAAA,KAlCK,CAAP;;AAoCD,CArCM","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { SelectProps } from './Select';\n\nexport const getSelectTheme = (theme: Theme, props: SelectProps<any, any>): Theme => {\n  return ThemeFactory.create(\n    {\n      btnBorderWidth: theme.selectBorderWidth,\n      btnOutlineWidth: theme.selectOutlineWidth,\n\n      btnLineHeightSmall: theme.selectLineHeightSmall,\n      btnFontSizeSmall: theme.selectFontSizeSmall,\n      btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\n      btnPaddingYSmall: theme.selectPaddingYSmall,\n      btnIconGapSmall: theme.selectIconGapSmall,\n      btnIconSizeSmall: theme.selectIconSizeSmall,\n      btnBorderRadiusSmall: theme.selectBorderRadiusSmall,\n\n      btnLineHeightMedium: theme.selectLineHeightMedium,\n      btnFontSizeMedium: theme.selectFontSizeMedium,\n      btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\n      btnPaddingYMedium: theme.selectPaddingYMedium,\n      btnIconGapMedium: theme.selectIconGapMedium,\n      btnIconSizeMedium: theme.selectIconSizeMedium,\n      btnBorderRadiusMedium: theme.selectBorderRadiusMedium,\n\n      btnLineHeightLarge: theme.selectLineHeightLarge,\n      btnFontSizeLarge: theme.selectFontSizeLarge,\n      btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\n      btnPaddingYLarge: theme.selectPaddingYLarge,\n      btnIconGapLarge: theme.selectIconGapLarge,\n      btnIconSizeLarge: theme.selectIconSizeLarge,\n      btnBorderRadiusLarge: theme.selectBorderRadiusLarge,\n\n      btnDisabledBg: theme.selectBgDisabled,\n      btnDisabledBorderColor: theme.selectBorderColorDisabled,\n      btnDisabledShadowColor: theme.selectShadowColorDisabled,\n      btnDisabledTextColor: theme.selectTextColorDisabled,\n    },\n    theme,\n  );\n};\n"]}

package/components/Select/selectTheme.d.ts

@@ -1,2 +1,2 @@
-import { SelectProps } from './Select';
-export declare const getSelectTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>, props: SelectProps<any, any>) => Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>;
+import { SelectProps } from './Select';
+export declare const getSelectTheme: (theme: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>, props: SelectProps<any, any>) => Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>;

package/components/SidePage/SidePage/SidePage.js

@@ -47,11 +47,13 @@ export var SidePage = /*#__PURE__*/function (_React$Component) {
     _this.stackSubscription = null;
     _this.layoutRef = null;
     _this.footer = null;
+    _this.header = null;
 
     _this.updateLayout = function () {
-      if (_this.footer) {
-        _this.footer.update();
-      }
+      var _this$header, _this$footer;
+
+      (_this$header = _this.header) == null ? void 0 : _this$header.update();
+      (_this$footer = _this.footer) == null ? void 0 : _this$footer.update();
     };
 
     _this.getSidePageContextProps = function () {
@@ -78,7 +80,8 @@ export var SidePage = /*#__PURE__*/function (_React$Component) {
         requestClose: _this.requestClose,
         getWidth: _this.getWidth,
         updateLayout: _this.updateLayout,
-        footerRef: _this.footerRef
+        footerRef: _this.footerRef,
+        headerRef: _this.headerRef
       };
       return sidePageContextProps;
     };
@@ -141,6 +144,10 @@ export var SidePage = /*#__PURE__*/function (_React$Component) {
       }
     };
 
+    _this.headerRef = function (ref) {
+      _this.header = ref;
+    };
+
     _this.footerRef = function (ref) {
       _this.footer = ref;
     };