@skbkontur/react-ui 0.0.0-aaf2aabecb → 0.0.0-b08da15166

package/internal/ComponentTable/ComponentTable.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import { isFunctionalComponent } from "..\\..\\lib\\utils"; // TODO We should output state too
+import { isFunctionalComponent } from "../../lib/utils"; // TODO We should output state too
 
 var renderPropsDesc = function renderPropsDesc(props) {
   return Object.keys(props).map(function (key) {
@@ -15,8 +15,8 @@ var renderPropsDesc = function renderPropsDesc(props) {
         return key + ": \"" + value + "\"";
 
       case 'object':
-        if (React.isValidElement(value)) {
-          return React.createElement('span', {}, [key + ": ", value]);
+        if ( /*#__PURE__*/React.isValidElement(value)) {
+          return /*#__PURE__*/React.createElement('span', {}, [key + ": ", value]);
         }
 
         return key + ": " + JSON.stringify(value);
@@ -25,16 +25,14 @@ var renderPropsDesc = function renderPropsDesc(props) {
         return key + ": " + value;
     }
   }).map(function (node, index, nodes) {
-    return React.createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       key: index
     }, node, " ", index + 1 < nodes.length ? ', ' : null);
   });
 }; // Known limitation: Don't work when component have `propTypes` static field
 
 
-export var ComponentTable =
-/*#__PURE__*/
-function (_React$Component) {
+export var ComponentTable = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ComponentTable, _React$Component);
 
   function ComponentTable() {
@@ -52,32 +50,32 @@ function (_React$Component) {
         presetProps = _this$props.presetProps,
         presetState = _this$props.presetState,
         Component = _this$props.Component;
-    return React.createElement("table", {
+    return /*#__PURE__*/React.createElement("table", {
       style: {
         borderSpacing: 10,
         marginBottom: 20
       }
-    }, React.createElement("caption", {
+    }, /*#__PURE__*/React.createElement("caption", {
       style: {
         captionSide: 'bottom'
       }
-    }, renderPropsDesc(presetProps)), React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", null), cols.map(function (_ref, i) {
+    }, renderPropsDesc(presetProps)), /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null), cols.map(function (_ref, i) {
       var _ref$props = _ref.props,
           colProps = _ref$props === void 0 ? {} : _ref$props;
-      return React.createElement("th", {
+      return /*#__PURE__*/React.createElement("th", {
         style: {
           whiteSpace: 'nowrap'
         },
         key: i
       }, renderPropsDesc(colProps));
-    }))), React.createElement("tbody", null, rows.map(function (_ref2, rowIndex) {
+    }))), /*#__PURE__*/React.createElement("tbody", null, rows.map(function (_ref2, rowIndex) {
       var _ref2$props = _ref2.props,
           rowProps = _ref2$props === void 0 ? {} : _ref2$props,
           _ref2$state = _ref2.state,
           rowState = _ref2$state === void 0 ? {} : _ref2$state;
-      return React.createElement("tr", {
+      return /*#__PURE__*/React.createElement("tr", {
         key: rowIndex
-      }, React.createElement("td", {
+      }, /*#__PURE__*/React.createElement("td", {
         style: {
           whiteSpace: 'nowrap'
         }
@@ -86,13 +84,13 @@ function (_React$Component) {
             colProps = _ref3$props === void 0 ? {} : _ref3$props,
             _ref3$state = _ref3.state,
             colState = _ref3$state === void 0 ? {} : _ref3$state;
-        return React.createElement("td", {
+        return /*#__PURE__*/React.createElement("td", {
           key: colIndex
-        }, React.createElement(Component, _extends({}, presetProps, rowProps, colProps, {
+        }, /*#__PURE__*/React.createElement(Component, _extends({}, presetProps, rowProps, colProps, {
           ref: // NOTE Call setState from outside is bad practice, but here it needed for test state combinations
           isFunctionalComponent(Component) ? undefined : function (el) {
             return el && el.setState(function (state) {
-              return _extends({}, state, {}, presetState, {}, rowState, {}, colState);
+              return _extends({}, state, presetState, rowState, colState);
             });
           }
         })));

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\ntype StatePropsObject<P, S> = { props?: Partial<P>; state?: Partial<S> };\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\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/ComponentTable/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\cjs\\internal\\ComponentTable.js",
+  "main": "../../cjs/internal/ComponentTable.js",
   "module": "ComponentTable",
-  "types": "..\\ComponentTable.d.ts",
+  "types": "../ComponentTable.d.ts",
   "sideEffects": false
 }

package/internal/ComponentTable.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
 import { DefaultizeProps } from '../lib/utils';
-export declare type StatePropsCombinations<P, S> = Array<{
+declare type StatePropsObject<P, S> = {
     props?: Partial<P>;
     state?: Partial<S>;
-}>;
+};
+export declare type StatePropsCombinations<P, S> = Array<StatePropsObject<P, S>>;
 export declare 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>;
@@ -19,3 +20,4 @@ export declare class ComponentTable<T extends React.Component<any, any, any>, C
     };
     render(): JSX.Element;
 }
+export {};

package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js

@@ -3,16 +3,15 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _dec, _class, _class2, _temp;
 
 import React, { Component } from 'react';
-import { locale } from "..\\..\\..\\lib\\locale\\decorators";
-import { Menu } from "..\\..\\Menu";
-import { MenuItem } from "..\\..\\..\\components\\MenuItem";
-import { Spinner } from "..\\..\\..\\components\\Spinner";
-import { MenuSeparator } from "..\\..\\..\\components\\MenuSeparator";
-import { ComboBoxRequestStatus } from "..\\CustomComboBoxTypes";
-import { CustomComboBoxLocaleHelper } from "..\\locale";
-export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper), _dec(_class = (_temp = _class2 =
-/*#__PURE__*/
-function (_Component) {
+import { isNullable } from "../../../lib/utils";
+import { locale } from "../../../lib/locale/decorators";
+import { Menu } from "../../Menu";
+import { MenuItem } from "../../../components/MenuItem";
+import { Spinner } from "../../../components/Spinner";
+import { MenuSeparator } from "../../../components/MenuSeparator";
+import { ComboBoxRequestStatus } from "../CustomComboBoxTypes";
+import { CustomComboBoxLocaleHelper } from "../locale";
+export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(ComboBoxMenu, _Component);
 
   function ComboBoxMenu() {
@@ -23,7 +22,6 @@ function (_Component) {
     }
 
     _this = _Component.call.apply(_Component, [this].concat(args)) || this;
-    _this.locale = void 0;
 
     _this.renderItem = function (item, index) {
       // NOTE this is undesireable feature, better
@@ -32,7 +30,7 @@ function (_Component) {
           renderItem = _this$props.renderItem,
           onValueChange = _this$props.onValueChange;
 
-      if (typeof item === 'function' || React.isValidElement(item)) {
+      if (typeof item === 'function' || /*#__PURE__*/React.isValidElement(item)) {
         // @ts-ignore
         var element = typeof item === 'function' ? item() : item;
         var props = Object.assign({
@@ -41,14 +39,16 @@ function (_Component) {
             return onValueChange(element.props);
           }
         }, element.props);
-        return React.cloneElement(element, props);
+        return /*#__PURE__*/React.cloneElement(element, props);
       }
 
-      return React.createElement(MenuItem, {
+      return /*#__PURE__*/React.createElement(MenuItem, {
+        "data-tid": "ComboBoxMenu__item",
         onClick: function onClick() {
           return onValueChange(item);
         },
-        key: index
+        key: index,
+        isMobile: _this.props.isMobile
       }, function (state) {
         return renderItem(item, state);
       });
@@ -72,7 +72,8 @@ function (_Component) {
     } : _this$props2$renderNo,
         renderTotalCount = _this$props2.renderTotalCount,
         maxMenuHeight = _this$props2.maxMenuHeight,
-        requestStatus = _this$props2.requestStatus;
+        requestStatus = _this$props2.requestStatus,
+        isMobile = _this$props2.isMobile;
     var _this$locale = this.locale,
         notFound = _this$locale.notFound,
         errorNetworkButton = _this$locale.errorNetworkButton,
@@ -88,61 +89,99 @@ function (_Component) {
       renderAddButton = this.props.renderAddButton();
     }
 
+    var maxHeight = isMobile ? 'auto' : maxMenuHeight;
+
     if (loading && (!items || !items.length)) {
-      return React.createElement(Menu, {
-        ref: refMenu
-      }, React.createElement(MenuItem, {
-        disabled: true
-      }, React.createElement(Spinner, {
+      return /*#__PURE__*/React.createElement(Menu, {
+        maxHeight: maxHeight,
+        ref: refMenu,
+        disableScrollContainer: isMobile,
+        "data-tid": "ComboBoxMenu__loading"
+      }, /*#__PURE__*/React.createElement(MenuItem, {
+        disabled: true,
+        isMobile: isMobile
+      }, /*#__PURE__*/React.createElement(Spinner, {
         type: "mini",
         dimmed: true
       })));
     }
 
     if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {
-      return React.createElement(Menu, {
+      return /*#__PURE__*/React.createElement(Menu, {
         ref: refMenu,
-        maxHeight: maxMenuHeight
-      }, React.createElement(MenuItem, {
+        maxHeight: maxHeight,
+        disableScrollContainer: isMobile,
+        "data-tid": "ComboBoxMenu__failed"
+      }, /*#__PURE__*/React.createElement(MenuItem, {
         disabled: true,
-        key: "message"
-      }, React.createElement("div", {
+        key: "message",
+        isMobile: isMobile
+      }, /*#__PURE__*/React.createElement("div", {
         style: {
           maxWidth: 300,
           whiteSpace: 'normal'
         }
-      }, errorNetworkMessage)), React.createElement(MenuItem, {
+      }, errorNetworkMessage)), /*#__PURE__*/React.createElement(MenuItem, {
         link: true,
         onClick: this.props.repeatRequest,
-        key: "retry"
+        key: "retry",
+        isMobile: isMobile
       }, errorNetworkButton));
     }
 
-    if ((items == null || items.length === 0) && renderNotFound) {
-      return React.createElement(Menu, {
-        ref: refMenu
-      }, renderAddButton ? renderAddButton : React.createElement(MenuItem, {
-        disabled: true
-      }, renderNotFound()));
+    if ((isNullable(items) || items.length === 0) && renderNotFound) {
+      var notFoundValue = renderNotFound();
+
+      if (renderAddButton) {
+        return /*#__PURE__*/React.createElement(Menu, {
+          maxHeight: maxHeight,
+          ref: refMenu,
+          disableScrollContainer: isMobile
+        }, renderAddButton);
+      }
+
+      if (notFoundValue) {
+        return /*#__PURE__*/React.createElement(Menu, {
+          maxHeight: maxHeight,
+          ref: refMenu,
+          disableScrollContainer: isMobile
+        }, /*#__PURE__*/React.createElement(MenuItem, {
+          "data-tid": "ComboBoxMenu__notFound",
+          disabled: true,
+          isMobile: isMobile
+        }, notFoundValue));
+      }
+
+      return null;
     }
 
     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) {
-      total = React.createElement(MenuItem, {
+    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {
+      total = /*#__PURE__*/React.createElement(MenuItem, {
         disabled: true,
-        key: "total"
-      }, React.createElement("div", {
+        key: "total",
+        isMobile: isMobile
+      }, /*#__PURE__*/React.createElement("div", {
         style: {
           fontSize: 12
         }
-      }, renderTotalCount(items.length, totalCount)));
+      }, renderTotalCount(countItems, totalCount)));
     }
 
-    return React.createElement(Menu, {
+    return /*#__PURE__*/React.createElement(Menu, {
+      "data-tid": "ComboBoxMenu__items",
       ref: refMenu,
-      maxHeight: maxMenuHeight
-    }, items && items.map(this.renderItem), total, renderAddButton && [React.createElement(MenuSeparator, {
+      maxHeight: maxHeight,
+      disableScrollContainer: isMobile
+    }, 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","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      return (\r\n        <Menu ref={refMenu}>\r\n          {renderAddButton ? renderAddButton : <MenuItem disabled>{renderNotFound()}</MenuItem>}\r\n        </Menu>\r\n      );\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 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 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","isNullable","locale","Menu","MenuItem","Spinner","MenuSeparator","ComboBoxRequestStatus","CustomComboBoxLocaleHelper","ComboBoxMenu","renderItem","item","index","props","onValueChange","isValidElement","element","Object","assign","key","onClick","cloneElement","isMobile","state","render","opened","items","totalCount","loading","refMenu","renderNotFound","notFound","renderTotalCount","maxMenuHeight","requestStatus","errorNetworkButton","errorNetworkMessage","renderAddButton","maxHeight","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 { isNullable } from '../../lib/utils';\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  isMobile?: boolean;\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      isMobile,\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    const maxHeight = isMobile ? 'auto' : maxMenuHeight;\n\n    if (loading && (!items || !items.length)) {\n      return (\n        <Menu maxHeight={maxHeight} ref={refMenu} disableScrollContainer={isMobile} data-tid=\"ComboBoxMenu__loading\">\n          <MenuItem disabled isMobile={isMobile}>\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={maxHeight} disableScrollContainer={isMobile} data-tid=\"ComboBoxMenu__failed\">\n          <MenuItem disabled key=\"message\" isMobile={isMobile}>\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuItem>\n          <MenuItem link onClick={this.props.repeatRequest} 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 maxHeight={maxHeight} ref={refMenu} disableScrollContainer={isMobile}>\n            {renderAddButton}\n          </Menu>\n        );\n      }\n\n      if (notFoundValue) {\n        return (\n          <Menu maxHeight={maxHeight} ref={refMenu} disableScrollContainer={isMobile}>\n            <MenuItem data-tid=\"ComboBoxMenu__notFound\" disabled isMobile={isMobile}>\n              {notFoundValue}\n            </MenuItem>\n          </Menu>\n        );\n      }\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\" isMobile={isMobile}>\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={maxHeight} disableScrollContainer={isMobile}>\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\n        data-tid=\"ComboBoxMenu__item\"\n        onClick={() => onValueChange(item)}\n        key={index}\n        isMobile={this.props.isMobile}\n      >\n        {(state) => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n"]}

package/internal/CustomComboBox/ComboBoxMenu/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\cjs\\internal\\CustomComboBox\\ComboBoxMenu.js",
+  "main": "../../../cjs/internal/CustomComboBox/ComboBoxMenu.js",
   "module": "ComboBoxMenu",
-  "types": "..\\ComboBoxMenu.d.ts",
+  "types": "../ComboBoxMenu.d.ts",
   "sideEffects": false
 }

package/internal/CustomComboBox/ComboBoxMenu.d.ts

@@ -18,6 +18,7 @@ export interface ComboBoxMenuProps<T> {
     caption?: React.ReactNode;
     repeatRequest?: () => void;
     requestStatus?: ComboBoxRequestStatus;
+    isMobile?: boolean;
 }
 export declare class ComboBoxMenu<T> extends Component<ComboBoxMenuProps<T>> {
     static __KONTUR_REACT_UI__: string;