@skbkontur/react-ui 0.0.0-a59755ee68 → 0.0.0-a6f09fbded

package/cjs/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 type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;
-export 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;
-}
-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(): React.JSX.Element;
-}
-export {};
+import React from 'react';
+import type { DefaultizeProps } from '../lib/utils';
+interface StatePropsObject<P, S> {
+    props?: Partial<P>;
+    state?: Partial<S>;
+}
+export type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;
+export 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;
+}
+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(): React.JSX.Element;
+}
+export {};

package/cjs/internal/ComponentTable.js

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComponentTable = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
+
 var _utils = require("../lib/utils");
 var _createPropsGetter = require("../lib/createPropsGetter");
 
@@ -27,7 +28,7 @@ var renderPropsDesc = function renderPropsDesc(props) {
       node, " ", index + 1 < nodes.length ? ', ' : null
       ));}
   );
-};
+};var
 
 
 
@@ -47,8 +48,7 @@ var renderPropsDesc = function renderPropsDesc(props) {
 
 
 
-// Known limitation: Don't work when component have `propTypes` static field
-var ComponentTable = exports.ComponentTable = /*#__PURE__*/function (_React$Component) {function ComponentTable() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+ComponentTable = exports.ComponentTable = /*#__PURE__*/function (_React$Component) {function ComponentTable() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 

package/cjs/internal/ComponentTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_createPropsGetter","renderPropsDesc","props","Object","keys","map","key","value","React","isValidElement","createElement","JSON","stringify","node","index","nodes","default","length","ComponentTable","exports","_React$Component","_this","_len","arguments","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","_inheritsLoose2","_proto","prototype","render","_this$props","_this$props$rows","rows","_this$props$cols","cols","Component","_this$getProps","presetProps","presetState","style","borderSpacing","marginBottom","captionSide","_ref","i","_ref$props","colProps","whiteSpace","_ref2","rowIndex","_ref2$props","rowProps","_ref2$state","state","rowState","_ref3","colIndex","_ref3$props","_ref3$state","colState","_extends2","ref","isFunctionalComponent","undefined","el","setState"],"sources":["ComponentTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunctionalComponent, DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\n// TODO We should output state too\nconst renderPropsDesc = <P extends Record<string, any>>(props: P): React.ReactNode => {\n  return Object.keys(props)\n    .map((key) => {\n      const value = props[key];\n      switch (typeof value) {\n        case 'boolean':\n          return value ? key : `${key}: false`;\n        case 'string':\n          return `${key}: \"${value}\"`;\n        case 'object':\n          if (React.isValidElement(value)) {\n            return React.createElement('span', {}, [`${key}: `, value]);\n          }\n          return `${key}: ${JSON.stringify(value)}`;\n        default:\n          return `${key}: ${value}`;\n      }\n    })\n    .map((node, index, nodes) => (\n      <span key={index}>\n        {node} {index + 1 < nodes.length ? ', ' : null}\n      </span>\n    ));\n};\n\ninterface StatePropsObject<P, S> {\n  props?: Partial<P>;\n  state?: Partial<S>;\n}\nexport type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;\n\nexport type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;\n\nexport interface ComponentTableProps<C, P, S> {\n  rows?: StatePropsCombinations<P, S>;\n  cols?: StatePropsCombinations<P, S>;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n  Component: C;\n}\n\ntype DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;\n\n// Known limitation: Don't work when component have `propTypes` static field\nexport class ComponentTable<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>,\n> extends React.Component<\n  ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>\n> {\n  public static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentTable.defaultProps);\n\n  public render() {\n    const { rows = [], cols = [], Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    return (\n      <table style={{ borderSpacing: 10, marginBottom: 20 }}>\n        <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps)}</caption>\n        <thead>\n          <tr>\n            <th />\n            {cols.map(({ props: colProps = {} }, i) => (\n              <th style={{ whiteSpace: 'nowrap' }} key={i}>\n                {renderPropsDesc(colProps)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(({ props: rowProps = {}, state: rowState = {} }, rowIndex) => (\n            <tr key={rowIndex}>\n              <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\n              {cols.map(({ props: colProps = {}, state: colState = {} }, colIndex) => (\n                <td key={colIndex}>\n                  {/* @ts-expect-error: Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it */}\n                  <Component\n                    {...presetProps}\n                    {...rowProps}\n                    {...colProps}\n                    ref={\n                      // NOTE Call setState from outside is bad practice, but here it needed for test state combinations\n                      isFunctionalComponent(Component)\n                        ? undefined\n                        : (el: React.Component<P, StateType<C>>) =>\n                            el &&\n                            el.setState((state: StateType<C>) => ({\n                              ...state,\n                              ...presetState,\n                              ...rowState,\n                              ...colState,\n                            }))\n                    }\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_createPropsGetter","renderPropsDesc","props","Object","keys","map","key","value","React","isValidElement","createElement","JSON","stringify","node","index","nodes","default","length","ComponentTable","exports","_React$Component","_this","_len","arguments","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","_inheritsLoose2","_proto","prototype","render","_this$props","_this$props$rows","rows","_this$props$cols","cols","Component","_this$getProps","presetProps","presetState","style","borderSpacing","marginBottom","captionSide","_ref","i","_ref$props","colProps","whiteSpace","_ref2","rowIndex","_ref2$props","rowProps","_ref2$state","state","rowState","_ref3","colIndex","_ref3$props","_ref3$state","colState","_extends2","ref","isFunctionalComponent","undefined","el","setState"],"sources":["ComponentTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DefaultizeProps } from '../lib/utils';\nimport { isFunctionalComponent } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\n// TODO We should output state too\nconst renderPropsDesc = <P extends Record<string, any>>(props: P): React.ReactNode => {\n  return Object.keys(props)\n    .map((key) => {\n      const value = props[key];\n      switch (typeof value) {\n        case 'boolean':\n          return value ? key : `${key}: false`;\n        case 'string':\n          return `${key}: \"${value}\"`;\n        case 'object':\n          if (React.isValidElement(value)) {\n            return React.createElement('span', {}, [`${key}: `, value]);\n          }\n          return `${key}: ${JSON.stringify(value)}`;\n        default:\n          return `${key}: ${value}`;\n      }\n    })\n    .map((node, index, nodes) => (\n      <span key={index}>\n        {node} {index + 1 < nodes.length ? ', ' : null}\n      </span>\n    ));\n};\n\ninterface StatePropsObject<P, S> {\n  props?: Partial<P>;\n  state?: Partial<S>;\n}\nexport type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;\n\nexport type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;\n\nexport interface ComponentTableProps<C, P, S> {\n  rows?: StatePropsCombinations<P, S>;\n  cols?: StatePropsCombinations<P, S>;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n  Component: C;\n}\n\ntype DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;\n\nexport class ComponentTable<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>,\n> extends React.Component<\n  ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>\n> {\n  public static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentTable.defaultProps);\n\n  public render() {\n    const { rows = [], cols = [], Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    return (\n      <table style={{ borderSpacing: 10, marginBottom: 20 }}>\n        <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps)}</caption>\n        <thead>\n          <tr>\n            <th />\n            {cols.map(({ props: colProps = {} }, i) => (\n              <th style={{ whiteSpace: 'nowrap' }} key={i}>\n                {renderPropsDesc(colProps)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(({ props: rowProps = {}, state: rowState = {} }, rowIndex) => (\n            <tr key={rowIndex}>\n              <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\n              {cols.map(({ props: colProps = {}, state: colState = {} }, colIndex) => (\n                <td key={colIndex}>\n                  {/* @ts-expect-error: Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it */}\n                  <Component\n                    {...presetProps}\n                    {...rowProps}\n                    {...colProps}\n                    ref={\n                      // NOTE Call setState from outside is bad practice, but here it needed for test state combinations\n                      isFunctionalComponent(Component)\n                        ? undefined\n                        : (el: React.Component<P, StateType<C>>) =>\n                            el &&\n                            el.setState((state: StateType<C>) => ({\n                              ...state,\n                              ...presetState,\n                              ...rowState,\n                              ...colState,\n                            }))\n                    }\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/CustomComboBox/ArrowDownIcon.d.ts

@@ -1,3 +1,3 @@
-export declare const ArrowDownIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ArrowDownIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/internal/CustomComboBox/ComboBoxMenu.d.ts

@@ -1,48 +1,48 @@
-import React from 'react';
-import { Menu } from '../Menu';
-import { MenuItemState } from '../../components/MenuItem';
-import { Nullable } from '../../typings/utility-types';
-import { ComboBoxExtendedItem } from '../../components/ComboBox';
-import { SizeProp } from '../../lib/types/props';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-export interface ComboBoxMenuProps<T> {
-    opened?: boolean;
-    items?: Nullable<Array<ComboBoxExtendedItem<T>>>;
-    totalCount?: number;
-    loading?: boolean;
-    hasMargin?: 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;
-    onValueChange: (value: T) => any;
-    renderAddButton?: () => React.ReactNode;
-    caption?: React.ReactNode;
-    repeatRequest?: () => void;
-    requestStatus?: ComboBoxRequestStatus;
-    isMobile?: boolean;
-    menuId?: string;
-    size?: SizeProp;
-}
-export declare const ComboBoxMenuDataTids: {
-    readonly loading: "ComboBoxMenu__loading";
-    readonly failed: "ComboBoxMenu__failed";
-    readonly notFound: "ComboBoxMenu__notFound";
-    readonly items: "ComboBoxMenu__items";
-    readonly item: "ComboBoxMenu__item";
-};
-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 displayName: string;
-    static defaultProps: DefaultProps<unknown>;
-    private getProps;
-    private readonly locale;
-    private theme;
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element | null;
-    private renderItem;
-}
-export {};
+import React from 'react';
+import { Menu } from '../Menu';
+import type { MenuItemState } from '../../components/MenuItem';
+import type { Nullable } from '../../typings/utility-types';
+import type { ComboBoxExtendedItem } from '../../components/ComboBox';
+import type { SizeProp } from '../../lib/types/props';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+export interface ComboBoxMenuProps<T> {
+    opened?: boolean;
+    items?: Nullable<Array<ComboBoxExtendedItem<T>>>;
+    totalCount?: number;
+    loading?: boolean;
+    hasMargin?: 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;
+    onValueChange: (value: T) => any;
+    renderAddButton?: () => React.ReactNode;
+    caption?: React.ReactNode;
+    repeatRequest?: () => void;
+    requestStatus?: ComboBoxRequestStatus;
+    isMobile?: boolean;
+    menuId?: string;
+    size?: SizeProp;
+}
+export declare const ComboBoxMenuDataTids: {
+    readonly loading: "ComboBoxMenu__loading";
+    readonly failed: "ComboBoxMenu__failed";
+    readonly notFound: "ComboBoxMenu__notFound";
+    readonly items: "ComboBoxMenu__items";
+    readonly item: "ComboBoxMenu__item";
+};
+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 displayName: string;
+    static defaultProps: DefaultProps<unknown>;
+    private getProps;
+    private readonly locale;
+    private theme;
+    render(): React.JSX.Element;
+    renderMain(): React.JSX.Element | null;
+    private renderItem;
+}
+export {};

package/cjs/internal/CustomComboBox/ComboBoxMenu.js

@@ -3,6 +3,7 @@
 var _utils = require("../../lib/utils");
 var _decorators = require("../../lib/locale/decorators");
 var _Menu = require("../Menu");
+
 var _MenuItem = require("../../components/MenuItem");
 var _Spinner = require("../../components/Spinner");
 
@@ -16,6 +17,7 @@ var _MenuFooter = require("../../components/MenuFooter");
 
 
 var _CustomComboBoxTypes = require("./CustomComboBoxTypes");
+
 var _locale = require("./locale");var _dec, _class, _ComboBoxMenu;
 
 
@@ -235,7 +237,7 @@ ComboBoxMenu = exports.ComboBoxMenu = (_dec = (0, _decorators.locale)('ComboBox'
         function (state) {return renderItem(item, state);}
         ));
 
-    };return _this;}(0, _inheritsLoose2.default)(ComboBoxMenu, _React$Component);var _proto = ComboBoxMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props2 = this.props,opened = _this$props2.opened,items = _this$props2.items,totalCount = _this$props2.totalCount,loading = _this$props2.loading,refMenu = _this$props2.refMenu,_this$props2$renderNo = _this$props2.renderNotFound,renderNotFound = _this$props2$renderNo === void 0 ? function () {return notFound;} : _this$props2$renderNo,renderTotalCount = _this$props2.renderTotalCount,maxMenuHeight = _this$props2.maxMenuHeight,isMobile = _this$props2.isMobile;var requestStatus = this.getProps().requestStatus;var _this$locale = this.locale,notFound = _this$locale.notFound,errorNetworkButton = _this$locale.errorNetworkButton,errorNetworkMessage = _this$locale.errorNetworkMessage;if (!opened) {return null;}var renderAddButton = null;if (this.props.renderAddButton) {renderAddButton = this.props.renderAddButton();}var maxHeight = isMobile ? 'auto' : maxMenuHeight;if (loading && (!items || !items.length)) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { maxHeight: maxHeight, ref: refMenu, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.loading }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, as: "div" }, /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: "mini", dimmed: true })));}if (items === null && requestStatus === _CustomComboBoxTypes.ComboBoxRequestStatus.Failed) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.failed }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, key: "message" }, /*#__PURE__*/_react.default.createElement("div", { style: { maxWidth: 300, whiteSpace: 'normal' } }, errorNetworkMessage)), /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { link: true, onClick: this.getProps().repeatRequest, size: this.props.size, key: "retry", isMobile: isMobile }, errorNetworkButton));}if (((0, _utils.isNullable)(items) || items.length === 0) && renderNotFound) {var notFoundValue = renderNotFound();if (renderAddButton) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, renderAddButton);}if (notFoundValue) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, "data-tid": ComboBoxMenuDataTids.notFound }, notFoundValue));}return null;}var total = null;var renderedItems = items && items.map(this.renderItem);var menuItems = renderedItems == null ? void 0 : renderedItems.filter(function (item) {return (0, _MenuItem.isMenuItem)(item);});var countItems = menuItems == null ? void 0 : menuItems.length;if (countItems && renderTotalCount && totalCount && countItems < totalCount) {total = /*#__PURE__*/_react.default.createElement(_MenuFooter.MenuFooter, { size: this.props.size, key: "total" }, /*#__PURE__*/_react.default.createElement("div", null, renderTotalCount(countItems, totalCount)));}return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.items, ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile }, renderedItems, total, renderAddButton && [/*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, { key: "separator" }), renderAddButton]);};return ComboBoxMenu;}(_react.default.Component), _ComboBoxMenu.__KONTUR_REACT_UI__ = 'ComboBoxMenu', _ComboBoxMenu.displayName = 'ComboBoxMenu', _ComboBoxMenu.defaultProps = { repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown }, _ComboBoxMenu)) || _class);
+    };return _this;}(0, _inheritsLoose2.default)(ComboBoxMenu, _React$Component);var _proto = ComboBoxMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this$props2 = this.props,opened = _this$props2.opened,items = _this$props2.items,totalCount = _this$props2.totalCount,loading = _this$props2.loading,refMenu = _this$props2.refMenu,_this$props2$renderNo = _this$props2.renderNotFound,renderNotFound = _this$props2$renderNo === void 0 ? function () {return notFound;} : _this$props2$renderNo,renderTotalCount = _this$props2.renderTotalCount,maxMenuHeight = _this$props2.maxMenuHeight,isMobile = _this$props2.isMobile;var requestStatus = this.getProps().requestStatus;var _this$locale = this.locale,notFound = _this$locale.notFound,errorNetworkButton = _this$locale.errorNetworkButton,errorNetworkMessage = _this$locale.errorNetworkMessage;if (!opened) {return null;}var renderAddButton = null;if (this.props.renderAddButton) {renderAddButton = this.props.renderAddButton();}var maxHeight = isMobile ? 'auto' : maxMenuHeight;if (loading && (!items || !items.length)) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { maxHeight: maxHeight, ref: refMenu, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.loading + " " + _Menu.MenuDataTids.root }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, as: "div" }, /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: "mini", dimmed: true })));}if (items === null && requestStatus === _CustomComboBoxTypes.ComboBoxRequestStatus.Failed) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.failed + " " + _Menu.MenuDataTids.root }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, key: "message" }, /*#__PURE__*/_react.default.createElement("div", { style: { maxWidth: 300, whiteSpace: 'normal' } }, errorNetworkMessage)), /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { link: true, onClick: this.getProps().repeatRequest, size: this.props.size, key: "retry", isMobile: isMobile }, errorNetworkButton));}if (((0, _utils.isNullable)(items) || items.length === 0) && renderNotFound) {var notFoundValue = renderNotFound();if (renderAddButton) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, renderAddButton);}if (notFoundValue) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, "data-tid": ComboBoxMenuDataTids.notFound }, notFoundValue));}return null;}var total = null;var renderedItems = items && items.map(this.renderItem);var menuItems = renderedItems == null ? void 0 : renderedItems.filter(function (item) {return (0, _MenuItem.isMenuItem)(item);});var countItems = menuItems == null ? void 0 : menuItems.length;if (countItems && renderTotalCount && totalCount && countItems < totalCount) {total = /*#__PURE__*/_react.default.createElement(_MenuFooter.MenuFooter, { size: this.props.size, key: "total" }, /*#__PURE__*/_react.default.createElement("div", null, renderTotalCount(countItems, totalCount)));}return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.items + " " + _Menu.MenuDataTids.root, ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile }, renderedItems, total, renderAddButton && [/*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, { key: "separator" }), renderAddButton]);};return ComboBoxMenu;}(_react.default.Component), _ComboBoxMenu.__KONTUR_REACT_UI__ = 'ComboBoxMenu', _ComboBoxMenu.displayName = 'ComboBoxMenu', _ComboBoxMenu.defaultProps = { repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown }, _ComboBoxMenu)) || _class);
 
 
 function isSimpleItem(item) {

package/cjs/internal/CustomComboBox/ComboBoxMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_decorators","_Menu","_MenuItem","_Spinner","_MenuSeparator","_createPropsGetter","_MenuMessage","_ThemeContext","_MenuFooter","_CustomComboBoxTypes","_locale","_dec","_class","_ComboBoxMenu","ComboBoxMenuDataTids","exports","loading","failed","notFound","items","item","ComboBoxMenu","locale","CustomComboBoxLocaleHelper","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","renderItem","index","_this$props","props","onValueChange","itemWrapper","isSimpleItem","element","isFunction","Object","assign","key","onClick","React","cloneElement","default","createElement","MenuItem","component","size","isMobile","state","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","theme","Provider","value","renderMain","_this$props2","opened","totalCount","refMenu","_this$props2$renderNo","renderNotFound","renderTotalCount","maxMenuHeight","requestStatus","_this$locale","errorNetworkButton","errorNetworkMessage","renderAddButton","maxHeight","Menu","ref","hasMargin","disableScrollContainer","id","menuId","MenuMessage","as","Spinner","type","dimmed","ComboBoxRequestStatus","Failed","style","maxWidth","whiteSpace","link","repeatRequest","isNullable","notFoundValue","total","renderedItems","map","menuItems","filter","isMenuItem","countItems","MenuFooter","MenuSeparator","Component","__KONTUR_REACT_UI__","displayName","undefined","Unknown","isValidElement"],"sources":["ComboBoxMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isNullable } from '../../lib/utils';\nimport { locale } from '../../lib/locale/decorators';\nimport { Menu } from '../Menu';\nimport { isMenuItem, MenuItem, MenuItemState } from '../../components/MenuItem';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { MenuMessage } from '../MenuMessage';\nimport { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MenuFooter } from '../../components/MenuFooter';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { ComboBoxLocale, CustomComboBoxLocaleHelper } from './locale';\n\nexport interface ComboBoxMenuProps<T> {\n  opened?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  totalCount?: number;\n  loading?: boolean;\n  hasMargin?: boolean;\n  maxMenuHeight?: number | string;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  onValueChange: (value: T) => any;\n  renderAddButton?: () => React.ReactNode;\n  caption?: React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  isMobile?: boolean;\n  menuId?: string;\n  size?: SizeProp;\n}\n\nexport const ComboBoxMenuDataTids = {\n  loading: 'ComboBoxMenu__loading',\n  failed: 'ComboBoxMenu__failed',\n  notFound: 'ComboBoxMenu__notFound',\n  items: 'ComboBoxMenu__items',\n  item: 'ComboBoxMenu__item',\n} as const;\n\ntype DefaultProps<T> = Required<Pick<ComboBoxMenuProps<T>, 'repeatRequest' | 'requestStatus'>>;\n\n@locale('ComboBox', CustomComboBoxLocaleHelper)\nexport class ComboBoxMenu<T> extends React.Component<ComboBoxMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\n  public static displayName = 'ComboBoxMenu';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n  };\n\n  private getProps = createPropsGetter(ComboBoxMenu.defaultProps);\n\n  private readonly locale!: ComboBoxLocale;\n\n  private theme!: Theme;\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const {\n      opened,\n      items,\n      totalCount,\n      loading,\n      refMenu,\n      renderNotFound = () => notFound,\n      renderTotalCount,\n      maxMenuHeight,\n      isMobile,\n    } = this.props;\n\n    const requestStatus = this.getProps().requestStatus;\n\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\n\n    if (!opened) {\n      return null;\n    }\n\n    let renderAddButton = null;\n    if (this.props.renderAddButton) {\n      renderAddButton = this.props.renderAddButton();\n    }\n\n    const maxHeight = isMobile ? 'auto' : maxMenuHeight;\n\n    if (loading && (!items || !items.length)) {\n      return (\n        <Menu\n          maxHeight={maxHeight}\n          ref={refMenu}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={ComboBoxMenuDataTids.loading}\n        >\n          <MenuMessage size={this.props.size} as=\"div\">\n            <Spinner type=\"mini\" dimmed />\n          </MenuMessage>\n        </Menu>\n      );\n    }\n\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\n      return (\n        <Menu\n          ref={refMenu}\n          maxHeight={maxHeight}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={ComboBoxMenuDataTids.failed}\n        >\n          <MenuMessage size={this.props.size} key=\"message\">\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuMessage>\n          <MenuItem link onClick={this.getProps().repeatRequest} size={this.props.size} key=\"retry\" isMobile={isMobile}>\n            {errorNetworkButton}\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if ((isNullable(items) || items.length === 0) && renderNotFound) {\n      const notFoundValue = renderNotFound();\n      if (renderAddButton) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            {renderAddButton}\n          </Menu>\n        );\n      }\n\n      if (notFoundValue) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            <MenuMessage size={this.props.size} data-tid={ComboBoxMenuDataTids.notFound}>\n              {notFoundValue}\n            </MenuMessage>\n          </Menu>\n        );\n      }\n\n      return null;\n    }\n\n    let total = null;\n    const renderedItems = items && items.map(this.renderItem);\n    const menuItems = renderedItems?.filter((item) => {\n      return isMenuItem(item);\n    });\n    const countItems = menuItems?.length;\n    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {\n      total = (\n        <MenuFooter size={this.props.size} key=\"total\">\n          <div>{renderTotalCount(countItems, totalCount)}</div>\n        </MenuFooter>\n      );\n    }\n\n    return (\n      <Menu\n        id={this.props.menuId}\n        data-tid={ComboBoxMenuDataTids.items}\n        ref={refMenu}\n        maxHeight={maxHeight}\n        hasMargin={this.props.hasMargin}\n        disableScrollContainer={isMobile}\n      >\n        {renderedItems}\n        {total}\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\n      </Menu>\n    );\n  }\n\n  private renderItem = (item: ComboBoxExtendedItem<T>, index: number): React.ReactNode => {\n    // NOTE this is undesireable feature, better\n    // to remove it from further versions\n    const { renderItem, onValueChange, itemWrapper } = this.props;\n\n    if (!isSimpleItem<T>(item)) {\n      const element = isFunction(item) ? item() : item;\n      const props = Object.assign(\n        {\n          key: index,\n          onClick: () => onValueChange(element.props),\n        },\n        element.props,\n      );\n      return React.cloneElement(element, props);\n    }\n\n    return (\n      <MenuItem\n        component={itemWrapper?.(item)}\n        data-tid={ComboBoxMenuDataTids.item}\n        onClick={() => onValueChange(item)}\n        key={index}\n        size={this.props.size}\n        isMobile={this.props.isMobile}\n      >\n        {(state) => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n\nfunction isSimpleItem<T>(item: ComboBoxExtendedItem<T>): item is T {\n  return !isFunction(item) && !React.isValidElement(item);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_decorators","_Menu","_MenuItem","_Spinner","_MenuSeparator","_createPropsGetter","_MenuMessage","_ThemeContext","_MenuFooter","_CustomComboBoxTypes","_locale","_dec","_class","_ComboBoxMenu","ComboBoxMenuDataTids","exports","loading","failed","notFound","items","item","ComboBoxMenu","locale","CustomComboBoxLocaleHelper","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","renderItem","index","_this$props","props","onValueChange","itemWrapper","isSimpleItem","element","isFunction","Object","assign","key","onClick","React","cloneElement","default","createElement","MenuItem","component","size","isMobile","state","_inheritsLoose2","_proto","prototype","render","_this2","ThemeContext","Consumer","theme","Provider","value","renderMain","_this$props2","opened","totalCount","refMenu","_this$props2$renderNo","renderNotFound","renderTotalCount","maxMenuHeight","requestStatus","_this$locale","errorNetworkButton","errorNetworkMessage","renderAddButton","maxHeight","Menu","ref","hasMargin","disableScrollContainer","id","menuId","MenuDataTids","root","MenuMessage","as","Spinner","type","dimmed","ComboBoxRequestStatus","Failed","style","maxWidth","whiteSpace","link","repeatRequest","isNullable","notFoundValue","total","renderedItems","map","menuItems","filter","isMenuItem","countItems","MenuFooter","MenuSeparator","Component","__KONTUR_REACT_UI__","displayName","undefined","Unknown","isValidElement"],"sources":["ComboBoxMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunction, isNullable } from '../../lib/utils';\nimport { locale } from '../../lib/locale/decorators';\nimport { Menu, MenuDataTids } from '../Menu';\nimport type { MenuItemState } from '../../components/MenuItem';\nimport { isMenuItem, MenuItem } from '../../components/MenuItem';\nimport { Spinner } from '../../components/Spinner';\nimport type { Nullable } from '../../typings/utility-types';\nimport { MenuSeparator } from '../../components/MenuSeparator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { MenuMessage } from '../MenuMessage';\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { MenuFooter } from '../../components/MenuFooter';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport type { ComboBoxLocale } from './locale';\nimport { CustomComboBoxLocaleHelper } from './locale';\n\nexport interface ComboBoxMenuProps<T> {\n  opened?: boolean;\n  items?: Nullable<Array<ComboBoxExtendedItem<T>>>;\n  totalCount?: number;\n  loading?: boolean;\n  hasMargin?: boolean;\n  maxMenuHeight?: number | string;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\n  itemWrapper?: (item: T) => React.ComponentType;\n  onValueChange: (value: T) => any;\n  renderAddButton?: () => React.ReactNode;\n  caption?: React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  isMobile?: boolean;\n  menuId?: string;\n  size?: SizeProp;\n}\n\nexport const ComboBoxMenuDataTids = {\n  loading: 'ComboBoxMenu__loading',\n  failed: 'ComboBoxMenu__failed',\n  notFound: 'ComboBoxMenu__notFound',\n  items: 'ComboBoxMenu__items',\n  item: 'ComboBoxMenu__item',\n} as const;\n\ntype DefaultProps<T> = Required<Pick<ComboBoxMenuProps<T>, 'repeatRequest' | 'requestStatus'>>;\n\n@locale('ComboBox', CustomComboBoxLocaleHelper)\nexport class ComboBoxMenu<T> extends React.Component<ComboBoxMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\n  public static displayName = 'ComboBoxMenu';\n\n  public static defaultProps: DefaultProps<unknown> = {\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n  };\n\n  private getProps = createPropsGetter(ComboBoxMenu.defaultProps);\n\n  private readonly locale!: ComboBoxLocale;\n\n  private theme!: Theme;\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const {\n      opened,\n      items,\n      totalCount,\n      loading,\n      refMenu,\n      renderNotFound = () => notFound,\n      renderTotalCount,\n      maxMenuHeight,\n      isMobile,\n    } = this.props;\n\n    const requestStatus = this.getProps().requestStatus;\n\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\n\n    if (!opened) {\n      return null;\n    }\n\n    let renderAddButton = null;\n    if (this.props.renderAddButton) {\n      renderAddButton = this.props.renderAddButton();\n    }\n\n    const maxHeight = isMobile ? 'auto' : maxMenuHeight;\n\n    if (loading && (!items || !items.length)) {\n      return (\n        <Menu\n          maxHeight={maxHeight}\n          ref={refMenu}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.loading} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} as=\"div\">\n            <Spinner type=\"mini\" dimmed />\n          </MenuMessage>\n        </Menu>\n      );\n    }\n\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\n      return (\n        <Menu\n          ref={refMenu}\n          maxHeight={maxHeight}\n          hasMargin={this.props.hasMargin}\n          disableScrollContainer={isMobile}\n          id={this.props.menuId}\n          data-tid={`${ComboBoxMenuDataTids.failed} ${MenuDataTids.root}`}\n        >\n          <MenuMessage size={this.props.size} key=\"message\">\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuMessage>\n          <MenuItem link onClick={this.getProps().repeatRequest} size={this.props.size} key=\"retry\" isMobile={isMobile}>\n            {errorNetworkButton}\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if ((isNullable(items) || items.length === 0) && renderNotFound) {\n      const notFoundValue = renderNotFound();\n      if (renderAddButton) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            {renderAddButton}\n          </Menu>\n        );\n      }\n\n      if (notFoundValue) {\n        return (\n          <Menu\n            id={this.props.menuId}\n            hasMargin={this.props.hasMargin}\n            maxHeight={maxHeight}\n            ref={refMenu}\n            disableScrollContainer={isMobile}\n          >\n            <MenuMessage size={this.props.size} data-tid={ComboBoxMenuDataTids.notFound}>\n              {notFoundValue}\n            </MenuMessage>\n          </Menu>\n        );\n      }\n\n      return null;\n    }\n\n    let total = null;\n    const renderedItems = items && items.map(this.renderItem);\n    const menuItems = renderedItems?.filter((item) => {\n      return isMenuItem(item);\n    });\n    const countItems = menuItems?.length;\n    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {\n      total = (\n        <MenuFooter size={this.props.size} key=\"total\">\n          <div>{renderTotalCount(countItems, totalCount)}</div>\n        </MenuFooter>\n      );\n    }\n\n    return (\n      <Menu\n        id={this.props.menuId}\n        data-tid={`${ComboBoxMenuDataTids.items} ${MenuDataTids.root}`}\n        ref={refMenu}\n        maxHeight={maxHeight}\n        hasMargin={this.props.hasMargin}\n        disableScrollContainer={isMobile}\n      >\n        {renderedItems}\n        {total}\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\n      </Menu>\n    );\n  }\n\n  private renderItem = (item: ComboBoxExtendedItem<T>, index: number): React.ReactNode => {\n    // NOTE this is undesireable feature, better\n    // to remove it from further versions\n    const { renderItem, onValueChange, itemWrapper } = this.props;\n\n    if (!isSimpleItem<T>(item)) {\n      const element = isFunction(item) ? item() : item;\n      const props = Object.assign(\n        {\n          key: index,\n          onClick: () => onValueChange(element.props),\n        },\n        element.props,\n      );\n      return React.cloneElement(element, props);\n    }\n\n    return (\n      <MenuItem\n        component={itemWrapper?.(item)}\n        data-tid={ComboBoxMenuDataTids.item}\n        onClick={() => onValueChange(item)}\n        key={index}\n        size={this.props.size}\n        isMobile={this.props.isMobile}\n      >\n        {(state) => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n\nfunction isSimpleItem<T>(item: ComboBoxExtendedItem<T>): item is T {\n  return !isFunction(item) && !React.isValidElement(item);\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/internal/CustomComboBox/ComboBoxView.d.ts

@@ -1,111 +1,122 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { Input, InputIconType } from '../../components/Input';
-import { InputLikeText } from '../InputLikeText';
-import { Menu } from '../Menu';
-import { MenuItemState } from '../../components/MenuItem';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../CommonWrapper';
-import { ComboBoxExtendedItem } from '../../components/ComboBox';
-import { SizeProp } from '../../lib/types/props';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
-    align?: 'left' | 'center' | 'right';
-    autoFocus?: boolean;
-    borderless?: boolean;
-    disablePortal?: boolean;
-    disabled?: boolean;
-    editing?: boolean;
-    /**
-     * Cостояние валидации при ошибке.
-     */
-    error?: boolean;
-    items?: Nullable<Array<ComboBoxExtendedItem<T>>>;
-    loading?: boolean;
-    /**
-     * Позволяет вручную задать текущую позицию выпадающего окна
-     */
-    menuPos?: 'top' | 'bottom';
-    menuAlign?: 'left' | 'right';
-    opened?: boolean;
-    drawArrow?: boolean;
-    placeholder?: string;
-    size?: SizeProp;
-    textValue?: string;
-    totalCount?: number;
-    value?: Nullable<T>;
-    /**
-     * Cостояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    width?: string | number;
-    maxLength?: number;
-    maxMenuHeight?: number | string;
-    leftIcon?: InputIconType;
-    rightIcon?: InputIconType;
-    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
-    onValueChange?: (value: T) => void;
-    onClickOutside?: (e: Event) => void;
-    onFocus?: () => void;
-    onMobileClose?: () => void;
-    onFocusOutside?: () => void;
-    onInputBlur?: () => void;
-    onInputValueChange?: (value: string) => void;
-    onInputFocus?: () => void;
-    onInputClick?: () => void;
-    onInputKeyDown?: (e: React.KeyboardEvent) => void;
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    onMouseOver?: (e: React.MouseEvent) => void;
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    renderItem?: (item: T, state: MenuItemState) => React.ReactNode;
-    itemWrapper?: (item: T) => React.ComponentType;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderValue?: (item: T) => React.ReactNode;
-    renderAddButton?: (query?: string) => React.ReactNode;
-    repeatRequest?: () => void;
-    requestStatus?: ComboBoxRequestStatus;
-    refInput?: (input: Nullable<Input>) => void;
-    refMenu?: (menu: Nullable<Menu>) => void;
-    refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;
-}
-type DefaultProps<T> = Required<Pick<ComboBoxViewProps<T>, 'renderItem' | 'renderValue' | 'renderAddButton' | 'repeatRequest' | 'requestStatus' | 'onClickOutside' | 'onFocusOutside' | 'size' | 'width'>>;
-export declare const ComboBoxViewIds: {
-    menu: string;
-};
-interface ComboBoxViewState {
-    anchorElement: Nullable<Element>;
-}
-export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps<unknown>;
-    private getProps;
-    private input;
-    private setRootNode;
-    private mobileInput;
-    private isMobileLayout;
-    private dropdownContainerRef;
-    private theme;
-    private menuId;
-    state: {
-        anchorElement: null;
-    };
-    componentDidMount(): void;
-    updateAnchorElement(): void;
-    componentDidUpdate(prevProps: ComboBoxViewProps<T>): void;
-    render(): React.JSX.Element;
-    renderMain(): React.JSX.Element;
-    private getComboBoxMenu;
-    private renderMenu;
-    private renderMobileMenu;
-    private getParent;
-    private renderAddButton;
-    private renderInput;
-    private handleMobileFocus;
-    private handleItemSelect;
-    private refInput;
-    private renderSpinner;
-    private getRightIcon;
-    private refMobileInput;
-}
-export {};
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { InputIconType, ShowClearIcon } from '../../components/Input';
+import { Input } from '../../components/Input';
+import { InputLikeText } from '../InputLikeText';
+import type { Menu } from '../Menu';
+import type { MenuItemState } from '../../components/MenuItem';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { ComboBoxExtendedItem, ComboBoxViewMode } from '../../components/ComboBox';
+import type { SizeProp } from '../../lib/types/props';
+import { InternalTextareaWithLayout } from '../InternalTextareaWithLayout/InternalTextareaWithLayout';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+interface ComboBoxViewProps<T> extends Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'>, CommonProps {
+    align?: 'left' | 'center' | 'right';
+    autoFocus?: boolean;
+    borderless?: boolean;
+    disablePortal?: boolean;
+    disabled?: boolean;
+    editing?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     */
+    error?: boolean;
+    items?: Nullable<Array<ComboBoxExtendedItem<T>>>;
+    loading?: boolean;
+    /**
+     * Позволяет вручную задать текущую позицию выпадающего окна
+     */
+    menuPos?: 'top' | 'bottom';
+    menuAlign?: 'left' | 'right';
+    opened?: boolean;
+    drawArrow?: boolean;
+    placeholder?: string;
+    size?: SizeProp;
+    textValue?: string;
+    totalCount?: number;
+    value?: Nullable<T>;
+    showClearIcon?: ShowClearIcon;
+    /**
+     * Cостояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    width?: string | number;
+    maxLength?: number;
+    maxMenuHeight?: number | string;
+    leftIcon?: InputIconType;
+    rightIcon?: InputIconType;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    onValueChange?: (value: T) => void;
+    onClickOutside?: (e: Event) => void;
+    onFocus?: () => void;
+    onMobileClose?: () => void;
+    onFocusOutside?: () => void;
+    onInputBlur?: () => void;
+    onInputValueChange?: (value: string) => void;
+    onInputFocus?: () => void;
+    onInputClick?: () => void;
+    onClearCrossClick?: () => void;
+    onInputKeyDown?: (e: React.KeyboardEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseOver?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    renderItem?: (item: T, state: MenuItemState) => React.ReactNode;
+    itemWrapper?: (item: T) => React.ComponentType;
+    renderNotFound?: () => React.ReactNode;
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    renderValue?: (item: T) => React.ReactNode;
+    renderAddButton?: (query?: string) => React.ReactNode;
+    repeatRequest?: () => void;
+    requestStatus?: ComboBoxRequestStatus;
+    refInput?: (input: Nullable<Input | InternalTextareaWithLayout>) => void;
+    refMenu?: (menu: Nullable<Menu>) => void;
+    refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;
+    viewMode?: ComboBoxViewMode;
+    maxRows?: number;
+}
+type DefaultProps<T> = Required<Pick<ComboBoxViewProps<T>, 'renderItem' | 'renderValue' | 'renderAddButton' | 'repeatRequest' | 'requestStatus' | 'onClickOutside' | 'onFocusOutside' | 'size' | 'width' | 'showClearIcon'>>;
+export declare const ComboBoxViewIds: {
+    menu: string;
+};
+interface ComboBoxViewState {
+    anchorElement: Nullable<Element>;
+    clearCrossShowed: boolean;
+}
+export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, ComboBoxViewState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps<unknown>;
+    private getProps;
+    getRootNode: TGetRootNode;
+    private input;
+    private setRootNode;
+    private mobileInput;
+    private isMobileLayout;
+    private dropdownContainerRef;
+    private theme;
+    private menuId;
+    state: {
+        anchorElement: null;
+        clearCrossShowed: boolean;
+    };
+    componentDidMount(): void;
+    updateAnchorElement(): void;
+    componentDidUpdate(prevProps: ComboBoxViewProps<T>): void;
+    render(): React.JSX.Element;
+    renderMain(): React.JSX.Element;
+    private getComboBoxMenu;
+    private renderMenu;
+    private renderMobileMenu;
+    private getParent;
+    private renderAddButton;
+    private renderInput;
+    private handleMobileFocus;
+    private handleItemSelect;
+    private refInput;
+    private renderSpinner;
+    private getRightIcon;
+    private refMobileInput;
+}
+export {};