@skbkontur/react-ui 0.0.0-80ce75eca6 → 0.0.0-85ea551f96

package/internal/CommonWrapper/CommonWrapper.d.ts

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

package/internal/CommonWrapper/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './CommonWrapper';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './CommonWrapper';\n"]}

package/internal/ComponentCombinator/ComponentCombinator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComponentCombinator.tsx"],"names":["React","ComponentTable","ComponentCombinator","state","page","prevPage","setState","nextPage","render","props","combinations","Component","presetProps","presetState","pages","row","sizes","map","c","length","flatCombinations","concat","j","push","offsetX","offsetY","pageOffsets","marginBottom","slice","defaultProps","states"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAIA,SAASC,cAAT,QAAkE,kBAAlE;;;;;;;;;AASA,WAAaC,mBAAb;;;;;;;;;;;;;;;AAeSC,IAAAA,KAfT,GAeiB;AACbC,MAAAA,IAAI,EAAE,CADO,EAfjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DUC,IAAAA,QA9DV,GA8DqB,YAAM;AACvB,YAAKC,QAAL,CAAc,qBAAGF,IAAH,QAAGA,IAAH,QAAe;AAC3BA,UAAAA,IAAI,EAAEA,IAAI,GAAG,CADc,EAAf,EAAd;;AAGD,KAlEH;;AAoEUG,IAAAA,QApEV,GAoEqB,YAAM;AACvB,YAAKD,QAAL,CAAc,sBAAGF,IAAH,SAAGA,IAAH,QAAe;AAC3BA,UAAAA,IAAI,EAAEA,IAAI,GAAG,CADc,EAAf,EAAd;;AAGD,KAxEH,iEAmBSI,MAnBT,GAmBE,kBAAgB,eACNJ,IADM,GACG,KAAKD,KADR,CACNC,IADM,mBAEgD,KAAKK,KAFrD,CAENC,YAFM,eAENA,YAFM,CAEQC,SAFR,eAEQA,SAFR,CAEmBC,WAFnB,eAEmBA,WAFnB,CAEgCC,WAFhC,eAEgCA,WAFhC,CAGd,IAAMC,KAAK,GAAG,EAAd,CACA,IAAIC,GAAG,GAAG,CAAV,CACA,IAAMC,KAAK,GAAGN,YAAY,CAACO,GAAb,CAAiB,UAAAC,CAAC,UAAIA,CAAC,CAACC,MAAN,EAAlB,CAAd,CACA,IAAMC,gBAAgB,GAAG,SAAC,EAAD,EAA+BC,MAA/B,cAAyCX,YAAzC,CAAzB,CAEA,KAAK,IAAIY,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGN,KAAK,CAACG,MAAN,GAAe,CAAnC,EAAsCG,CAAC,EAAvC,EAA2C,CACzCR,KAAK,CAACS,IAAN,CAAW,EACTC,OAAO,EAAET,GADA,EAETU,OAAO,EAAEV,GAAG,IAAIC,KAAK,CAACM,CAAD,CAFZ,EAAX,EAID,CAED,IAAMI,WAAW,GAAGZ,KAAK,CAACV,IAAD,CAAzB,CACA,oBACE,8CACE,6BAAK,EAAE,EAAC,WAAR,EAAoB,KAAK,EAAE,EAAEuB,YAAY,EAAE,CAAhB,EAA3B,iBACE,gCAAQ,QAAQ,EAAEvB,IAAI,KAAK,CAA3B,EAA8B,EAAE,EAAC,WAAjC,EAA6C,OAAO,EAAE,KAAKC,QAA3D,WADF,EAGY,GAHZ,eAIE,mCAAWD,IAAI,GAAG,CAAlB,WAAyBU,KAAK,CAACK,MAA/B,CAJF,EAImD,GAJnD,eAKE,gCAAQ,QAAQ,EAAEf,IAAI,GAAG,CAAP,IAAYU,KAAK,CAACK,MAApC,EAA4C,EAAE,EAAC,WAA/C,EAA2D,OAAO,EAAE,KAAKZ,QAAzE,WALF,CADF,eAUE,iCACGmB,WAAW,iBACV,oBAAC,cAAD,IACE,GAAG,EAAEtB,IADP,EAEE,SAAS,EAAEO,SAFb,EAGE,WAAW,EAAEC,WAHf,EAIE,WAAW,EAAEC,WAJf,EAKE,IAAI,EAAEO,gBAAgB,CAACQ,KAAjB,CAAuBF,WAAW,CAACD,OAAnC,EAA4CL,gBAAgB,CAACD,MAA7D,CALR,EAME,IAAI,EAAEC,gBAAgB,CAACQ,KAAjB,CAAuBF,WAAW,CAACF,OAAnC,EAA4CE,WAAW,CAACD,OAAxD,CANR,GAFJ,CAVF,CADF,CAyBD,CA5DH,8BAIUzB,KAAK,CAACW,SAJhB,EAAaT,mB,CAQG2B,Y,GAAe,EAC3BpB,KAAK,EAAE,EADoB,EAE3BqB,MAAM,EAAE,EAFmB,EAG3BlB,WAAW,EAAE,EAHc,EAI3BC,WAAW,EAAE,EAJc,E","sourcesContent":["import React from 'react';\r\n\r\nimport { DefaultizeProps } from '../lib/utils';\r\n\r\nimport { ComponentTable, StatePropsCombinations, StateType } from './ComponentTable';\r\n\r\nexport interface ComponentCombinatorProps<C, P, S> {\r\n  combinations: Array<StatePropsCombinations<P, S>>;\r\n  Component: C;\r\n  presetProps: DefaultizeProps<C, P>;\r\n  presetState: Partial<S>;\r\n}\r\n\r\nexport class ComponentCombinator<\r\n  T extends React.Component<any, any, any>,\r\n  C extends React.ComponentType<any>,\r\n  P extends React.ComponentProps<C>\r\n> extends React.Component<\r\n  ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>,\r\n  { page: number }\r\n> {\r\n  public static defaultProps = {\r\n    props: [],\r\n    states: [],\r\n    presetProps: {},\r\n    presetState: {},\r\n  };\r\n\r\n  public state = {\r\n    page: 0,\r\n  };\r\n\r\n  public render() {\r\n    const { page } = this.state;\r\n    const { combinations, Component, presetProps, presetState } = this.props;\r\n    const pages = [];\r\n    let row = 0;\r\n    const sizes = combinations.map(c => c.length);\r\n    const flatCombinations = ([] as typeof combinations[0]).concat(...combinations);\r\n\r\n    for (let j = 0; j < sizes.length - 1; j++) {\r\n      pages.push({\r\n        offsetX: row,\r\n        offsetY: row += sizes[j],\r\n      });\r\n    }\r\n\r\n    const pageOffsets = pages[page];\r\n    return (\r\n      <div>\r\n        <div id=\"paginator\" style={{ marginBottom: 5 }}>\r\n          <button disabled={page === 0} id=\"prev-page\" onClick={this.prevPage}>\r\n            Prev\r\n          </button>{' '}\r\n          <small>{`${page + 1} / ${pages.length}`}</small>{' '}\r\n          <button disabled={page + 1 >= pages.length} id=\"next-page\" onClick={this.nextPage}>\r\n            Next\r\n          </button>\r\n        </div>\r\n        <div>\r\n          {pageOffsets && (\r\n            <ComponentTable\r\n              key={page}\r\n              Component={Component}\r\n              presetProps={presetProps}\r\n              presetState={presetState}\r\n              rows={flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length)}\r\n              cols={flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)}\r\n            />\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private prevPage = () => {\r\n    this.setState(({ page }) => ({\r\n      page: page - 1,\r\n    }));\r\n  };\r\n\r\n  private nextPage = () => {\r\n    this.setState(({ page }) => ({\r\n      page: page + 1,\r\n    }));\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ComponentCombinator.tsx"],"names":["React","ComponentTable","ComponentCombinator","state","page","prevPage","setState","nextPage","render","props","combinations","Component","presetProps","presetState","pages","row","sizes","map","c","length","flatCombinations","concat","j","push","offsetX","offsetY","pageOffsets","marginBottom","slice","defaultProps","states"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAIA,SAASC,cAAT,QAAkE,kBAAlE;;;;;;;;;AASA,WAAaC,mBAAb;;;;;;;;;;;;;;;AAeSC,IAAAA,KAfT,GAeiB;AACbC,MAAAA,IAAI,EAAE,CADO,EAfjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DUC,IAAAA,QA9DV,GA8DqB,YAAM;AACvB,YAAKC,QAAL,CAAc,qBAAGF,IAAH,QAAGA,IAAH,QAAe;AAC3BA,UAAAA,IAAI,EAAEA,IAAI,GAAG,CADc,EAAf,EAAd;;AAGD,KAlEH;;AAoEUG,IAAAA,QApEV,GAoEqB,YAAM;AACvB,YAAKD,QAAL,CAAc,sBAAGF,IAAH,SAAGA,IAAH,QAAe;AAC3BA,UAAAA,IAAI,EAAEA,IAAI,GAAG,CADc,EAAf,EAAd;;AAGD,KAxEH,iEAmBSI,MAnBT,GAmBE,kBAAgB,eACNJ,IADM,GACG,KAAKD,KADR,CACNC,IADM,mBAEgD,KAAKK,KAFrD,CAENC,YAFM,eAENA,YAFM,CAEQC,SAFR,eAEQA,SAFR,CAEmBC,WAFnB,eAEmBA,WAFnB,CAEgCC,WAFhC,eAEgCA,WAFhC,CAGd,IAAMC,KAAK,GAAG,EAAd,CACA,IAAIC,GAAG,GAAG,CAAV,CACA,IAAMC,KAAK,GAAGN,YAAY,CAACO,GAAb,CAAiB,UAACC,CAAD,UAAOA,CAAC,CAACC,MAAT,EAAjB,CAAd,CACA,IAAMC,gBAAgB,GAAG,SAAC,EAAD,EAA+BC,MAA/B,cAAyCX,YAAzC,CAAzB,CAEA,KAAK,IAAIY,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGN,KAAK,CAACG,MAAN,GAAe,CAAnC,EAAsCG,CAAC,EAAvC,EAA2C,CACzCR,KAAK,CAACS,IAAN,CAAW,EACTC,OAAO,EAAET,GADA,EAETU,OAAO,EAAGV,GAAG,IAAIC,KAAK,CAACM,CAAD,CAFb,EAAX,EAID,CAED,IAAMI,WAAW,GAAGZ,KAAK,CAACV,IAAD,CAAzB,CACA,oBACE,8CACE,6BAAK,EAAE,EAAC,WAAR,EAAoB,KAAK,EAAE,EAAEuB,YAAY,EAAE,CAAhB,EAA3B,iBACE,gCAAQ,QAAQ,EAAEvB,IAAI,KAAK,CAA3B,EAA8B,EAAE,EAAC,WAAjC,EAA6C,OAAO,EAAE,KAAKC,QAA3D,WADF,EAGY,GAHZ,eAIE,mCAAWD,IAAI,GAAG,CAAlB,WAAyBU,KAAK,CAACK,MAA/B,CAJF,EAImD,GAJnD,eAKE,gCAAQ,QAAQ,EAAEf,IAAI,GAAG,CAAP,IAAYU,KAAK,CAACK,MAApC,EAA4C,EAAE,EAAC,WAA/C,EAA2D,OAAO,EAAE,KAAKZ,QAAzE,WALF,CADF,eAUE,iCACGmB,WAAW,iBACV,oBAAC,cAAD,IACE,GAAG,EAAEtB,IADP,EAEE,SAAS,EAAEO,SAFb,EAGE,WAAW,EAAEC,WAHf,EAIE,WAAW,EAAEC,WAJf,EAKE,IAAI,EAAEO,gBAAgB,CAACQ,KAAjB,CAAuBF,WAAW,CAACD,OAAnC,EAA4CL,gBAAgB,CAACD,MAA7D,CALR,EAME,IAAI,EAAEC,gBAAgB,CAACQ,KAAjB,CAAuBF,WAAW,CAACF,OAAnC,EAA4CE,WAAW,CAACD,OAAxD,CANR,GAFJ,CAVF,CADF,CAyBD,CA5DH,8BAIUzB,KAAK,CAACW,SAJhB,EAAaT,mB,CAQG2B,Y,GAAe,EAC3BpB,KAAK,EAAE,EADoB,EAE3BqB,MAAM,EAAE,EAFmB,EAG3BlB,WAAW,EAAE,EAHc,EAI3BC,WAAW,EAAE,EAJc,E","sourcesContent":["import React from 'react';\n\nimport { DefaultizeProps } from '../lib/utils';\n\nimport { ComponentTable, StatePropsCombinations, StateType } from './ComponentTable';\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\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 = {\n    props: [],\n    states: [],\n    presetProps: {},\n    presetState: {},\n  };\n\n  public state = {\n    page: 0,\n  };\n\n  public render() {\n    const { page } = this.state;\n    const { combinations, Component, presetProps, presetState } = this.props;\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}\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/ComponentTable.js.map

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

@@ -89,7 +89,8 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
 
     if (loading && (!items || !items.length)) {
       return /*#__PURE__*/React.createElement(Menu, {
-        ref: refMenu
+        ref: refMenu,
+        "data-tid": "ComboBoxMenu__loading"
       }, /*#__PURE__*/React.createElement(MenuItem, {
         disabled: true
       }, /*#__PURE__*/React.createElement(Spinner, {
@@ -101,7 +102,8 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
     if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {
       return /*#__PURE__*/React.createElement(Menu, {
         ref: refMenu,
-        maxHeight: maxMenuHeight
+        maxHeight: maxMenuHeight,
+        "data-tid": "ComboBoxMenu__failed"
       }, /*#__PURE__*/React.createElement(MenuItem, {
         disabled: true,
         key: "message"
@@ -132,8 +134,15 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
     }
 
     var total = null;
+    var renderedItems = items && items.map(this.renderItem); // @ts-ignore // todo fix checking
+
+    var countItems = renderedItems == null ? void 0 : renderedItems.filter(function (item) {
+      var _item$type;
+
+      return (item == null ? void 0 : (_item$type = item.type) == null ? void 0 : _item$type.__KONTUR_REACT_UI__) === 'MenuItem';
+    }).length;
 
-    if (items && renderTotalCount && totalCount && items.length < totalCount) {
+    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {
       total = /*#__PURE__*/React.createElement(MenuItem, {
         disabled: true,
         key: "total"
@@ -141,14 +150,14 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
         style: {
           fontSize: 12
         }
-      }, renderTotalCount(items.length, totalCount)));
+      }, renderTotalCount(countItems, totalCount)));
     }
 
     return /*#__PURE__*/React.createElement(Menu, {
       "data-tid": "ComboBoxMenu__items",
       ref: refMenu,
       maxHeight: maxMenuHeight
-    }, items && items.map(this.renderItem), total, renderAddButton && [/*#__PURE__*/React.createElement(MenuSeparator, {
+    }, renderedItems, total, renderAddButton && [/*#__PURE__*/React.createElement(MenuSeparator, {
       key: "separator"
     }), renderAddButton]);
   };

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

@@ -1 +1 @@
-{"version":3,"sources":["ComboBoxMenu.tsx"],"names":["React","Component","locale","Menu","MenuItem","Spinner","MenuSeparator","ComboBoxRequestStatus","CustomComboBoxLocaleHelper","ComboBoxMenu","renderItem","item","index","props","onValueChange","isValidElement","element","Object","assign","key","onClick","cloneElement","state","render","opened","items","totalCount","loading","refMenu","renderNotFound","notFound","renderTotalCount","maxMenuHeight","requestStatus","errorNetworkButton","errorNetworkMessage","renderAddButton","length","Failed","maxWidth","whiteSpace","repeatRequest","notFoundValue","total","fontSize","map","__KONTUR_REACT_UI__","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Menu } from '../Menu';\r\nimport { MenuItem, MenuItemState } from '../../components/MenuItem';\r\nimport { Spinner } from '../../components/Spinner';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { MenuSeparator } from '../../components/MenuSeparator';\r\n\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\nimport { ComboBoxLocale, CustomComboBoxLocaleHelper } from './locale';\r\n\r\nexport interface ComboBoxMenuProps<T> {\r\n  opened?: boolean;\r\n  items?: Nullable<T[]>;\r\n  totalCount?: number;\r\n  loading?: boolean;\r\n  maxMenuHeight?: number | string;\r\n  refMenu?: (menu: Nullable<Menu>) => void;\r\n  renderNotFound?: () => React.ReactNode;\r\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\r\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\r\n  onValueChange: (value: T) => any;\r\n  renderAddButton?: () => React.ReactNode;\r\n  caption?: React.ReactNode;\r\n  repeatRequest?: () => void;\r\n  requestStatus?: ComboBoxRequestStatus;\r\n}\r\n\r\n@locale('ComboBox', CustomComboBoxLocaleHelper)\r\nexport class ComboBoxMenu<T> extends Component<ComboBoxMenuProps<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\r\n\r\n  public static defaultProps = {\r\n    repeatRequest: () => undefined,\r\n    requestStatus: ComboBoxRequestStatus.Unknown,\r\n  };\r\n\r\n  private readonly locale!: ComboBoxLocale;\r\n\r\n  public render() {\r\n    const {\r\n      opened,\r\n      items,\r\n      totalCount,\r\n      loading,\r\n      refMenu,\r\n      renderNotFound = () => notFound,\r\n      renderTotalCount,\r\n      maxMenuHeight,\r\n      requestStatus,\r\n    } = this.props;\r\n\r\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\r\n\r\n    if (!opened) {\r\n      return null;\r\n    }\r\n\r\n    let renderAddButton = null;\r\n    if (this.props.renderAddButton) {\r\n      renderAddButton = this.props.renderAddButton();\r\n    }\r\n\r\n    if (loading && (!items || !items.length)) {\r\n      return (\r\n        <Menu ref={refMenu}>\r\n          <MenuItem disabled>\r\n            <Spinner type=\"mini\" dimmed />\r\n          </MenuItem>\r\n        </Menu>\r\n      );\r\n    }\r\n\r\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\r\n      return (\r\n        <Menu ref={refMenu} maxHeight={maxMenuHeight}>\r\n          <MenuItem disabled key=\"message\">\r\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\r\n          </MenuItem>\r\n          <MenuItem link onClick={this.props.repeatRequest} key=\"retry\">\r\n            {errorNetworkButton}\r\n          </MenuItem>\r\n        </Menu>\r\n      );\r\n    }\r\n\r\n    if ((items == null || items.length === 0) && renderNotFound) {\r\n      const notFoundValue = renderNotFound();\r\n      if (renderAddButton) return <Menu ref={refMenu}>{renderAddButton}</Menu>;\r\n      if (notFoundValue)\r\n        return (\r\n          <Menu ref={refMenu}>\r\n            <MenuItem data-tid=\"ComboBoxMenu__notFound\" disabled>\r\n              {notFoundValue}\r\n            </MenuItem>\r\n          </Menu>\r\n        );\r\n      return null;\r\n    }\r\n\r\n    let total = null;\r\n    if (items && renderTotalCount && totalCount && items.length < totalCount) {\r\n      total = (\r\n        <MenuItem disabled key=\"total\">\r\n          <div style={{ fontSize: 12 }}>{renderTotalCount(items.length, totalCount)}</div>\r\n        </MenuItem>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Menu data-tid=\"ComboBoxMenu__items\" ref={refMenu} maxHeight={maxMenuHeight}>\r\n        {items && items.map(this.renderItem)}\r\n        {total}\r\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\r\n      </Menu>\r\n    );\r\n  }\r\n\r\n  private renderItem = (item: T, index: number): React.ReactNode => {\r\n    // NOTE this is undesireable feature, better\r\n    // to remove it from further versions\r\n    const { renderItem, onValueChange } = this.props;\r\n    if (typeof item === 'function' || React.isValidElement(item)) {\r\n      // @ts-ignore\r\n      const element = typeof item === 'function' ? item() : item;\r\n      const props = Object.assign(\r\n        {\r\n          key: index,\r\n          onClick: () => onValueChange(element.props),\r\n        },\r\n        element.props,\r\n      );\r\n      return React.cloneElement(element, props);\r\n    }\r\n\r\n    return (\r\n      <MenuItem data-tid=\"ComboBoxMenu__item\" onClick={() => onValueChange(item)} key={index}>\r\n        {state => renderItem(item, state)}\r\n      </MenuItem>\r\n    );\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ComboBoxMenu.tsx"],"names":["React","Component","locale","Menu","MenuItem","Spinner","MenuSeparator","ComboBoxRequestStatus","CustomComboBoxLocaleHelper","ComboBoxMenu","renderItem","item","index","props","onValueChange","isValidElement","element","Object","assign","key","onClick","cloneElement","state","render","opened","items","totalCount","loading","refMenu","renderNotFound","notFound","renderTotalCount","maxMenuHeight","requestStatus","errorNetworkButton","errorNetworkMessage","renderAddButton","length","Failed","maxWidth","whiteSpace","repeatRequest","notFoundValue","total","renderedItems","map","countItems","filter","type","__KONTUR_REACT_UI__","fontSize","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Menu } from '../Menu';\nimport { MenuItem, MenuItemState } from '../../components/MenuItem';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuSeparator } from '../../components/MenuSeparator';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { ComboBoxLocale, CustomComboBoxLocaleHelper } from './locale';\n\nexport interface ComboBoxMenuProps<T> {\n  opened?: boolean;\n  items?: Nullable<T[]>;\n  totalCount?: number;\n  loading?: 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  onValueChange: (value: T) => any;\n  renderAddButton?: () => React.ReactNode;\n  caption?: React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n}\n\n@locale('ComboBox', CustomComboBoxLocaleHelper)\nexport class ComboBoxMenu<T> extends Component<ComboBoxMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\n\n  public static defaultProps = {\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n  };\n\n  private readonly locale!: ComboBoxLocale;\n\n  public render() {\n    const {\n      opened,\n      items,\n      totalCount,\n      loading,\n      refMenu,\n      renderNotFound = () => notFound,\n      renderTotalCount,\n      maxMenuHeight,\n      requestStatus,\n    } = this.props;\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    if (loading && (!items || !items.length)) {\n      return (\n        <Menu ref={refMenu} data-tid=\"ComboBoxMenu__loading\">\n          <MenuItem disabled>\n            <Spinner type=\"mini\" dimmed />\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\n      return (\n        <Menu ref={refMenu} maxHeight={maxMenuHeight} data-tid=\"ComboBoxMenu__failed\">\n          <MenuItem disabled key=\"message\">\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuItem>\n          <MenuItem link onClick={this.props.repeatRequest} key=\"retry\">\n            {errorNetworkButton}\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if ((items == null || items.length === 0) && renderNotFound) {\n      const notFoundValue = renderNotFound();\n      if (renderAddButton) return <Menu ref={refMenu}>{renderAddButton}</Menu>;\n      if (notFoundValue)\n        return (\n          <Menu ref={refMenu}>\n            <MenuItem data-tid=\"ComboBoxMenu__notFound\" disabled>\n              {notFoundValue}\n            </MenuItem>\n          </Menu>\n        );\n      return null;\n    }\n\n    let total = null;\n    const renderedItems = items && items.map(this.renderItem);\n    // @ts-ignore // todo fix checking\n    const countItems = renderedItems?.filter((item) => item?.type?.__KONTUR_REACT_UI__ === 'MenuItem').length;\n\n    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {\n      total = (\n        <MenuItem disabled key=\"total\">\n          <div style={{ fontSize: 12 }}>{renderTotalCount(countItems, totalCount)}</div>\n        </MenuItem>\n      );\n    }\n\n    return (\n      <Menu data-tid=\"ComboBoxMenu__items\" ref={refMenu} maxHeight={maxMenuHeight}>\n        {renderedItems}\n        {total}\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\n      </Menu>\n    );\n  }\n\n  private renderItem = (item: T, index: number): React.ReactNode => {\n    // NOTE this is undesireable feature, better\n    // to remove it from further versions\n    const { renderItem, onValueChange } = this.props;\n    if (typeof item === 'function' || React.isValidElement(item)) {\n      // @ts-ignore\n      const element = typeof item === 'function' ? 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 data-tid=\"ComboBoxMenu__item\" onClick={() => onValueChange(item)} key={index}>\n        {(state) => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n"]}

package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js

@@ -1,17 +1,22 @@
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
-import { findDOMNode } from 'react-dom';
+import { isNonNullable } from "../../../lib/utils";
 import { DropdownContainer } from "../../DropdownContainer";
 import { Input } from "../../../components/Input";
 import { InputLikeText } from "../../InputLikeText";
 import { RenderLayer } from "../../RenderLayer";
 import { Spinner } from "../../../components/Spinner";
-import { ArrowTriangleDownIcon } from "../../icons/16px";
+import { ArrowChevronDownIcon } from "../../icons/16px";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode, getRootNode } from "../../../lib/rootNode";
 import { ComboBoxMenu } from "../ComboBoxMenu";
 import { ComboBoxRequestStatus } from "../CustomComboBoxTypes";
-import { jsStyles } from "../CustomComboBox.styles";
-export var ComboBoxView = /*#__PURE__*/function (_React$Component) {
+import { styles } from "../CustomComboBox.styles";
+export var ComboBoxView = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ComboBoxView, _React$Component);
 
   function ComboBoxView() {
@@ -23,6 +28,12 @@ export var ComboBoxView = /*#__PURE__*/function (_React$Component) {
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.input = void 0;
+    _this.setRootNode = void 0;
+    _this.dropdownContainerRef = /*#__PURE__*/React.createRef();
+
+    _this.getParent = function () {
+      return getRootNode(_assertThisInitialized(_this));
+    };
 
     _this.renderAddButton = function () {
       return _this.props.renderAddButton(_this.props.textValue);
@@ -44,7 +55,7 @@ export var ComboBoxView = /*#__PURE__*/function (_React$Component) {
 
     _this.renderSpinner = function () {
       return /*#__PURE__*/React.createElement("span", {
-        className: jsStyles.spinnerWrapper()
+        className: styles.spinnerWrapper()
       }, /*#__PURE__*/React.createElement(Spinner, {
         type: "mini",
         caption: "",
@@ -56,16 +67,17 @@ export var ComboBoxView = /*#__PURE__*/function (_React$Component) {
       var _this$props = _this.props,
           loading = _this$props.loading,
           items = _this$props.items,
-          drawArrow = _this$props.drawArrow;
+          drawArrow = _this$props.drawArrow,
+          rightIcon = _this$props.rightIcon;
 
       if (loading && items && !!items.length) {
         return _this.renderSpinner();
       }
 
-      if (drawArrow) {
+      if (rightIcon || drawArrow) {
         return /*#__PURE__*/React.createElement("span", {
-          className: jsStyles.arrowWrapper()
-        }, /*#__PURE__*/React.createElement(ArrowTriangleDownIcon, null));
+          className: styles.rightIconWrapper()
+        }, rightIcon != null ? rightIcon : /*#__PURE__*/React.createElement(ArrowChevronDownIcon, null));
       }
 
       return null;
@@ -77,9 +89,13 @@ export var ComboBoxView = /*#__PURE__*/function (_React$Component) {
   var _proto = ComboBoxView.prototype;
 
   _proto.componentDidMount = function componentDidMount() {
+    var _this$dropdownContain;
+
     if (this.props.autoFocus && this.props.onFocus) {
       this.props.onFocus();
     }
+
+    this.props.opened && ((_this$dropdownContain = this.dropdownContainerRef.current) == null ? void 0 : _this$dropdownContain.position());
   };
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
@@ -92,8 +108,6 @@ export var ComboBoxView = /*#__PURE__*/function (_React$Component) {
   };
 
   _proto.render = function render() {
-    var _this2 = this;
-
     var _this$props2 = this.props,
         items = _this$props2.items,
         loading = _this$props2.loading,
@@ -138,17 +152,17 @@ export var ComboBoxView = /*#__PURE__*/function (_React$Component) {
       style: {
         width: width
       },
-      className: jsStyles.root(),
+      className: styles.root(),
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
-      onMouseOver: onMouseOver
+      onMouseOver: onMouseOver,
+      ref: this.setRootNode
     }, input, opened && /*#__PURE__*/React.createElement(DropdownContainer, {
       align: menuAlign,
-      getParent: function getParent() {
-        return findDOMNode(_this2);
-      },
+      getParent: this.getParent,
       offsetY: 1,
-      disablePortal: this.props.disablePortal
+      disablePortal: this.props.disablePortal,
+      ref: this.dropdownContainerRef
     }, /*#__PURE__*/React.createElement(ComboBoxMenu, {
       items: items,
       loading: loading,
@@ -186,7 +200,8 @@ export var ComboBoxView = /*#__PURE__*/function (_React$Component) {
         value = _this$props3.value,
         warning = _this$props3.warning,
         refInputLikeText = _this$props3.refInputLikeText,
-        leftIcon = _this$props3.leftIcon;
+        leftIcon = _this$props3.leftIcon,
+        inputMode = _this$props3.inputMode;
     var rightIcon = this.getRightIcon();
 
     if (editing) {
@@ -208,7 +223,8 @@ export var ComboBoxView = /*#__PURE__*/function (_React$Component) {
         width: "100%",
         size: size,
         ref: this.refInput,
-        warning: warning
+        warning: warning,
+        inputMode: inputMode
       });
     }
 
@@ -225,13 +241,11 @@ export var ComboBoxView = /*#__PURE__*/function (_React$Component) {
       size: size,
       width: "100%",
       ref: refInputLikeText
-    }, value ? renderValue(value) : null);
+    }, isNonNullable(value) && renderValue ? renderValue(value) : null);
   };
 
   return ComboBoxView;
-}(React.Component);
-ComboBoxView.__KONTUR_REACT_UI__ = 'ComboBoxView';
-ComboBoxView.defaultProps = {
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'ComboBoxView', _class2.defaultProps = {
   renderItem: function renderItem(item) {
     return item;
   },
@@ -253,4 +267,4 @@ ComboBoxView.defaultProps = {
   },
   size: 'small',
   width: 250
-};
+}, _temp)) || _class;

package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComboBoxView.tsx"],"names":["React","findDOMNode","DropdownContainer","Input","InputLikeText","RenderLayer","Spinner","ArrowTriangleDownIcon","CommonWrapper","ComboBoxMenu","ComboBoxRequestStatus","jsStyles","ComboBoxView","input","renderAddButton","props","textValue","handleItemSelect","item","onValueChange","refInput","renderSpinner","spinnerWrapper","getRightIcon","loading","items","drawArrow","length","arrowWrapper","componentDidMount","autoFocus","onFocus","componentDidUpdate","prevProps","editing","focus","render","menuAlign","onClickOutside","onFocusOutside","onMouseEnter","onMouseLeave","onMouseOver","opened","refMenu","maxMenuHeight","renderTotalCount","renderItem","renderNotFound","repeatRequest","requestStatus","totalCount","size","width","renderInput","topOffsets","spinner","arrow","root","disablePortal","align","borderless","disabled","error","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","placeholder","renderValue","value","warning","refInputLikeText","leftIcon","rightIcon","maxLength","Component","__KONTUR_REACT_UI__","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { DropdownContainer } from '../DropdownContainer';\r\nimport { Input, InputIconType } from '../../components/Input';\r\nimport { InputLikeText } from '../InputLikeText';\r\nimport { Menu } from '../Menu';\r\nimport { MenuItemState } from '../../components/MenuItem';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { Spinner } from '../../components/Spinner';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ArrowTriangleDownIcon } from '../icons/16px';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { ComboBoxMenu } from './ComboBoxMenu';\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\nimport { jsStyles } from './CustomComboBox.styles';\r\n\r\ninterface ComboBoxViewProps<T> extends CommonProps {\r\n  align?: 'left' | 'center' | 'right';\r\n  autoFocus?: boolean;\r\n  borderless?: boolean;\r\n  disablePortal?: boolean;\r\n  disabled?: boolean;\r\n  editing?: boolean;\r\n  error?: boolean;\r\n  items?: Nullable<T[]>;\r\n  loading?: boolean;\r\n  menuAlign?: 'left' | 'right';\r\n  opened?: boolean;\r\n  drawArrow?: boolean;\r\n  placeholder?: string;\r\n  size?: 'small' | 'medium' | 'large';\r\n  textValue?: string;\r\n  totalCount?: number;\r\n  value?: Nullable<T>;\r\n  warning?: boolean;\r\n  width?: string | number;\r\n  maxLength?: number;\r\n  maxMenuHeight?: number | string;\r\n  leftIcon?: InputIconType;\r\n\r\n  onValueChange?: (value: T) => void;\r\n  onClickOutside?: (e: Event) => void;\r\n  onFocus?: () => void;\r\n  onFocusOutside?: () => void;\r\n  onInputBlur?: () => void;\r\n  onInputValueChange?: (value: string) => void;\r\n  onInputFocus?: () => void;\r\n  onInputClick?: () => void;\r\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\r\n  onMouseEnter?: (e: React.MouseEvent) => void;\r\n  onMouseOver?: (e: React.MouseEvent) => void;\r\n  onMouseLeave?: (e: React.MouseEvent) => void;\r\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\r\n  renderNotFound?: () => React.ReactNode;\r\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\r\n  renderValue?: (item: T) => React.ReactNode;\r\n  renderAddButton: (query?: string) => React.ReactNode;\r\n  repeatRequest?: () => void;\r\n  requestStatus?: ComboBoxRequestStatus;\r\n  refInput?: (input: Nullable<Input>) => void;\r\n  refMenu?: (menu: Nullable<Menu>) => void;\r\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\r\n}\r\n\r\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\r\n\r\n  public static defaultProps = {\r\n    renderItem: (item: any) => item,\r\n    renderValue: (item: any) => item,\r\n    renderAddButton: () => null,\r\n    repeatRequest: () => undefined,\r\n    requestStatus: ComboBoxRequestStatus.Unknown,\r\n    onClickOutside: () => {\r\n      /**/\r\n    },\r\n    onFocusOutside: () => {\r\n      /**/\r\n    },\r\n    size: 'small',\r\n    width: 250,\r\n  };\r\n\r\n  private input: Nullable<Input>;\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoFocus && this.props.onFocus) {\r\n      this.props.onFocus();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\r\n    const { input, props } = this;\r\n    if (props.editing && !prevProps.editing && input) {\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const {\r\n      items,\r\n      loading,\r\n      menuAlign,\r\n      onClickOutside,\r\n      onFocusOutside,\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n      onMouseOver,\r\n      opened,\r\n      refMenu,\r\n      maxMenuHeight,\r\n      renderTotalCount,\r\n      renderItem,\r\n      renderNotFound,\r\n      repeatRequest,\r\n      requestStatus,\r\n      totalCount,\r\n      size,\r\n      width,\r\n    } = this.props;\r\n\r\n    const input = this.renderInput();\r\n\r\n    const topOffsets = {\r\n      spinner: 6,\r\n      arrow: 15,\r\n    };\r\n    if (size === 'medium') {\r\n      topOffsets.spinner += 4;\r\n      topOffsets.arrow += 4;\r\n    }\r\n    if (size === 'large') {\r\n      topOffsets.spinner += 6;\r\n      topOffsets.arrow += 6;\r\n    }\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\r\n          <span\r\n            style={{ width }}\r\n            className={jsStyles.root()}\r\n            onMouseEnter={onMouseEnter}\r\n            onMouseLeave={onMouseLeave}\r\n            onMouseOver={onMouseOver}\r\n          >\r\n            {input}\r\n            {opened && (\r\n              <DropdownContainer\r\n                align={menuAlign}\r\n                getParent={() => findDOMNode(this)}\r\n                offsetY={1}\r\n                disablePortal={this.props.disablePortal}\r\n              >\r\n                <ComboBoxMenu\r\n                  items={items}\r\n                  loading={loading}\r\n                  maxMenuHeight={maxMenuHeight}\r\n                  onValueChange={this.handleItemSelect}\r\n                  opened={opened}\r\n                  refMenu={refMenu}\r\n                  renderTotalCount={renderTotalCount}\r\n                  renderItem={renderItem!}\r\n                  renderNotFound={renderNotFound}\r\n                  renderAddButton={this.renderAddButton}\r\n                  repeatRequest={repeatRequest}\r\n                  requestStatus={requestStatus}\r\n                  totalCount={totalCount}\r\n                />\r\n              </DropdownContainer>\r\n            )}\r\n          </span>\r\n        </RenderLayer>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private renderAddButton = (): React.ReactNode => {\r\n    return this.props.renderAddButton(this.props.textValue);\r\n  };\r\n\r\n  private renderInput(): React.ReactNode {\r\n    const {\r\n      align,\r\n      borderless,\r\n      disabled,\r\n      editing,\r\n      error,\r\n      onFocus,\r\n      onInputBlur,\r\n      onInputValueChange,\r\n      onInputFocus,\r\n      onInputClick,\r\n      onInputKeyDown,\r\n      placeholder,\r\n      renderValue,\r\n      size,\r\n      textValue,\r\n      value,\r\n      warning,\r\n      refInputLikeText,\r\n      leftIcon,\r\n    } = this.props;\r\n\r\n    const rightIcon = this.getRightIcon();\r\n\r\n    if (editing) {\r\n      return (\r\n        <Input\r\n          align={align}\r\n          borderless={borderless}\r\n          disabled={disabled}\r\n          error={error}\r\n          maxLength={this.props.maxLength}\r\n          onBlur={onInputBlur}\r\n          onValueChange={onInputValueChange}\r\n          onFocus={onInputFocus}\r\n          onClick={onInputClick}\r\n          leftIcon={leftIcon}\r\n          rightIcon={rightIcon}\r\n          value={textValue || ''}\r\n          onKeyDown={onInputKeyDown}\r\n          placeholder={placeholder}\r\n          width=\"100%\"\r\n          size={size}\r\n          ref={this.refInput}\r\n          warning={warning}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <InputLikeText\r\n        align={align}\r\n        borderless={borderless}\r\n        error={error}\r\n        onFocus={onFocus}\r\n        leftIcon={leftIcon}\r\n        rightIcon={rightIcon}\r\n        disabled={disabled}\r\n        warning={warning}\r\n        placeholder={placeholder}\r\n        size={size}\r\n        width=\"100%\"\r\n        ref={refInputLikeText}\r\n      >\r\n        {value ? renderValue!(value) : null}\r\n      </InputLikeText>\r\n    );\r\n  }\r\n\r\n  private handleItemSelect = (item: T) => {\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(item);\r\n    }\r\n  };\r\n\r\n  private refInput = (input: Nullable<Input>) => {\r\n    if (this.props.refInput) {\r\n      this.props.refInput(input);\r\n    }\r\n    this.input = input;\r\n  };\r\n\r\n  private renderSpinner = () => (\r\n    <span className={jsStyles.spinnerWrapper()}>\r\n      <Spinner type=\"mini\" caption=\"\" dimmed />\r\n    </span>\r\n  );\r\n\r\n  private getRightIcon = () => {\r\n    const { loading, items, drawArrow } = this.props;\r\n\r\n    if (loading && items && !!items.length) {\r\n      return this.renderSpinner();\r\n    }\r\n\r\n    if (drawArrow) {\r\n      return (\r\n        <span className={jsStyles.arrowWrapper()}>\r\n          <ArrowTriangleDownIcon />\r\n        </span>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ComboBoxView.tsx"],"names":["React","isNonNullable","DropdownContainer","Input","InputLikeText","RenderLayer","Spinner","ArrowChevronDownIcon","CommonWrapper","rootNode","getRootNode","ComboBoxMenu","ComboBoxRequestStatus","styles","ComboBoxView","input","setRootNode","dropdownContainerRef","createRef","getParent","renderAddButton","props","textValue","handleItemSelect","item","onValueChange","refInput","renderSpinner","spinnerWrapper","getRightIcon","loading","items","drawArrow","rightIcon","length","rightIconWrapper","componentDidMount","autoFocus","onFocus","opened","current","position","componentDidUpdate","prevProps","editing","focus","render","menuAlign","onClickOutside","onFocusOutside","onMouseEnter","onMouseLeave","onMouseOver","refMenu","maxMenuHeight","renderTotalCount","renderItem","renderNotFound","repeatRequest","requestStatus","totalCount","size","width","renderInput","topOffsets","spinner","arrow","root","disablePortal","align","borderless","disabled","error","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","placeholder","renderValue","value","warning","refInputLikeText","leftIcon","inputMode","maxLength","Component","__KONTUR_REACT_UI__","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { DropdownContainer } from '../DropdownContainer';\nimport { Input, InputIconType } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport { Menu } from '../Menu';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { ArrowChevronDownIcon } from '../icons/16px';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, getRootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { styles } from './CustomComboBox.styles';\n\ninterface ComboBoxViewProps<T> extends CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  items?: Nullable<T[]>;\n  loading?: boolean;\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: 'small' | 'medium' | 'large';\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  rightIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\n@rootNode\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, {}> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n\n  public static defaultProps = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n  };\n\n  private input: Nullable<Input>;\n  private setRootNode!: TSetRootNode;\n  private dropdownContainerRef = React.createRef<DropdownContainer>();\n\n  public componentDidMount() {\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n    this.props.opened && this.dropdownContainerRef.current?.position();\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    const {\n      items,\n      loading,\n      menuAlign,\n      onClickOutside,\n      onFocusOutside,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      opened,\n      refMenu,\n      maxMenuHeight,\n      renderTotalCount,\n      renderItem,\n      renderNotFound,\n      repeatRequest,\n      requestStatus,\n      totalCount,\n      size,\n      width,\n    } = this.props;\n\n    const input = this.renderInput();\n\n    const topOffsets = {\n      spinner: 6,\n      arrow: 15,\n    };\n    if (size === 'medium') {\n      topOffsets.spinner += 4;\n      topOffsets.arrow += 4;\n    }\n    if (size === 'large') {\n      topOffsets.spinner += 6;\n      topOffsets.arrow += 6;\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            style={{ width }}\n            className={styles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            ref={this.setRootNode}\n          >\n            {input}\n            {opened && (\n              <DropdownContainer\n                align={menuAlign}\n                getParent={this.getParent}\n                offsetY={1}\n                disablePortal={this.props.disablePortal}\n                ref={this.dropdownContainerRef}\n              >\n                <ComboBoxMenu\n                  items={items}\n                  loading={loading}\n                  maxMenuHeight={maxMenuHeight}\n                  onValueChange={this.handleItemSelect}\n                  opened={opened}\n                  refMenu={refMenu}\n                  renderTotalCount={renderTotalCount}\n                  renderItem={renderItem!}\n                  renderNotFound={renderNotFound}\n                  renderAddButton={this.renderAddButton}\n                  repeatRequest={repeatRequest}\n                  requestStatus={requestStatus}\n                  totalCount={totalCount}\n                />\n              </DropdownContainer>\n            )}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private getParent = () => {\n    return getRootNode(this);\n  };\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.props.renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const {\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      renderValue,\n      size,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n    } = this.props;\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      return (\n        <Input\n          align={align}\n          borderless={borderless}\n          disabled={disabled}\n          error={error}\n          maxLength={this.props.maxLength}\n          onBlur={onInputBlur}\n          onValueChange={onInputValueChange}\n          onFocus={onInputFocus}\n          onClick={onInputClick}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          value={textValue || ''}\n          onKeyDown={onInputKeyDown}\n          placeholder={placeholder}\n          width=\"100%\"\n          size={size}\n          ref={this.refInput}\n          warning={warning}\n          inputMode={inputMode}\n        />\n      );\n    }\n\n    return (\n      <InputLikeText\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n      >\n        {isNonNullable(value) && renderValue ? renderValue(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={styles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow, rightIcon } = this.props;\n\n    if (loading && items && !!items.length) {\n      return this.renderSpinner();\n    }\n\n    if (rightIcon || drawArrow) {\n      return <span className={styles.rightIconWrapper()}>{rightIcon ?? <ArrowChevronDownIcon />}</span>;\n    }\n\n    return null;\n  };\n}\n"]}

package/internal/CustomComboBox/ComboBoxView.d.ts

@@ -13,6 +13,9 @@ interface ComboBoxViewProps<T> extends CommonProps {
     disablePortal?: boolean;
     disabled?: boolean;
     editing?: boolean;
+    /**
+     * Cостояние валидации при ошибке.
+     */
     error?: boolean;
     items?: Nullable<T[]>;
     loading?: boolean;
@@ -24,11 +27,16 @@ interface ComboBoxViewProps<T> extends CommonProps {
     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;
@@ -52,7 +60,7 @@ interface ComboBoxViewProps<T> extends CommonProps {
     refMenu?: (menu: Nullable<Menu>) => void;
     refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;
 }
-export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {
+export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>, {}> {
     static __KONTUR_REACT_UI__: string;
     static defaultProps: {
         renderItem: (item: any) => any;
@@ -66,9 +74,12 @@ export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T
         width: number;
     };
     private input;
+    private setRootNode;
+    private dropdownContainerRef;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ComboBoxViewProps<T>): void;
     render(): JSX.Element;
+    private getParent;
     private renderAddButton;
     private renderInput;
     private handleItemSelect;

package/internal/CustomComboBox/CustomComboBox/CustomComboBox.js

@@ -1,11 +1,16 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import { CancelationError, taskWithDelay } from "../../../lib/utils";
 import { fixClickFocusIE } from "../../../lib/events/fixClickFocusIE";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
 import { ComboBoxRequestStatus } from "../CustomComboBoxTypes";
 import { reducer } from "../CustomComboBoxReducer";
 import { ComboBoxView } from "../ComboBoxView";
@@ -24,7 +29,7 @@ export var DefaultState = {
   },
   requestStatus: ComboBoxRequestStatus.Unknown
 };
-export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
+export var CustomComboBox = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$PureComponent) {
   _inheritsLoose(CustomComboBox, _React$PureComponent);
 
   function CustomComboBox() {
@@ -79,6 +84,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
       _this.handleBlur();
     };
 
+    _this.setRootNode = void 0;
+
     _this.dispatch = function (action) {
       var effects;
       var nextState;
@@ -145,10 +152,14 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
         return;
       }
 
-      _this.focused = false;
+      _this.focused = false; // workaround for the similar bug with focusout
+      // in Firefox, Chrome and IE
+      // https://bugzilla.mozilla.org/show_bug.cgi?id=1363964
 
-      _this.dispatch({
-        type: 'Blur'
+      setTimeout(function () {
+        _this.dispatch({
+          type: 'Blur'
+        });
       });
     };
 
@@ -175,8 +186,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
   }
 
   var _proto = CustomComboBox.prototype;
-  /**
-  * @public
+  /**
+  * @public
   */
 
   _proto.search = /*#__PURE__*/function () {
@@ -293,8 +304,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
 
     return search;
   }()
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -303,8 +314,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
       this.cancelationToken(new CancelationError());
     }
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -313,8 +324,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
       type: 'Open'
     });
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -349,6 +360,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
       maxLength: this.props.maxLength,
       maxMenuHeight: this.props.maxMenuHeight,
       leftIcon: this.props.leftIcon,
+      rightIcon: this.props.rightIcon,
+      inputMode: this.props.inputMode,
       onValueChange: this.handleValueChange,
       onClickOutside: this.handleClickOutside,
       onFocus: this.handleFocus,
@@ -390,7 +403,9 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
         _this3.inputLikeText = inputLikeText;
       }
     };
-    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(ComboBoxView, viewProps));
+    return /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(ComboBoxView, _extends({}, viewProps, {
+      ref: this.setRootNode
+    })));
   };
 
   _proto.componentDidMount = function componentDidMount() {
@@ -414,8 +429,8 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
       prevState: prevState
     });
   }
-  /**
-  * @public
+  /**
+  * @public
   */
   ;
 
@@ -426,5 +441,4 @@ export var CustomComboBox = /*#__PURE__*/function (_React$PureComponent) {
   };
 
   return CustomComboBox;
-}(React.PureComponent);
-CustomComboBox.__KONTUR_REACT_UI__ = 'CustomComboBox';
+}(React.PureComponent), _class2.__KONTUR_REACT_UI__ = 'CustomComboBox', _temp)) || _class;