@skbkontur/react-ui 0.0.0-a8b895b5e7 → 0.0.0-aa4659ca48

package/internal/CommonWrapper/utils/tryGetBoolean.d.ts

@@ -1 +1 @@
-export declare const tryGetBoolean: (value: unknown) => boolean | undefined;
+export declare const tryGetBoolean: (value: unknown) => boolean | undefined;

package/internal/ComponentCombinator/ComponentCombinator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createPropsGetter","ComponentTable","ComponentCombinator","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","page","prevPage","setState","_ref","nextPage","_ref2","_inheritsLoose","_proto","prototype","render","_ref3","_this$props","props","combinations","Component","_this$getProps","presetProps","presetState","pages","row","sizes","map","c","flatCombinations","j","push","offsetX","offsetY","pageOffsets","createElement","id","style","marginBottom","disabled","onClick","key","rows","slice","cols"],"sources":["ComponentCombinator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\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\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createPropsGetter","ComponentTable","ComponentCombinator","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","page","prevPage","setState","_ref","nextPage","_ref2","_inheritsLoose","_proto","prototype","render","_ref3","_this$props","props","combinations","Component","_this$getProps","presetProps","presetState","pages","row","sizes","map","c","flatCombinations","j","push","offsetX","offsetY","pageOffsets","createElement","id","style","marginBottom","disabled","onClick","key","rows","slice","cols"],"sources":["ComponentCombinator.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\nimport type { StatePropsCombinations, StateType } from './ComponentTable';\nimport { ComponentTable } 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\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"],"mappings":"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","ignoreList":[]}

package/internal/ComponentCombinator.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
-import { StatePropsCombinations, StateType } from './ComponentTable';
-export interface ComponentCombinatorProps<C, P, S> {
-    combinations: Array<StatePropsCombinations<P, S>>;
-    Component: C;
-    presetProps?: DefaultizeProps<C, P>;
-    presetState?: Partial<S>;
-}
-type DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;
-export declare class ComponentCombinator<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>, {
-    page: number;
-}> {
-    static defaultProps: DefaultProps<unknown, unknown, unknown>;
-    private getProps;
-    state: {
-        page: number;
-    };
-    render(): React.JSX.Element;
-    private prevPage;
-    private nextPage;
-}
-export {};
+import React from 'react';
+import type { DefaultizeProps } from '../lib/utils';
+import type { StatePropsCombinations, StateType } from './ComponentTable';
+export interface ComponentCombinatorProps<C, P, S> {
+    combinations: Array<StatePropsCombinations<P, S>>;
+    Component: C;
+    presetProps?: DefaultizeProps<C, P>;
+    presetState?: Partial<S>;
+}
+type DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps' | 'presetState'>>;
+export declare class ComponentCombinator<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>, {
+    page: number;
+}> {
+    static defaultProps: DefaultProps<unknown, unknown, unknown>;
+    private getProps;
+    state: {
+        page: number;
+    };
+    render(): React.JSX.Element;
+    private prevPage;
+    private nextPage;
+}
+export {};

package/internal/ComponentTable/ComponentTable.js

@@ -29,8 +29,6 @@ var renderPropsDesc = function renderPropsDesc(props) {
     );
   });
 };
-
-// Known limitation: Don't work when component have `propTypes` static field
 export var ComponentTable = /*#__PURE__*/function (_React$Component) {
   function ComponentTable() {
     var _this;

package/internal/ComponentTable/ComponentTable.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isFunctionalComponent","createPropsGetter","renderPropsDesc","props","Object","keys","map","key","value","isValidElement","createElement","JSON","stringify","node","index","nodes","length","ComponentTable","_React$Component","_this","_len","arguments","args","Array","_key","call","apply","concat","getProps","defaultProps","_inheritsLoose","_proto","prototype","render","_this$props","_this$props$rows","rows","_this$props$cols","cols","Component","_this$getProps","presetProps","presetState","style","borderSpacing","marginBottom","captionSide","_ref","i","_ref$props","colProps","whiteSpace","_ref2","rowIndex","_ref2$props","rowProps","_ref2$state","state","rowState","_ref3","colIndex","_ref3$props","_ref3$state","colState","_extends","ref","undefined","el","setState"],"sources":["ComponentTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isFunctionalComponent, DefaultizeProps } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\n// TODO We should output state too\nconst renderPropsDesc = <P extends Record<string, any>>(props: P): React.ReactNode => {\n  return Object.keys(props)\n    .map((key) => {\n      const value = props[key];\n      switch (typeof value) {\n        case 'boolean':\n          return value ? key : `${key}: false`;\n        case 'string':\n          return `${key}: \"${value}\"`;\n        case 'object':\n          if (React.isValidElement(value)) {\n            return React.createElement('span', {}, [`${key}: `, value]);\n          }\n          return `${key}: ${JSON.stringify(value)}`;\n        default:\n          return `${key}: ${value}`;\n      }\n    })\n    .map((node, index, nodes) => (\n      <span key={index}>\n        {node} {index + 1 < nodes.length ? ', ' : null}\n      </span>\n    ));\n};\n\ninterface StatePropsObject<P, S> {\n  props?: Partial<P>;\n  state?: Partial<S>;\n}\nexport type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;\n\nexport type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;\n\nexport interface ComponentTableProps<C, P, S> {\n  rows?: StatePropsCombinations<P, S>;\n  cols?: StatePropsCombinations<P, S>;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n  Component: C;\n}\n\ntype DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;\n\n// Known limitation: Don't work when component have `propTypes` static field\nexport class ComponentTable<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>,\n> extends React.Component<\n  ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>\n> {\n  public static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentTable.defaultProps);\n\n  public render() {\n    const { rows = [], cols = [], Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    return (\n      <table style={{ borderSpacing: 10, marginBottom: 20 }}>\n        <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps)}</caption>\n        <thead>\n          <tr>\n            <th />\n            {cols.map(({ props: colProps = {} }, i) => (\n              <th style={{ whiteSpace: 'nowrap' }} key={i}>\n                {renderPropsDesc(colProps)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(({ props: rowProps = {}, state: rowState = {} }, rowIndex) => (\n            <tr key={rowIndex}>\n              <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\n              {cols.map(({ props: colProps = {}, state: colState = {} }, colIndex) => (\n                <td key={colIndex}>\n                  {/* @ts-expect-error: Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it */}\n                  <Component\n                    {...presetProps}\n                    {...rowProps}\n                    {...colProps}\n                    ref={\n                      // NOTE Call setState from outside is bad practice, but here it needed for test state combinations\n                      isFunctionalComponent(Component)\n                        ? undefined\n                        : (el: React.Component<P, StateType<C>>) =>\n                            el &&\n                            el.setState((state: StateType<C>) => ({\n                              ...state,\n                              ...presetState,\n                              ...rowState,\n                              ...colState,\n                            }))\n                    }\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"],"mappings":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,qBAAqB,QAAyB,cAAc;AACrE,SAASC,iBAAiB,QAAQ,0BAA0B;;AAE5D;AACA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAmCC,KAAQ,EAAsB;EACpF,OAAOC,MAAM,CAACC,IAAI,CAACF,KAAK,CAAC;EACtBG,GAAG,CAAC,UAACC,GAAG,EAAK;IACZ,IAAMC,KAAK,GAAGL,KAAK,CAACI,GAAG,CAAC;IACxB,QAAQ,OAAOC,KAAK;MAClB,KAAK,SAAS;QACZ,OAAOA,KAAK,GAAGD,GAAG,GAAMA,GAAG,YAAS;MACtC,KAAK,QAAQ;QACX,OAAUA,GAAG,YAAMC,KAAK;MAC1B,KAAK,QAAQ;QACX,kBAAIT,KAAK,CAACU,cAAc,CAACD,KAAK,CAAC,EAAE;UAC/B,oBAAOT,KAAK,CAACW,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAIH,GAAG,SAAMC,KAAK,CAAC,CAAC;QAC7D;QACA,OAAUD,GAAG,UAAKI,IAAI,CAACC,SAAS,CAACJ,KAAK,CAAC;MACzC;QACE,OAAUD,GAAG,UAAKC,KAAK;IAC3B;EACF,CAAC,CAAC;EACDF,GAAG,CAAC,UAACO,IAAI,EAAEC,KAAK,EAAEC,KAAK;MACtBhB,KAAA,CAAAW,aAAA,WAAMH,GAAG,EAAEO,KAAM;MACdD,IAAI,EAAC,GAAC,EAACC,KAAK,GAAG,CAAC,GAAGC,KAAK,CAACC,MAAM,GAAG,IAAI,GAAG;MACtC,CAAC;EACR,CAAC;AACN,CAAC;;;;;;;;;;;;;;;;;;;;AAoBD;AACA,WAAaC,cAAc,0BAAAC,gBAAA,YAAAD,eAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAL,MAAA,EAAAM,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAH,SAAA,CAAAG,IAAA,GAAAL,KAAA,GAAAD,gBAAA,CAAAO,IAAA,CAAAC,KAAA,CAAAR,gBAAA,SAAAS,MAAA,CAAAL,IAAA,WAAAH,KAAA;;;;;;;;;;;;IAYjBS,QAAQ,GAAG3B,iBAAiB,CAACgB,cAAc,CAACY,YAAY,CAAC,QAAAV,KAAA,EAAAW,cAAA,CAAAb,cAAA,EAAAC,gBAAA,MAAAa,MAAA,GAAAd,cAAA,CAAAe,SAAA,CAAAD,MAAA;;EAE1DE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAAC,WAAA,GAA4C,IAAI,CAAC/B,KAAK,CAAAgC,gBAAA,GAAAD,WAAA,CAA9CE,IAAI,CAAJA,IAAI,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA,CAAAE,gBAAA,GAAAH,WAAA,CAAEI,IAAI,CAAJA,IAAI,GAAAD,gBAAA,cAAG,EAAE,GAAAA,gBAAA,CAAEE,SAAS,GAAAL,WAAA,CAATK,SAAS;IACvC,IAAAC,cAAA,GAAqC,IAAI,CAACZ,QAAQ,CAAC,CAAC,CAA5Ca,WAAW,GAAAD,cAAA,CAAXC,WAAW,CAAEC,WAAW,GAAAF,cAAA,CAAXE,WAAW;IAChC;MACE3C,KAAA,CAAAW,aAAA,YAAOiC,KAAK,EAAE,EAAEC,aAAa,EAAE,EAAE,EAAEC,YAAY,EAAE,EAAE,CAAC,CAAE;MACpD9C,KAAA,CAAAW,aAAA,cAASiC,KAAK,EAAE,EAAEG,WAAW,EAAE,QAAQ,CAAC,CAAE,IAAE5C,eAAe,CAACuC,WAAW,CAAW,CAAC;MACnF1C,KAAA,CAAAW,aAAA;MACEX,KAAA,CAAAW,aAAA;MACEX,KAAA,CAAAW,aAAA,WAAK,CAAC;MACL4B,IAAI,CAAChC,GAAG,CAAC,UAAAyC,IAAA,EAA2BC,CAAC,OAAAC,UAAA,GAAAF,IAAA,CAAzB5C,KAAK,CAAE+C,QAAQ,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;UAC/BlD,KAAA,CAAAW,aAAA,SAAIiC,KAAK,EAAE,EAAEQ,UAAU,EAAE,QAAQ,CAAC,CAAE,EAAC5C,GAAG,EAAEyC,CAAE;UACzC9C,eAAe,CAACgD,QAAQ;UACvB,CAAC;MACN;MACC;MACC,CAAC;MACRnD,KAAA,CAAAW,aAAA;MACG0B,IAAI,CAAC9B,GAAG,CAAC,UAAA8C,KAAA,EAAiDC,QAAQ,OAAAC,WAAA,GAAAF,KAAA,CAAtDjD,KAAK,CAAEoD,QAAQ,GAAAD,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA,CAAAE,WAAA,GAAAJ,KAAA,CAAEK,KAAK,CAAEC,QAAQ,GAAAF,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA;UACrDzD,KAAA,CAAAW,aAAA,SAAIH,GAAG,EAAE8C,QAAS;UAChBtD,KAAA,CAAAW,aAAA,SAAIiC,KAAK,EAAE,EAAEQ,UAAU,EAAE,QAAQ,CAAC,CAAE,IAAEjD,eAAe,CAACqD,QAAQ,CAAM,CAAC;UACpEjB,IAAI,CAAChC,GAAG,CAAC,UAAAqD,KAAA,EAAiDC,QAAQ,OAAAC,WAAA,GAAAF,KAAA,CAAtDxD,KAAK,CAAE+C,QAAQ,GAAAW,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA,CAAAC,WAAA,GAAAH,KAAA,CAAEF,KAAK,CAAEM,QAAQ,GAAAD,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA;cACrD/D,KAAA,CAAAW,aAAA,SAAIH,GAAG,EAAEqD,QAAS;;cAEhB7D,KAAA,CAAAW,aAAA,CAAC6B,SAAS,EAAAyB,QAAA;cACJvB,WAAW;cACXc,QAAQ;cACRL,QAAQ;gBACZe,GAAG;gBACD;gBACAjE,qBAAqB,CAACuC,SAAS,CAAC;gBAC5B2B,SAAS;gBACT,UAACC,EAAoC;oBACnCA,EAAE;oBACFA,EAAE,CAACC,QAAQ,CAAC,UAACX,KAAmB,UAAAO,QAAA;sBAC3BP,KAAK;sBACLf,WAAW;sBACXgB,QAAQ;sBACRK,QAAQ;oBACX,CAAC,GACV;;cACF;cACC,CAAC;UACN;UACC,CAAC;MACN;MACI;MACF,CAAC;;EAEZ,CAAC,QAAA9C,cAAA,GA1DOlB,KAAK,CAACwC,SAAS,EAJZtB,cAAc,CAOXY,YAAY,GAA8E,EACtGY,WAAW,EAAE,CAAC,CAAC,EACfC,WAAW,EAAE,CAAC,CAAC,CACjB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","isFunctionalComponent","createPropsGetter","renderPropsDesc","props","Object","keys","map","key","value","isValidElement","createElement","JSON","stringify","node","index","nodes","length","ComponentTable","_React$Component","_this","_len","arguments","args","Array","_key","call","apply","concat","getProps","defaultProps","_inheritsLoose","_proto","prototype","render","_this$props","_this$props$rows","rows","_this$props$cols","cols","Component","_this$getProps","presetProps","presetState","style","borderSpacing","marginBottom","captionSide","_ref","i","_ref$props","colProps","whiteSpace","_ref2","rowIndex","_ref2$props","rowProps","_ref2$state","state","rowState","_ref3","colIndex","_ref3$props","_ref3$state","colState","_extends","ref","undefined","el","setState"],"sources":["ComponentTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DefaultizeProps } from '../lib/utils';\nimport { isFunctionalComponent } from '../lib/utils';\nimport { createPropsGetter } from '../lib/createPropsGetter';\n\n// TODO We should output state too\nconst renderPropsDesc = <P extends Record<string, any>>(props: P): React.ReactNode => {\n  return Object.keys(props)\n    .map((key) => {\n      const value = props[key];\n      switch (typeof value) {\n        case 'boolean':\n          return value ? key : `${key}: false`;\n        case 'string':\n          return `${key}: \"${value}\"`;\n        case 'object':\n          if (React.isValidElement(value)) {\n            return React.createElement('span', {}, [`${key}: `, value]);\n          }\n          return `${key}: ${JSON.stringify(value)}`;\n        default:\n          return `${key}: ${value}`;\n      }\n    })\n    .map((node, index, nodes) => (\n      <span key={index}>\n        {node} {index + 1 < nodes.length ? ', ' : null}\n      </span>\n    ));\n};\n\ninterface StatePropsObject<P, S> {\n  props?: Partial<P>;\n  state?: Partial<S>;\n}\nexport type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;\n\nexport type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;\n\nexport interface ComponentTableProps<C, P, S> {\n  rows?: StatePropsCombinations<P, S>;\n  cols?: StatePropsCombinations<P, S>;\n  presetProps?: DefaultizeProps<C, P>;\n  presetState?: Partial<S>;\n  Component: C;\n}\n\ntype DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;\n\nexport class ComponentTable<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>,\n> extends React.Component<\n  ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>\n> {\n  public static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown> = {\n    presetProps: {},\n    presetState: {},\n  };\n\n  private getProps = createPropsGetter(ComponentTable.defaultProps);\n\n  public render() {\n    const { rows = [], cols = [], Component } = this.props;\n    const { presetProps, presetState } = this.getProps();\n    return (\n      <table style={{ borderSpacing: 10, marginBottom: 20 }}>\n        <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps)}</caption>\n        <thead>\n          <tr>\n            <th />\n            {cols.map(({ props: colProps = {} }, i) => (\n              <th style={{ whiteSpace: 'nowrap' }} key={i}>\n                {renderPropsDesc(colProps)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(({ props: rowProps = {}, state: rowState = {} }, rowIndex) => (\n            <tr key={rowIndex}>\n              <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\n              {cols.map(({ props: colProps = {}, state: colState = {} }, colIndex) => (\n                <td key={colIndex}>\n                  {/* @ts-expect-error: Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it */}\n                  <Component\n                    {...presetProps}\n                    {...rowProps}\n                    {...colProps}\n                    ref={\n                      // NOTE Call setState from outside is bad practice, but here it needed for test state combinations\n                      isFunctionalComponent(Component)\n                        ? undefined\n                        : (el: React.Component<P, StateType<C>>) =>\n                            el &&\n                            el.setState((state: StateType<C>) => ({\n                              ...state,\n                              ...presetState,\n                              ...rowState,\n                              ...colState,\n                            }))\n                    }\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/ComponentTable.d.ts

@@ -1,22 +1,22 @@
-import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
-interface StatePropsObject<P, S> {
-    props?: Partial<P>;
-    state?: Partial<S>;
-}
-export type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;
-export type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;
-export interface ComponentTableProps<C, P, S> {
-    rows?: StatePropsCombinations<P, S>;
-    cols?: StatePropsCombinations<P, S>;
-    presetProps?: DefaultizeProps<C, P>;
-    presetState?: Partial<S>;
-    Component: C;
-}
-type DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;
-export declare class ComponentTable<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>> {
-    static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown>;
-    private getProps;
-    render(): React.JSX.Element;
-}
-export {};
+import React from 'react';
+import type { DefaultizeProps } from '../lib/utils';
+interface StatePropsObject<P, S> {
+    props?: Partial<P>;
+    state?: Partial<S>;
+}
+export type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;
+export type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;
+export interface ComponentTableProps<C, P, S> {
+    rows?: StatePropsCombinations<P, S>;
+    cols?: StatePropsCombinations<P, S>;
+    presetProps?: DefaultizeProps<C, P>;
+    presetState?: Partial<S>;
+    Component: C;
+}
+type DefaultProps<C, P, S> = Required<Pick<ComponentTableProps<C, P, S>, 'presetProps' | 'presetState'>>;
+export declare class ComponentTable<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>> {
+    static defaultProps: DefaultProps<unknown, Record<string | number | symbol, unknown>, unknown>;
+    private getProps;
+    render(): React.JSX.Element;
+}
+export {};

package/internal/CustomComboBox/ArrowDownIcon.d.ts

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

package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js

@@ -3,7 +3,7 @@ var _dec, _class, _ComboBoxMenu;
 import React from 'react';
 import { isFunction, isNullable } from "../../../lib/utils";
 import { locale } from "../../../lib/locale/decorators";
-import { Menu } from "../../Menu";
+import { Menu, MenuDataTids } from "../../Menu";
 import { isMenuItem, MenuItem } from "../../../components/MenuItem";
 import { Spinner } from "../../../components/Spinner";
 import { MenuSeparator } from "../../../components/MenuSeparator";
@@ -107,7 +107,7 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
         hasMargin: this.props.hasMargin,
         disableScrollContainer: isMobile,
         id: this.props.menuId,
-        "data-tid": ComboBoxMenuDataTids.loading
+        "data-tid": ComboBoxMenuDataTids.loading + " " + MenuDataTids.root
       }, /*#__PURE__*/React.createElement(MenuMessage, {
         size: this.props.size,
         as: "div"
@@ -123,7 +123,7 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
         hasMargin: this.props.hasMargin,
         disableScrollContainer: isMobile,
         id: this.props.menuId,
-        "data-tid": ComboBoxMenuDataTids.failed
+        "data-tid": ComboBoxMenuDataTids.failed + " " + MenuDataTids.root
       }, /*#__PURE__*/React.createElement(MenuMessage, {
         size: this.props.size,
         key: "message"
@@ -133,7 +133,6 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
           whiteSpace: 'normal'
         }
       }, errorNetworkMessage)), /*#__PURE__*/React.createElement(MenuItem, {
-        link: true,
         onClick: this.getProps().repeatRequest,
         size: this.props.size,
         key: "retry",
@@ -179,7 +178,7 @@ export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper)
     }
     return /*#__PURE__*/React.createElement(Menu, {
       id: this.props.menuId,
-      "data-tid": ComboBoxMenuDataTids.items,
+      "data-tid": ComboBoxMenuDataTids.items + " " + MenuDataTids.root,
       ref: refMenu,
       maxHeight: maxHeight,
       hasMargin: this.props.hasMargin,

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

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

package/internal/CustomComboBox/ComboBoxMenu.d.ts

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

package/internal/CustomComboBox/ComboBoxView/ComboBoxView.js

@@ -17,6 +17,11 @@ import { LoadingIcon } from "../../icons2022/LoadingIcon";
 import { Popup } from "../../Popup";
 import { getMenuPositions } from "../../../lib/getMenuPositions";
 import { ZIndex } from "../../ZIndex";
+import { MaskedInput } from "../../../components/MaskedInput";
+import { styles as MaskedInputStyles } from "../../../components/MaskedInput/MaskedInput.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { InternalTextareaWithLayout } from "../../InternalTextareaWithLayout/InternalTextareaWithLayout";
+import { withSize } from "../../../lib/size/SizeDecorator";
 import { ArrowDownIcon } from "../ArrowDownIcon";
 import { ComboBoxMenu } from "../ComboBoxMenu";
 import { ComboBoxRequestStatus } from "../CustomComboBoxTypes";
@@ -26,8 +31,9 @@ import { getComboBoxTheme } from "../getComboBoxTheme";
 export var ComboBoxViewIds = {
   menu: 'ComboBoxView__menu'
 };
-export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBoxView = /*#__PURE__*/function (_React$Component) {
+export var ComboBoxView = responsiveLayout(_class = rootNode(_class = withSize(_class = (_ComboBoxView = /*#__PURE__*/function (_React$Component) {
   function ComboBoxView() {
+    var _this$props$value;
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -38,7 +44,8 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
     _this.dropdownContainerRef = /*#__PURE__*/React.createRef();
     _this.menuId = ComboBoxViewIds.menu + getRandomID();
     _this.state = {
-      anchorElement: null
+      anchorElement: null,
+      clearCrossShowed: _this.props.showClearIcon === 'always' && !!((_this$props$value = _this.props.value) != null && _this$props$value.toString())
     };
     _this.getComboBoxMenu = function () {
       var _this$props = _this.props,
@@ -49,8 +56,7 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
         maxMenuHeight = _this$props.maxMenuHeight,
         renderTotalCount = _this$props.renderTotalCount,
         renderNotFound = _this$props.renderNotFound,
-        totalCount = _this$props.totalCount,
-        size = _this$props.size;
+        totalCount = _this$props.totalCount;
       var _this$getProps = _this.getProps(),
         repeatRequest = _this$getProps.repeatRequest,
         requestStatus = _this$getProps.requestStatus,
@@ -75,7 +81,7 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
           requestStatus: requestStatus,
           totalCount: totalCount,
           isMobile: _this.isMobileLayout,
-          size: size
+          size: _this.size
         })
       );
     };
@@ -106,6 +112,7 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
         opened = _this$props2.opened,
         onFocus = _this$props2.onFocus,
         onInputValueChange = _this$props2.onInputValueChange,
+        onInputKeyDown = _this$props2.onInputKeyDown,
         placeholder = _this$props2.placeholder,
         textValue = _this$props2.textValue;
       if (loading && items && !!items.length) {
@@ -117,6 +124,7 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
         width: '100%',
         onFocus: onFocus,
         onValueChange: onInputValueChange,
+        onKeyDown: onInputKeyDown,
         value: textValue,
         placeholder: placeholder,
         rightIcon: rightIcon
@@ -172,8 +180,8 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
         loading = _this$props3.loading,
         items = _this$props3.items,
         drawArrow = _this$props3.drawArrow,
-        rightIcon = _this$props3.rightIcon,
-        size = _this$props3.size;
+        rightIcon = _this$props3.rightIcon;
+      var size = _this.size;
       if (loading && items && !!items.length) {
         return /*#__PURE__*/React.createElement(LoadingIcon, {
           size: size
@@ -275,40 +283,67 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
       refInputLikeText = _this$props5.refInputLikeText,
       leftIcon = _this$props5.leftIcon,
       inputMode = _this$props5.inputMode,
-      size = _this$props5.size,
       ariaDescribedby = _this$props5['aria-describedby'],
-      ariaLabel = _this$props5['aria-label'];
-    var _this$getProps4 = this.getProps(),
-      renderValue = _this$getProps4.renderValue;
+      ariaLabel = _this$props5['aria-label'],
+      showClearIcon = _this$props5.showClearIcon,
+      mask = _this$props5.mask,
+      maskChar = _this$props5.maskChar,
+      formatChars = _this$props5.formatChars,
+      onBeforePasteInMask = _this$props5.onBeforePasteInMask;
     var rightIcon = this.getRightIcon();
+    var inputProps = {
+      id: id,
+      align: align,
+      borderless: borderless,
+      disabled: disabled,
+      error: error,
+      maxLength: this.props.maxLength,
+      onBlur: isMobile ? undefined : onInputBlur,
+      onValueChange: onInputValueChange,
+      onFocus: onInputFocus,
+      onClick: isMobile ? this.handleMobileFocus : onInputClick,
+      leftIcon: leftIcon,
+      rightIcon: rightIcon,
+      value: textValue || '',
+      onKeyDown: onInputKeyDown,
+      placeholder: placeholder,
+      width: '100%',
+      ref: this.refInput,
+      warning: warning,
+      inputMode: inputMode,
+      autoComplete: 'off',
+      'aria-describedby': ariaDescribedby,
+      'aria-controls': this.menuId,
+      'aria-label': ariaLabel,
+      showClearIcon: showClearIcon,
+      size: this.size
+    };
+    var multilineTextareaProps = {
+      autoResize: true,
+      rows: 1,
+      extraRow: false,
+      maxRows: this.props.maxRows
+    };
+    if (this.props.viewMode === 'multiline' && !mask) {
+      return /*#__PURE__*/React.createElement(InternalTextareaWithLayout, _extends({}, inputProps, multilineTextareaProps));
+    }
     if (editing) {
-      return /*#__PURE__*/React.createElement(Input, {
-        id: id,
-        align: align,
-        borderless: borderless,
-        disabled: disabled,
-        error: error,
-        maxLength: this.props.maxLength,
-        onBlur: isMobile ? undefined : onInputBlur,
-        onValueChange: onInputValueChange,
-        onFocus: onInputFocus,
-        onClick: isMobile ? this.handleMobileFocus : onInputClick,
-        leftIcon: leftIcon,
-        rightIcon: rightIcon,
-        value: textValue || '',
-        onKeyDown: onInputKeyDown,
-        placeholder: placeholder,
-        width: "100%",
-        size: size,
-        ref: this.refInput,
-        warning: warning,
-        inputMode: inputMode,
-        autoComplete: "off",
-        "aria-describedby": ariaDescribedby,
-        "aria-controls": this.menuId,
-        "aria-label": ariaLabel
-      });
+      if (mask) {
+        return /*#__PURE__*/React.createElement(MaskedInput, _extends({}, inputProps, {
+          type: "text",
+          mask: mask,
+          maskChar: maskChar,
+          formatChars: formatChars,
+          onBeforePasteValue: onBeforePasteInMask
+        }));
+      }
+      if (this.props.viewMode === 'multiline-editing') {
+        return /*#__PURE__*/React.createElement(InternalTextareaWithLayout, _extends({}, inputProps, multilineTextareaProps));
+      }
+      return /*#__PURE__*/React.createElement(Input, inputProps);
     }
+    var _this$getProps4 = this.getProps(),
+      renderValue = _this$getProps4.renderValue;
     return /*#__PURE__*/React.createElement(InputLikeText, {
       id: id,
       align: align,
@@ -320,11 +355,14 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
       disabled: disabled,
       warning: warning,
       placeholder: placeholder,
-      size: size,
+      size: this.size,
       width: "100%",
       ref: refInputLikeText,
       "aria-describedby": ariaDescribedby,
-      "aria-controls": this.menuId
+      "aria-controls": this.menuId,
+      showClearIcon: showClearIcon,
+      className: cx(mask && MaskedInputStyles.root(this.theme)),
+      onClearCrossClick: this.props.onClearCrossClick
     }, isNonNullable(value) && renderValue ? renderValue(value) : null);
   };
   return ComboBoxView;
@@ -344,6 +382,6 @@ export var ComboBoxView = responsiveLayout(_class = rootNode(_class = (_ComboBox
   requestStatus: ComboBoxRequestStatus.Unknown,
   onClickOutside: function onClickOutside() {/**/},
   onFocusOutside: function onFocusOutside() {/**/},
-  size: 'small',
-  width: 250
-}, _ComboBoxView)) || _class) || _class;
+  width: 250,
+  showClearIcon: 'never'
+}, _ComboBoxView)) || _class) || _class) || _class;