@skbkontur/react-ui 0.0.0-7dc91ef93e → 0.0.0-7f260475fb

package/internal/ComponentCombinator.js

@@ -0,0 +1,77 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import React from 'react';
+import { createPropsGetter } from '../lib/createPropsGetter.js';
+import { ComponentTable } from './ComponentTable.js';
+var ComponentCombinator = /** @class */ (function (_super) {
+    __extends(ComponentCombinator, _super);
+    function ComponentCombinator() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(ComponentCombinator.defaultProps);
+        _this.state = {
+            page: 0,
+        };
+        _this.prevPage = function () {
+            _this.setState(function (_a) {
+                var page = _a.page;
+                return ({
+                    page: page - 1,
+                });
+            });
+        };
+        _this.nextPage = function () {
+            _this.setState(function (_a) {
+                var page = _a.page;
+                return ({
+                    page: page + 1,
+                });
+            });
+        };
+        return _this;
+    }
+    ComponentCombinator.prototype.render = function () {
+        var _a;
+        var page = this.state.page;
+        var _b = this.props, combinations = _b.combinations, Component = _b.Component;
+        var _c = this.getProps(), presetProps = _c.presetProps, presetState = _c.presetState;
+        var pages = [];
+        var row = 0;
+        var sizes = combinations.map(function (c) { return c.length; });
+        var flatCombinations = (_a = []).concat.apply(_a, combinations);
+        for (var j = 0; j < sizes.length - 1; j++) {
+            pages.push({
+                offsetX: row,
+                offsetY: (row += sizes[j]),
+            });
+        }
+        var pageOffsets = pages[page];
+        return (React.createElement("div", null,
+            React.createElement("div", { id: "paginator", style: { marginBottom: 5 } },
+                React.createElement("button", { disabled: page === 0, id: "prev-page", onClick: this.prevPage }, "Prev"),
+                ' ',
+                React.createElement("small", null, "".concat(page + 1, " / ").concat(pages.length)),
+                ' ',
+                React.createElement("button", { disabled: page + 1 >= pages.length, id: "next-page", onClick: this.nextPage }, "Next")),
+            React.createElement("div", null, pageOffsets && (React.createElement(ComponentTable, { key: page, Component: Component, presetProps: presetProps, presetState: presetState, rows: flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length), cols: flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY) })))));
+    };
+    ComponentCombinator.defaultProps = {
+        presetProps: {},
+        presetState: {},
+    };
+    return ComponentCombinator;
+}(React.Component));
+export { ComponentCombinator };
+//# sourceMappingURL=ComponentCombinator.js.map

package/internal/ComponentCombinator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentCombinator.js","sourceRoot":"","sources":["../../internal/ComponentCombinator.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { DefaultizeProps } from '../lib/utils.js';\nimport { createPropsGetter } from '../lib/createPropsGetter.js';\n\nimport type { StatePropsCombinations, StateType } from './ComponentTable.js';\nimport { ComponentTable } from './ComponentTable.js';\n\nexport interface ComponentCombinatorProps<C, P, S> {\n  combinations: Array<StatePropsCombinations<P, S>>;\n  Component: C;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n}\n\ntype DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;\n\nexport class ComponentCombinator<\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  ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>,\n  { page: number }\n> {\n  public static defaultProps: DefaultProps<unknown, unknown, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentCombinator.defaultProps);\n\n  public state = {\n    page: 0,\n  };\n\n  public render() {\n    const { page } = this.state;\n    const { combinations, Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    const pages = [];\n    let row = 0;\n    const sizes = combinations.map((c) => c.length);\n    const flatCombinations = ([] as (typeof combinations)[0]).concat(...combinations);\n\n    for (let j = 0; j < sizes.length - 1; j++) {\n      pages.push({\n        offsetX: row,\n        offsetY: (row += sizes[j]),\n      });\n    }\n\n    const pageOffsets = pages[page];\n    return (\n      <div>\n        <div id=\"paginator\" style={{ marginBottom: 5 }}>\n          <button disabled={page === 0} id=\"prev-page\" onClick={this.prevPage}>\n            Prev\n          </button>{' '}\n          <small>{`${page + 1} / ${pages.length}`}</small>{' '}\n          <button disabled={page + 1 >= pages.length} id=\"next-page\" onClick={this.nextPage}>\n            Next\n          </button>\n        </div>\n        <div>\n          {pageOffsets && (\n            <ComponentTable\n              key={page}\n              Component={Component}\n              presetProps={presetProps as DefaultizeProps<C, P>}\n              presetState={presetState}\n              rows={flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length)}\n              cols={flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private prevPage = () => {\n    this.setState(({ page }) => ({\n      page: page - 1,\n    }));\n  };\n\n  private nextPage = () => {\n    this.setState(({ page }) => ({\n      page: page + 1,\n    }));\n  };\n}\n"]}

package/internal/ComponentTable.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
-interface StatePropsObject<P, S> {
-    props?: Partial<P>;
-    state?: Partial<S>;
-}
-export 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.js';
+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/internal/ComponentTable.js

@@ -0,0 +1,98 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { isFunctionalComponent } from '../lib/utils.js';
+import { createPropsGetter } from '../lib/createPropsGetter.js';
+// TODO We should output state too
+var renderPropsDesc = function (props) {
+    return Object.keys(props)
+        .map(function (key) {
+        var value = props[key];
+        switch (typeof value) {
+            case 'boolean':
+                return value ? key : "".concat(key, ": false");
+            case 'string':
+                return "".concat(key, ": \"").concat(value, "\"");
+            case 'object':
+                if (React.isValidElement(value)) {
+                    return React.createElement('span', {}, ["".concat(key, ": "), value]);
+                }
+                return "".concat(key, ": ").concat(JSON.stringify(value));
+            default:
+                return "".concat(key, ": ").concat(value);
+        }
+    })
+        .map(function (node, index, nodes) { return (React.createElement("span", { key: index },
+        node,
+        " ",
+        index + 1 < nodes.length ? ', ' : null)); });
+};
+var ComponentTable = /** @class */ (function (_super) {
+    __extends(ComponentTable, _super);
+    function ComponentTable() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(ComponentTable.defaultProps);
+        return _this;
+    }
+    ComponentTable.prototype.render = function () {
+        var _a = this.props, _b = _a.rows, rows = _b === void 0 ? [] : _b, _c = _a.cols, cols = _c === void 0 ? [] : _c, Component = _a.Component;
+        var _d = this.getProps(), presetProps = _d.presetProps, presetState = _d.presetState;
+        return (React.createElement("table", { style: { borderSpacing: 10, marginBottom: 20 } },
+            React.createElement("caption", { style: { captionSide: 'bottom' } }, renderPropsDesc(presetProps)),
+            React.createElement("thead", null,
+                React.createElement("tr", null,
+                    React.createElement("th", null),
+                    cols.map(function (_a, i) {
+                        var _b = _a.props, colProps = _b === void 0 ? {} : _b;
+                        return (React.createElement("th", { style: { whiteSpace: 'nowrap' }, key: i }, renderPropsDesc(colProps)));
+                    }))),
+            React.createElement("tbody", null, rows.map(function (_a, rowIndex) {
+                var _b = _a.props, rowProps = _b === void 0 ? {} : _b, _c = _a.state, rowState = _c === void 0 ? {} : _c;
+                return (React.createElement("tr", { key: rowIndex },
+                    React.createElement("td", { style: { whiteSpace: 'nowrap' } }, renderPropsDesc(rowProps)),
+                    cols.map(function (_a, colIndex) {
+                        var _b = _a.props, colProps = _b === void 0 ? {} : _b, _c = _a.state, colState = _c === void 0 ? {} : _c;
+                        return (React.createElement("td", { key: colIndex },
+                            React.createElement(Component, __assign({}, presetProps, rowProps, colProps, { ref: 
+                                // NOTE Call setState from outside is bad practice, but here it needed for test state combinations
+                                isFunctionalComponent(Component)
+                                    ? undefined
+                                    : function (el) {
+                                        return el &&
+                                            el.setState(function (state) { return (__assign(__assign(__assign(__assign({}, state), presetState), rowState), colState)); });
+                                    } }))));
+                    })));
+            }))));
+    };
+    ComponentTable.defaultProps = {
+        presetProps: {},
+        presetState: {},
+    };
+    return ComponentTable;
+}(React.Component));
+export { ComponentTable };
+//# sourceMappingURL=ComponentTable.js.map

package/internal/ComponentTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentTable.js","sourceRoot":"","sources":["../../internal/ComponentTable.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type { DefaultizeProps } from '../lib/utils.js';\nimport { isFunctionalComponent } from '../lib/utils.js';\nimport { createPropsGetter } from '../lib/createPropsGetter.js';\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"]}

package/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.js").ReactUIIconWithRef<SVGSVGElement, Omit<import("../icons2022/BaseIcon.js").IconProps, "size"> & {
+    size?: import("../icons2022/BaseIcon.js").IconProps["size"] | import("../icons2022/iconConstants.js").IconSizeAliases;
+}>;

package/internal/CustomComboBox/ArrowDownIcon.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ArrowCDownIcon16Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular.js';
+import { ArrowCDownIcon20Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular.js';
+import { ArrowCDownIcon24Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular.js';
+import { iconSizer } from '../icons2022/iconSizer.js';
+export var ArrowDownIcon = iconSizer({
+    small: function () { return React.createElement(ArrowCDownIcon16Regular, null); },
+    medium: function () { return React.createElement(ArrowCDownIcon20Regular, null); },
+    large: function () { return React.createElement(ArrowCDownIcon24Regular, null); },
+}, 'ArrowDownIcon');
+//# sourceMappingURL=ArrowDownIcon.js.map

package/internal/CustomComboBox/ArrowDownIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowDownIcon.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/ArrowDownIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,wDAAwD,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,wDAAwD,CAAC;AACjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,wDAAwD,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,MAAM,CAAC,IAAM,aAAa,GAAG,SAAS,CACpC;IACE,KAAK,EAAE,cAAM,OAAA,oBAAC,uBAAuB,OAAG,EAA3B,CAA2B;IACxC,MAAM,EAAE,cAAM,OAAA,oBAAC,uBAAuB,OAAG,EAA3B,CAA2B;IACzC,KAAK,EAAE,cAAM,OAAA,oBAAC,uBAAuB,OAAG,EAA3B,CAA2B;CACzC,EACD,eAAe,CAChB,CAAC","sourcesContent":["import React from 'react';\n\nimport { ArrowCDownIcon16Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular.js';\nimport { ArrowCDownIcon20Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular.js';\nimport { ArrowCDownIcon24Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular.js';\nimport { iconSizer } from '../icons2022/iconSizer.js';\n\nexport const ArrowDownIcon = iconSizer(\n  {\n    small: () => <ArrowCDownIcon16Regular />,\n    medium: () => <ArrowCDownIcon20Regular />,\n    large: () => <ArrowCDownIcon24Regular />,\n  },\n  'ArrowDownIcon',\n);\n"]}

package/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/index.js';
+import type { MenuItemState } from '../../components/MenuItem/index.js';
+import type { Nullable } from '../../typings/utility-types.js';
+import type { ComboBoxExtendedItem } from '../../components/ComboBox/index.js';
+import type { SizeProp } from '../../lib/types/props.js';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
+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/internal/CustomComboBox/ComboBoxMenu.js

@@ -0,0 +1,136 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import { isFunction, isNullable } from '../../lib/utils.js';
+import { locale } from '../../lib/locale/decorators.js';
+import { Menu, MenuDataTids } from '../Menu/index.js';
+import { isMenuItem, MenuItem } from '../../components/MenuItem/index.js';
+import { Spinner } from '../../components/Spinner/index.js';
+import { MenuSeparator } from '../../components/MenuSeparator/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { MenuMessage } from '../MenuMessage/index.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { MenuFooter } from '../../components/MenuFooter/index.js';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';
+import { CustomComboBoxLocaleHelper } from './locale/index.js';
+export var ComboBoxMenuDataTids = {
+    loading: 'ComboBoxMenu__loading',
+    failed: 'ComboBoxMenu__failed',
+    notFound: 'ComboBoxMenu__notFound',
+    items: 'ComboBoxMenu__items',
+    item: 'ComboBoxMenu__item',
+};
+var ComboBoxMenu = /** @class */ (function (_super) {
+    __extends(ComboBoxMenu, _super);
+    function ComboBoxMenu() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.getProps = createPropsGetter(ComboBoxMenu_1.defaultProps);
+        _this.renderItem = function (item, index) {
+            // NOTE this is undesireable feature, better
+            // to remove it from further versions
+            var _a = _this.props, renderItem = _a.renderItem, onValueChange = _a.onValueChange, itemWrapper = _a.itemWrapper;
+            if (!isSimpleItem(item)) {
+                var element_1 = isFunction(item) ? item() : item;
+                var props = Object.assign({
+                    key: index,
+                    onClick: function () { return onValueChange(element_1.props); },
+                }, element_1.props);
+                return React.cloneElement(element_1, props);
+            }
+            return (React.createElement(MenuItem, { component: itemWrapper === null || itemWrapper === void 0 ? void 0 : itemWrapper(item), "data-tid": ComboBoxMenuDataTids.item, onClick: function () { return onValueChange(item); }, key: index, size: _this.props.size, isMobile: _this.props.isMobile }, function (state) { return renderItem(item, state); }));
+        };
+        return _this;
+    }
+    ComboBoxMenu_1 = ComboBoxMenu;
+    ComboBoxMenu.prototype.render = function () {
+        var _this = this;
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = theme;
+            return React.createElement(ThemeContext.Provider, { value: _this.theme }, _this.renderMain());
+        }));
+    };
+    ComboBoxMenu.prototype.renderMain = function () {
+        var _a = this.props, opened = _a.opened, items = _a.items, totalCount = _a.totalCount, loading = _a.loading, refMenu = _a.refMenu, _b = _a.renderNotFound, renderNotFound = _b === void 0 ? function () { return notFound; } : _b, renderTotalCount = _a.renderTotalCount, maxMenuHeight = _a.maxMenuHeight, isMobile = _a.isMobile;
+        var requestStatus = this.getProps().requestStatus;
+        var _c = this.locale, notFound = _c.notFound, errorNetworkButton = _c.errorNetworkButton, errorNetworkMessage = _c.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 (React.createElement(Menu, { maxHeight: maxHeight, ref: refMenu, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": "".concat(ComboBoxMenuDataTids.loading, " ").concat(MenuDataTids.root) },
+                React.createElement(MenuMessage, { size: this.props.size, as: "div" },
+                    React.createElement(Spinner, { type: "mini", dimmed: true }))));
+        }
+        if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {
+            return (React.createElement(Menu, { ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": "".concat(ComboBoxMenuDataTids.failed, " ").concat(MenuDataTids.root) },
+                React.createElement(MenuMessage, { size: this.props.size, key: "message" },
+                    React.createElement("div", { style: { maxWidth: 300, whiteSpace: 'normal' } }, errorNetworkMessage)),
+                React.createElement(MenuItem, { link: true, onClick: this.getProps().repeatRequest, size: this.props.size, key: "retry", isMobile: isMobile }, errorNetworkButton)));
+        }
+        if ((isNullable(items) || items.length === 0) && renderNotFound) {
+            var notFoundValue = renderNotFound();
+            if (renderAddButton) {
+                return (React.createElement(Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, renderAddButton));
+            }
+            if (notFoundValue) {
+                return (React.createElement(Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile },
+                    React.createElement(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 || renderedItems === void 0 ? void 0 : renderedItems.filter(function (item) {
+            return isMenuItem(item);
+        });
+        var countItems = menuItems === null || menuItems === void 0 ? void 0 : menuItems.length;
+        if (countItems && renderTotalCount && totalCount && countItems < totalCount) {
+            total = (React.createElement(MenuFooter, { size: this.props.size, key: "total" },
+                React.createElement("div", null, renderTotalCount(countItems, totalCount))));
+        }
+        return (React.createElement(Menu, { id: this.props.menuId, "data-tid": "".concat(ComboBoxMenuDataTids.items, " ").concat(MenuDataTids.root), ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile },
+            renderedItems,
+            total,
+            renderAddButton && [React.createElement(MenuSeparator, { key: "separator" }), renderAddButton]));
+    };
+    var ComboBoxMenu_1;
+    ComboBoxMenu.__KONTUR_REACT_UI__ = 'ComboBoxMenu';
+    ComboBoxMenu.displayName = 'ComboBoxMenu';
+    ComboBoxMenu.defaultProps = {
+        repeatRequest: function () { return undefined; },
+        requestStatus: ComboBoxRequestStatus.Unknown,
+    };
+    ComboBoxMenu = ComboBoxMenu_1 = __decorate([
+        locale('ComboBox', CustomComboBoxLocaleHelper)
+    ], ComboBoxMenu);
+    return ComboBoxMenu;
+}(React.Component));
+export { ComboBoxMenu };
+function isSimpleItem(item) {
+    return !isFunction(item) && !React.isValidElement(item);
+}
+//# sourceMappingURL=ComboBoxMenu.js.map

package/internal/CustomComboBox/ComboBoxMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxMenu.js","sourceRoot":"","sources":["../../../internal/CustomComboBox/ComboBoxMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isFunction, isNullable } from '../../lib/utils.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { Menu, MenuDataTids } from '../Menu/index.js';\nimport type { MenuItemState } from '../../components/MenuItem/index.js';\nimport { isMenuItem, MenuItem } from '../../components/MenuItem/index.js';\nimport { Spinner } from '../../components/Spinner/index.js';\nimport type { Nullable } from '../../typings/utility-types.js';\nimport { MenuSeparator } from '../../components/MenuSeparator/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { MenuMessage } from '../MenuMessage/index.js';\nimport type { ComboBoxExtendedItem } from '../../components/ComboBox/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { MenuFooter } from '../../components/MenuFooter/index.js';\nimport type { SizeProp } from '../../lib/types/props.js';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes.js';\nimport type { ComboBoxLocale } from './locale/index.js';\nimport { CustomComboBoxLocaleHelper } from './locale/index.js';\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"]}