@skbkontur/react-ui 0.0.0-38b6d1ada0 → 0.0.0-444dd4e7b3

package/internal/CommonWrapper/CommonWrapper.d.ts

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

package/internal/CommonWrapper/index/index.js

@@ -0,0 +1 @@
+export * from "../CommonWrapper";

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

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

package/internal/CommonWrapper/index/package.json

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

package/internal/CommonWrapper/index.d.ts

@@ -0,0 +1 @@
+export * from './CommonWrapper';

package/internal/CommonWrapper/package.json

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

package/internal/ComponentCombinator/ComponentCombinator.js

@@ -0,0 +1,97 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { createPropsGetter } from "../../lib/createPropsGetter";
+import { ComponentTable } from "../ComponentTable";
+export var ComponentCombinator = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(ComponentCombinator, _React$Component);
+
+  function ComponentCombinator() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(ComponentCombinator.defaultProps);
+    _this.state = {
+      page: 0
+    };
+
+    _this.prevPage = function () {
+      _this.setState(function (_ref) {
+        var page = _ref.page;
+        return {
+          page: page - 1
+        };
+      });
+    };
+
+    _this.nextPage = function () {
+      _this.setState(function (_ref2) {
+        var page = _ref2.page;
+        return {
+          page: page + 1
+        };
+      });
+    };
+
+    return _this;
+  }
+
+  var _proto = ComponentCombinator.prototype;
+
+  _proto.render = function render() {
+    var _ref3;
+
+    var page = this.state.page;
+    var _this$props = this.props,
+        combinations = _this$props.combinations,
+        Component = _this$props.Component;
+
+    var _this$getProps = this.getProps(),
+        presetProps = _this$getProps.presetProps;
+
+    var pages = [];
+    var row = 0;
+    var sizes = combinations.map(function (c) {
+      return c.length;
+    });
+
+    var flatCombinations = (_ref3 = []).concat.apply(_ref3, combinations);
+
+    for (var j = 0; j < sizes.length - 1; j++) {
+      pages.push({
+        offsetX: row,
+        offsetY: row += sizes[j]
+      });
+    }
+
+    var pageOffsets = pages[page];
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+      id: "paginator",
+      style: {
+        marginBottom: 5
+      }
+    }, /*#__PURE__*/React.createElement("button", {
+      disabled: page === 0,
+      id: "prev-page",
+      onClick: this.prevPage
+    }, "Prev"), ' ', /*#__PURE__*/React.createElement("small", null, page + 1 + " / " + pages.length), ' ', /*#__PURE__*/React.createElement("button", {
+      disabled: page + 1 >= pages.length,
+      id: "next-page",
+      onClick: this.nextPage
+    }, "Next")), /*#__PURE__*/React.createElement("div", null, pageOffsets && /*#__PURE__*/React.createElement(ComponentTable, {
+      key: page,
+      Component: Component,
+      presetProps: presetProps,
+      rows: flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length),
+      cols: flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)
+    })));
+  };
+
+  return ComponentCombinator;
+}(React.Component);
+ComponentCombinator.defaultProps = {
+  presetProps: {}
+};

package/internal/ComponentCombinator/ComponentCombinator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ComponentCombinator.tsx"],"names":["React","createPropsGetter","ComponentTable","ComponentCombinator","getProps","defaultProps","state","page","prevPage","setState","nextPage","render","props","combinations","Component","presetProps","pages","row","sizes","map","c","length","flatCombinations","concat","j","push","offsetX","offsetY","pageOffsets","marginBottom","slice"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,iBAAT,QAAkC,0BAAlC;;AAEA,SAASC,cAAT,QAAkE,kBAAlE;;;;;;;;;;AAUA,WAAaC,mBAAb;;;;;;;;;;;;AAYUC,IAAAA,QAZV,GAYqBH,iBAAiB,CAACE,mBAAmB,CAACE,YAArB,CAZtC;;AAcSC,IAAAA,KAdT,GAciB;AACbC,MAAAA,IAAI,EAAE,CADO,EAdjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DUC,IAAAA,QA7DV,GA6DqB,YAAM;AACvB,YAAKC,QAAL,CAAc,qBAAGF,IAAH,QAAGA,IAAH,QAAe;AAC3BA,UAAAA,IAAI,EAAEA,IAAI,GAAG,CADc,EAAf,EAAd;;AAGD,KAjEH;;AAmEUG,IAAAA,QAnEV,GAmEqB,YAAM;AACvB,YAAKD,QAAL,CAAc,sBAAGF,IAAH,SAAGA,IAAH,QAAe;AAC3BA,UAAAA,IAAI,EAAEA,IAAI,GAAG,CADc,EAAf,EAAd;;AAGD,KAvEH,iEAkBSI,MAlBT,GAkBE,kBAAgB,WACd,IAAQJ,IAAR,GAAiB,KAAKD,KAAtB,CAAQC,IAAR,CACA,kBAAoC,KAAKK,KAAzC,CAAQC,YAAR,eAAQA,YAAR,CAAsBC,SAAtB,eAAsBA,SAAtB,CACA,qBAAwB,KAAKV,QAAL,EAAxB,CAAQW,WAAR,kBAAQA,WAAR,CACA,IAAMC,KAAK,GAAG,EAAd,CACA,IAAIC,GAAG,GAAG,CAAV,CACA,IAAMC,KAAK,GAAGL,YAAY,CAACM,GAAb,CAAiB,UAACC,CAAD,UAAOA,CAAC,CAACC,MAAT,EAAjB,CAAd,CACA,IAAMC,gBAAgB,GAAG,SAAC,EAAD,EAA+BC,MAA/B,cAAyCV,YAAzC,CAAzB,CAEA,KAAK,IAAIW,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGN,KAAK,CAACG,MAAN,GAAe,CAAnC,EAAsCG,CAAC,EAAvC,EAA2C,CACzCR,KAAK,CAACS,IAAN,CAAW,EACTC,OAAO,EAAET,GADA,EAETU,OAAO,EAAGV,GAAG,IAAIC,KAAK,CAACM,CAAD,CAFb,EAAX,EAID,CAED,IAAMI,WAAW,GAAGZ,KAAK,CAACT,IAAD,CAAzB,CACA,oBACE,8CACE,6BAAK,EAAE,EAAC,WAAR,EAAoB,KAAK,EAAE,EAAEsB,YAAY,EAAE,CAAhB,EAA3B,iBACE,gCAAQ,QAAQ,EAAEtB,IAAI,KAAK,CAA3B,EAA8B,EAAE,EAAC,WAAjC,EAA6C,OAAO,EAAE,KAAKC,QAA3D,WADF,EAGY,GAHZ,eAIE,mCAAWD,IAAI,GAAG,CAAlB,WAAyBS,KAAK,CAACK,MAA/B,CAJF,EAImD,GAJnD,eAKE,gCAAQ,QAAQ,EAAEd,IAAI,GAAG,CAAP,IAAYS,KAAK,CAACK,MAApC,EAA4C,EAAE,EAAC,WAA/C,EAA2D,OAAO,EAAE,KAAKX,QAAzE,WALF,CADF,eAUE,iCACGkB,WAAW,iBACV,oBAAC,cAAD,IACE,GAAG,EAAErB,IADP,EAEE,SAAS,EAAEO,SAFb,EAGE,WAAW,EAAEC,WAHf,EAIE,IAAI,EAAEO,gBAAgB,CAACQ,KAAjB,CAAuBF,WAAW,CAACD,OAAnC,EAA4CL,gBAAgB,CAACD,MAA7D,CAJR,EAKE,IAAI,EAAEC,gBAAgB,CAACQ,KAAjB,CAAuBF,WAAW,CAACF,OAAnC,EAA4CE,WAAW,CAACD,OAAxD,CALR,GAFJ,CAVF,CADF,CAwBD,CA3DH,8BAIU3B,KAAK,CAACc,SAJhB,EAAaX,mB,CAQGE,Y,GAAwD,EACpEU,WAAW,EAAE,EADuD,E","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}\n\ntype DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps'>>;\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  };\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 } = 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              rows={flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length)}\n              cols={flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private prevPage = () => {\n    this.setState(({ page }) => ({\n      page: page - 1,\n    }));\n  };\n\n  private nextPage = () => {\n    this.setState(({ page }) => ({\n      page: page + 1,\n    }));\n  };\n}\n"]}

package/internal/ComponentCombinator/package.json

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

package/internal/ComponentCombinator.d.ts

@@ -0,0 +1,22 @@
+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>;
+}
+declare type DefaultProps<T, C, P> = Required<Pick<ComponentCombinatorProps<T, C, P>, 'presetProps'>>;
+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(): JSX.Element;
+    private prevPage;
+    private nextPage;
+}
+export {};

package/internal/ComponentTable/ComponentTable.js

@@ -0,0 +1,70 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react'; // TODO We should output state too
+
+var renderPropsDesc = function renderPropsDesc(props) {
+  return Object.keys(props).map(function (key) {
+    var value = props[key];
+
+    if (typeof value === 'boolean') {
+      return value ? key : key + ": false";
+    }
+
+    if (typeof value === 'object') {
+      if ( /*#__PURE__*/React.isValidElement(value)) {
+        return /*#__PURE__*/React.createElement('span', {}, [key + ": ", value]);
+      }
+
+      return key + ": " + JSON.stringify(value);
+    }
+
+    return key + ": \"" + value + "\"";
+  }).map(function (node, index, nodes) {
+    return /*#__PURE__*/React.createElement("span", {
+      key: index
+    }, node, " ", index + 1 < nodes.length ? ', ' : null);
+  });
+};
+
+export function ComponentTable(_ref) {
+  var _ref$rows = _ref.rows,
+      rows = _ref$rows === void 0 ? [] : _ref$rows,
+      _ref$cols = _ref.cols,
+      cols = _ref$cols === void 0 ? [] : _ref$cols,
+      presetProps = _ref.presetProps,
+      Component = _ref.Component;
+  return /*#__PURE__*/React.createElement("table", {
+    style: {
+      borderSpacing: 10,
+      marginBottom: 20
+    }
+  }, /*#__PURE__*/React.createElement("caption", {
+    style: {
+      captionSide: 'bottom'
+    }
+  }, renderPropsDesc(presetProps != null ? presetProps : {})), /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, ''), cols.map(function (_ref2, i) {
+    var _ref2$props = _ref2.props,
+        colProps = _ref2$props === void 0 ? {} : _ref2$props;
+    return /*#__PURE__*/React.createElement("th", {
+      style: {
+        whiteSpace: 'nowrap'
+      },
+      key: i
+    }, renderPropsDesc(colProps));
+  }))), /*#__PURE__*/React.createElement("tbody", null, rows.map(function (_ref3, rowIndex) {
+    var _ref3$props = _ref3.props,
+        rowProps = _ref3$props === void 0 ? {} : _ref3$props;
+    return /*#__PURE__*/React.createElement("tr", {
+      key: rowIndex
+    }, /*#__PURE__*/React.createElement("td", {
+      style: {
+        whiteSpace: 'nowrap'
+      }
+    }, renderPropsDesc(rowProps)), cols.map(function (_ref4, colIndex) {
+      var _ref4$props = _ref4.props,
+          colProps = _ref4$props === void 0 ? {} : _ref4$props;
+      return /*#__PURE__*/React.createElement("td", {
+        key: colIndex
+      }, /*#__PURE__*/React.createElement(Component, _extends({}, presetProps != null ? presetProps : {}, rowProps, colProps)));
+    }));
+  })));
+}

package/internal/ComponentTable/ComponentTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ComponentTable.tsx"],"names":["React","renderPropsDesc","props","Object","keys","map","key","value","isValidElement","createElement","JSON","stringify","node","index","nodes","length","ComponentTable","rows","cols","presetProps","Component","borderSpacing","marginBottom","captionSide","i","colProps","whiteSpace","rowIndex","rowProps","colIndex"],"mappings":"0DAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAIA;AACA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAgCC,KAAhC,EAA8D;AACpF,SAAOC,MAAM,CAACC,IAAP,CAAYF,KAAZ;AACJG,EAAAA,GADI,CACA,UAACC,GAAD,EAAS;AACZ,QAAMC,KAAK,GAAGL,KAAK,CAACI,GAAD,CAAnB;;AAEA,QAAI,OAAOC,KAAP,KAAiB,SAArB,EAAgC;AAC9B,aAAOA,KAAK,GAAGD,GAAH,GAAYA,GAAZ,YAAZ;AACD;;AAED,QAAI,OAAOC,KAAP,KAAiB,QAArB,EAA+B;AAC7B,wBAAIP,KAAK,CAACQ,cAAN,CAAqBD,KAArB,CAAJ,EAAiC;AAC/B,4BAAOP,KAAK,CAACS,aAAN,CAAoB,MAApB,EAA4B,EAA5B,EAAgC,CAAIH,GAAJ,SAAaC,KAAb,CAAhC,CAAP;AACD;;AAED,aAAUD,GAAV,UAAkBI,IAAI,CAACC,SAAL,CAAeJ,KAAf,CAAlB;AACD;;AAED,WAAUD,GAAV,YAAmBC,KAAnB;AACD,GAjBI;AAkBJF,EAAAA,GAlBI,CAkBA,UAACO,IAAD,EAAOC,KAAP,EAAcC,KAAd;AACH,oCAAM,GAAG,EAAED,KAAX;AACGD,MAAAA,IADH,OACUC,KAAK,GAAG,CAAR,GAAYC,KAAK,CAACC,MAAlB,GAA2B,IAA3B,GAAkC,IAD5C,CADG,GAlBA,CAAP;;;AAuBD,CAxBD;;;;;;;;;;;;;;;;;AAyCA,OAAO,SAASC,cAAT;;;;;;;;;AASyG,sBAJ9GC,IAI8G,CAJ9GA,IAI8G,0BAJvG,EAIuG,8BAH9GC,IAG8G,CAH9GA,IAG8G,0BAHvG,EAGuG,aAF9GC,WAE8G,QAF9GA,WAE8G,CAD9GC,SAC8G,QAD9GA,SAC8G;AAC9G;AACE,mCAAO,KAAK,EAAE,EAAEC,aAAa,EAAE,EAAjB,EAAqBC,YAAY,EAAE,EAAnC,EAAd;AACE,qCAAS,KAAK,EAAE,EAAEC,WAAW,EAAE,QAAf,EAAhB,IAA4CtB,eAAe,CAACkB,WAAD,WAACA,WAAD,GAAgB,EAAhB,CAA3D,CADF;AAEE;AACE;AACE,oCAAK,EAAL,CADF;AAEGD,IAAAA,IAAI,CAACb,GAAL,CAAS,iBAA2BmB,CAA3B,2BAAGtB,KAAH,CAAUuB,QAAV,4BAAqB,EAArB;AACR,oCAAI,KAAK,EAAE,EAAEC,UAAU,EAAE,QAAd,EAAX,EAAqC,GAAG,EAAEF,CAA1C;AACGvB,QAAAA,eAAe,CAACwB,QAAD,CADlB,CADQ,GAAT,CAFH,CADF,CAFF;;;;;AAYE;AACGR,IAAAA,IAAI,CAACZ,GAAL,CAAS,iBAA2BsB,QAA3B,2BAAGzB,KAAH,CAAU0B,QAAV,4BAAqB,EAArB;AACR,oCAAI,GAAG,EAAED,QAAT;AACE,oCAAI,KAAK,EAAE,EAAED,UAAU,EAAE,QAAd,EAAX,IAAsCzB,eAAe,CAAC2B,QAAD,CAArD,CADF;AAEGV,QAAAA,IAAI,CAACb,GAAL,CAAS,iBAA2BwB,QAA3B,2BAAG3B,KAAH,CAAUuB,QAAV,4BAAqB,EAArB;AACR,wCAAI,GAAG,EAAEI,QAAT;;AAEE,gCAAC,SAAD,eAAgBV,WAAhB,WAAgBA,WAAhB,GAA+B,EAA/B,EAAwCS,QAAxC,EAAsDH,QAAtD,EAFF,CADQ,GAAT,CAFH,CADQ,GAAT,CADH,CAZF,CADF;;;;;;;;AA4BD","sourcesContent":["import React from 'react';\n\nimport { 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\n      if (typeof value === 'boolean') {\n        return value ? key : `${key}: false`;\n      }\n\n      if (typeof value === 'object') {\n        if (React.isValidElement(value)) {\n          return React.createElement('span', {}, [`${key}: `, value]);\n        }\n\n        return `${key}: ${JSON.stringify(value)}`;\n      }\n\n      return `${key}: \"${value}\"`;\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  Component: C;\n}\n\nexport function ComponentTable<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType,\n  P extends React.ComponentProps<C>,\n>({\n  rows = [],\n  cols = [],\n  presetProps,\n  Component,\n}: ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>) {\n  return (\n    <table style={{ borderSpacing: 10, marginBottom: 20 }}>\n      <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps ?? {})}</caption>\n      <thead>\n        <tr>\n          <th>{''}</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 = {} }, rowIndex) => (\n          <tr key={rowIndex}>\n            <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\n            {cols.map(({ props: colProps = {} }, colIndex) => (\n              <td key={colIndex}>\n                {/* @ts-expect-error: Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it */}\n                <Component {...(presetProps ?? {})} {...rowProps} {...colProps} />\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\n"]}

package/internal/ComponentTable/package.json

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

package/internal/ComponentTable.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { DefaultizeProps } from '../lib/utils';
+interface 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>;
+    cols?: StatePropsCombinations<P, S>;
+    presetProps?: DefaultizeProps<C, P>;
+    Component: C;
+}
+export declare function ComponentTable<T extends React.Component<any, any, any>, C extends React.ComponentType, P extends React.ComponentProps<C>>({ rows, cols, presetProps, Component, }: ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>): JSX.Element;
+export {};

package/internal/CustomComboBox/ArrowDownIcon/ArrowDownIcon.js

@@ -0,0 +1,17 @@
+/* eslint-disable react/display-name */
+import React from 'react';
+import { ArrowCDownIcon16Regular } from "../../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular";
+import { ArrowCDownIcon20Regular } from "../../icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular";
+import { ArrowCDownIcon24Regular } from "../../icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular";
+import { iconSizer } from "../../icons2022/iconSizer";
+export var ArrowDownIcon = iconSizer({
+  small: function small() {
+    return /*#__PURE__*/React.createElement(ArrowCDownIcon16Regular, null);
+  },
+  medium: function medium() {
+    return /*#__PURE__*/React.createElement(ArrowCDownIcon20Regular, null);
+  },
+  large: function large() {
+    return /*#__PURE__*/React.createElement(ArrowCDownIcon24Regular, null);
+  }
+}, 'ArrowDownIcon');

package/internal/CustomComboBox/ArrowDownIcon/ArrowDownIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowDownIcon.tsx"],"names":["React","ArrowCDownIcon16Regular","ArrowCDownIcon20Regular","ArrowCDownIcon24Regular","iconSizer","ArrowDownIcon","small","medium","large"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,uBAAT,QAAwC,qDAAxC;AACA,SAASC,uBAAT,QAAwC,qDAAxC;AACA,SAASC,uBAAT,QAAwC,qDAAxC;AACA,SAASC,SAAT,QAA0B,wBAA1B;;AAEA,OAAO,IAAMC,aAAa,GAAGD,SAAS;AACpC;AACEE,EAAAA,KAAK,EAAE,sCAAM,oBAAC,uBAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,oBAAC,uBAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,oBAAC,uBAAD,OAAN,EAHT,EADoC;;AAMpC,eANoC,CAA/B","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { ArrowCDownIcon16Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular';\nimport { ArrowCDownIcon20Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular';\nimport { ArrowCDownIcon24Regular } from '../icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular';\nimport { iconSizer } from '../icons2022/iconSizer';\n\nexport const ArrowDownIcon = iconSizer(\n  {\n    small: () => <ArrowCDownIcon16Regular />,\n    medium: () => <ArrowCDownIcon20Regular />,\n    large: () => <ArrowCDownIcon24Regular />,\n  },\n  'ArrowDownIcon',\n);\n"]}

package/internal/CustomComboBox/ArrowDownIcon/package.json

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

package/internal/CustomComboBox/ArrowDownIcon.d.ts

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

package/internal/CustomComboBox/ComboBoxMenu/ComboBoxMenu.js

@@ -0,0 +1,221 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _dec, _class, _class2, _temp;
+
+import React from 'react';
+import { isFunction, isNullable } from "../../../lib/utils";
+import { locale } from "../../../lib/locale/decorators";
+import { Menu } from "../../Menu";
+import { isMenuItem, MenuItem } from "../../../components/MenuItem";
+import { Spinner } from "../../../components/Spinner";
+import { MenuSeparator } from "../../../components/MenuSeparator";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { MenuMessage } from "../../MenuMessage";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { MenuFooter } from "../../../components/MenuFooter";
+import { ComboBoxRequestStatus } from "../CustomComboBoxTypes";
+import { CustomComboBoxLocaleHelper } from "../locale";
+export var ComboBoxMenuDataTids = {
+  loading: 'ComboBoxMenu__loading',
+  failed: 'ComboBoxMenu__failed',
+  notFound: 'ComboBoxMenu__notFound',
+  items: 'ComboBoxMenu__items',
+  item: 'ComboBoxMenu__item'
+};
+export var ComboBoxMenu = (_dec = locale('ComboBox', CustomComboBoxLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(ComboBoxMenu, _React$Component);
+
+  function ComboBoxMenu() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getProps = createPropsGetter(ComboBoxMenu.defaultProps);
+
+    _this.renderItem = function (item, index) {
+      // NOTE this is undesireable feature, better
+      // to remove it from further versions
+      var _this$props = _this.props,
+          renderItem = _this$props.renderItem,
+          onValueChange = _this$props.onValueChange,
+          itemWrapper = _this$props.itemWrapper;
+
+      if (!isSimpleItem(item)) {
+        var element = isFunction(item) ? item() : item;
+        var props = Object.assign({
+          key: index,
+          onClick: function onClick() {
+            return onValueChange(element.props);
+          }
+        }, element.props);
+        return /*#__PURE__*/React.cloneElement(element, props);
+      }
+
+      return /*#__PURE__*/React.createElement(MenuItem, {
+        component: itemWrapper == null ? void 0 : itemWrapper(item),
+        "data-tid": ComboBoxMenuDataTids.item,
+        onClick: function onClick() {
+          return onValueChange(item);
+        },
+        key: index,
+        size: _this.props.size,
+        isMobile: _this.props.isMobile
+      }, function (state) {
+        return renderItem(item, state);
+      });
+    };
+
+    return _this;
+  }
+
+  var _proto = ComboBoxMenu.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: _this2.theme
+      }, _this2.renderMain());
+    });
+  };
+
+  _proto.renderMain = function renderMain() {
+    var _this$props2 = this.props,
+        opened = _this$props2.opened,
+        items = _this$props2.items,
+        totalCount = _this$props2.totalCount,
+        loading = _this$props2.loading,
+        refMenu = _this$props2.refMenu,
+        _this$props2$renderNo = _this$props2.renderNotFound,
+        renderNotFound = _this$props2$renderNo === void 0 ? function () {
+      return notFound;
+    } : _this$props2$renderNo,
+        renderTotalCount = _this$props2.renderTotalCount,
+        maxMenuHeight = _this$props2.maxMenuHeight,
+        isMobile = _this$props2.isMobile;
+    var requestStatus = this.getProps().requestStatus;
+    var _this$locale = this.locale,
+        notFound = _this$locale.notFound,
+        errorNetworkButton = _this$locale.errorNetworkButton,
+        errorNetworkMessage = _this$locale.errorNetworkMessage;
+
+    if (!opened) {
+      return null;
+    }
+
+    var renderAddButton = null;
+
+    if (this.props.renderAddButton) {
+      renderAddButton = this.props.renderAddButton();
+    }
+
+    var maxHeight = isMobile ? 'auto' : maxMenuHeight;
+
+    if (loading && (!items || !items.length)) {
+      return /*#__PURE__*/React.createElement(Menu, {
+        maxHeight: maxHeight,
+        ref: refMenu,
+        disableScrollContainer: isMobile,
+        id: this.props.menuId,
+        "data-tid": ComboBoxMenuDataTids.loading
+      }, /*#__PURE__*/React.createElement(MenuMessage, {
+        size: this.props.size,
+        as: "div"
+      }, /*#__PURE__*/React.createElement(Spinner, {
+        type: "mini",
+        dimmed: true
+      })));
+    }
+
+    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {
+      return /*#__PURE__*/React.createElement(Menu, {
+        ref: refMenu,
+        maxHeight: maxHeight,
+        disableScrollContainer: isMobile,
+        id: this.props.menuId,
+        "data-tid": ComboBoxMenuDataTids.failed
+      }, /*#__PURE__*/React.createElement(MenuMessage, {
+        size: this.props.size,
+        key: "message"
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          maxWidth: 300,
+          whiteSpace: 'normal'
+        }
+      }, errorNetworkMessage)), /*#__PURE__*/React.createElement(MenuItem, {
+        link: true,
+        onClick: this.getProps().repeatRequest,
+        size: this.props.size,
+        key: "retry",
+        isMobile: isMobile
+      }, errorNetworkButton));
+    }
+
+    if ((isNullable(items) || items.length === 0) && renderNotFound) {
+      var notFoundValue = renderNotFound();
+
+      if (renderAddButton) {
+        return /*#__PURE__*/React.createElement(Menu, {
+          id: this.props.menuId,
+          maxHeight: maxHeight,
+          ref: refMenu,
+          disableScrollContainer: isMobile
+        }, renderAddButton);
+      }
+
+      if (notFoundValue) {
+        return /*#__PURE__*/React.createElement(Menu, {
+          id: this.props.menuId,
+          maxHeight: maxHeight,
+          ref: refMenu,
+          disableScrollContainer: isMobile
+        }, /*#__PURE__*/React.createElement(MenuMessage, {
+          size: this.props.size,
+          "data-tid": ComboBoxMenuDataTids.notFound
+        }, notFoundValue));
+      }
+
+      return null;
+    }
+
+    var total = null;
+    var renderedItems = items && items.map(this.renderItem);
+    var menuItems = renderedItems == null ? void 0 : renderedItems.filter(function (item) {
+      return isMenuItem(item);
+    });
+    var countItems = menuItems == null ? void 0 : menuItems.length;
+
+    if (countItems && renderTotalCount && totalCount && countItems < totalCount) {
+      total = /*#__PURE__*/React.createElement(MenuFooter, {
+        size: this.props.size,
+        key: "total"
+      }, /*#__PURE__*/React.createElement("div", null, renderTotalCount(countItems, totalCount)));
+    }
+
+    return /*#__PURE__*/React.createElement(Menu, {
+      id: this.props.menuId,
+      "data-tid": ComboBoxMenuDataTids.items,
+      ref: refMenu,
+      maxHeight: maxHeight,
+      disableScrollContainer: isMobile
+    }, renderedItems, total, renderAddButton && [/*#__PURE__*/React.createElement(MenuSeparator, {
+      key: "separator"
+    }), renderAddButton]);
+  };
+
+  return ComboBoxMenu;
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'ComboBoxMenu', _class2.defaultProps = {
+  repeatRequest: function repeatRequest() {
+    return undefined;
+  },
+  requestStatus: ComboBoxRequestStatus.Unknown
+}, _temp)) || _class);
+
+function isSimpleItem(item) {
+  return !isFunction(item) && ! /*#__PURE__*/React.isValidElement(item);
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ComboBoxMenu.tsx"],"names":["React","isFunction","isNullable","locale","Menu","isMenuItem","MenuItem","Spinner","MenuSeparator","createPropsGetter","MenuMessage","ThemeContext","MenuFooter","ComboBoxRequestStatus","CustomComboBoxLocaleHelper","ComboBoxMenuDataTids","loading","failed","notFound","items","item","ComboBoxMenu","getProps","defaultProps","renderItem","index","props","onValueChange","itemWrapper","isSimpleItem","element","Object","assign","key","onClick","cloneElement","size","isMobile","state","render","theme","renderMain","opened","totalCount","refMenu","renderNotFound","renderTotalCount","maxMenuHeight","requestStatus","errorNetworkButton","errorNetworkMessage","renderAddButton","maxHeight","length","menuId","Failed","maxWidth","whiteSpace","repeatRequest","notFoundValue","total","renderedItems","map","menuItems","filter","countItems","Component","__KONTUR_REACT_UI__","undefined","Unknown","isValidElement"],"mappings":"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","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  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<unknown>;\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\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          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          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 id={this.props.menuId} maxHeight={maxHeight} ref={refMenu} disableScrollContainer={isMobile}>\n            {renderAddButton}\n          </Menu>\n        );\n      }\n\n      if (notFoundValue) {\n        return (\n          <Menu id={this.props.menuId} maxHeight={maxHeight} ref={refMenu} disableScrollContainer={isMobile}>\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        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"]}

package/internal/CustomComboBox/ComboBoxMenu/package.json

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