@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-eab52adf66

package/cjs/internal/CommonWrapper/utils/tryGetBoolean.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;exports.tryGetBoolean = void 0;var tryGetBoolean = exports.tryGetBoolean = function tryGetBoolean(value) {return typeof value === 'boolean' ? value : undefined;};

package/cjs/internal/CommonWrapper/utils/tryGetBoolean.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tryGetBoolean","exports","value","undefined"],"sources":["tryGetBoolean.ts"],"sourcesContent":["export const tryGetBoolean = (value: unknown): boolean | undefined => (typeof value === 'boolean' ? value : undefined);\n"],"mappings":"sEAAO,IAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAIE,KAAc,UAA2B,OAAOA,KAAK,KAAK,SAAS,GAAGA,KAAK,GAAGC,SAAS,EAAC","ignoreList":[]}

package/cjs/internal/ComponentCombinator.d.ts

@@ -0,0 +1,23 @@
+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/cjs/internal/ComponentCombinator.js

@@ -0,0 +1,91 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComponentCombinator = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+
+var _createPropsGetter = require("../lib/createPropsGetter");
+
+
+var _ComponentTable = require("./ComponentTable");var
+
+
+
+
+
+
+
+
+
+
+ComponentCombinator = exports.ComponentCombinator = /*#__PURE__*/function (_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 = (0, _createPropsGetter.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;}(0, _inheritsLoose2.default)(ComponentCombinator, _React$Component);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,presetState = _this$getProps.presetState;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.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", { id: "paginator", style: { marginBottom: 5 } }, /*#__PURE__*/_react.default.createElement("button", { disabled: page === 0, id: "prev-page", onClick: this.prevPage }, "Prev"), ' ', /*#__PURE__*/_react.default.createElement("small", null, page + 1 + " / " + pages.length), ' ', /*#__PURE__*/_react.default.createElement("button", { disabled: page + 1 >= pages.length, id: "next-page", onClick: this.nextPage }, "Next")), /*#__PURE__*/_react.default.createElement("div", null, pageOffsets && /*#__PURE__*/_react.default.createElement(_ComponentTable.ComponentTable, { key: page, Component: Component, presetProps: presetProps, presetState: presetState, rows: flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length), cols: flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY) })));};return ComponentCombinator;}(_react.default.Component);ComponentCombinator.defaultProps = { presetProps: {}, presetState: {} };

package/cjs/internal/ComponentCombinator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_createPropsGetter","_ComponentTable","ComponentCombinator","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","page","prevPage","setState","_ref","nextPage","_ref2","_inheritsLoose2","default","_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","ComponentTable","key","rows","slice","cols","React"],"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/cjs/internal/ComponentTable.d.ts

@@ -0,0 +1,22 @@
+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/cjs/internal/ComponentTable.js

@@ -0,0 +1,114 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComponentTable = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+
+var _utils = require("../lib/utils");
+var _createPropsGetter = require("../lib/createPropsGetter");
+
+// TODO We should output state too
+var renderPropsDesc = function renderPropsDesc(props) {
+  return Object.keys(props).
+  map(function (key) {
+    var value = props[key];
+    switch (typeof value) {
+      case 'boolean':
+        return value ? key : key + ": false";
+      case 'string':
+        return key + ": \"" + value + "\"";
+      case 'object':
+        if ( /*#__PURE__*/_react.default.isValidElement(value)) {
+          return /*#__PURE__*/_react.default.createElement('span', {}, [key + ": ", value]);
+        }
+        return key + ": " + JSON.stringify(value);
+      default:
+        return key + ": " + value;
+    }
+  }).
+  map(function (node, index, nodes) {return /*#__PURE__*/(
+      _react.default.createElement("span", { key: index },
+      node, " ", index + 1 < nodes.length ? ', ' : null
+      ));}
+  );
+};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// Known limitation: Don't work when component have `propTypes` static field
+var ComponentTable = exports.ComponentTable = /*#__PURE__*/function (_React$Component) {function ComponentTable() {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 = (0, _createPropsGetter.createPropsGetter)(ComponentTable.defaultProps);return _this;}(0, _inheritsLoose2.default)(ComponentTable, _React$Component);var _proto = ComponentTable.prototype;_proto.
+
+  render = function render() {
+    var _this$props = this.props,_this$props$rows = _this$props.rows,rows = _this$props$rows === void 0 ? [] : _this$props$rows,_this$props$cols = _this$props.cols,cols = _this$props$cols === void 0 ? [] : _this$props$cols,Component = _this$props.Component;
+    var _this$getProps = this.getProps(),presetProps = _this$getProps.presetProps,presetState = _this$getProps.presetState;
+    return /*#__PURE__*/(
+      _react.default.createElement("table", { style: { borderSpacing: 10, marginBottom: 20 } }, /*#__PURE__*/
+      _react.default.createElement("caption", { style: { captionSide: 'bottom' } }, renderPropsDesc(presetProps)), /*#__PURE__*/
+      _react.default.createElement("thead", null, /*#__PURE__*/
+      _react.default.createElement("tr", null, /*#__PURE__*/
+      _react.default.createElement("th", null),
+      cols.map(function (_ref, i) {var _ref$props = _ref.props,colProps = _ref$props === void 0 ? {} : _ref$props;return /*#__PURE__*/(
+          _react.default.createElement("th", { style: { whiteSpace: 'nowrap' }, key: i },
+          renderPropsDesc(colProps)
+          ));}
+      )
+      )
+      ), /*#__PURE__*/
+      _react.default.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 /*#__PURE__*/(
+          _react.default.createElement("tr", { key: rowIndex }, /*#__PURE__*/
+          _react.default.createElement("td", { style: { whiteSpace: 'nowrap' } }, renderPropsDesc(rowProps)),
+          cols.map(function (_ref3, colIndex) {var _ref3$props = _ref3.props,colProps = _ref3$props === void 0 ? {} : _ref3$props,_ref3$state = _ref3.state,colState = _ref3$state === void 0 ? {} : _ref3$state;return /*#__PURE__*/(
+              _react.default.createElement("td", { key: colIndex }, /*#__PURE__*/
+
+              _react.default.createElement(Component, (0, _extends2.default)({},
+              presetProps,
+              rowProps,
+              colProps, {
+                ref:
+                // NOTE Call setState from outside is bad practice, but here it needed for test state combinations
+                (0, _utils.isFunctionalComponent)(Component) ?
+                undefined :
+                function (el) {return (
+                    el &&
+                    el.setState(function (state) {return (0, _extends2.default)({},
+                      state,
+                      presetState,
+                      rowState,
+                      colState);}
+                    ));} })
+
+              )
+              ));}
+          )
+          ));}
+      )
+      )
+      ));
+
+  };return ComponentTable;}(_react.default.Component);ComponentTable.defaultProps = { presetProps: {}, presetState: {} };

package/cjs/internal/ComponentTable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_createPropsGetter","renderPropsDesc","props","Object","keys","map","key","value","React","isValidElement","createElement","JSON","stringify","node","index","nodes","default","length","ComponentTable","exports","_React$Component","_this","_len","arguments","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","_inheritsLoose2","_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","_extends2","ref","isFunctionalComponent","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\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":"oVAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;;AAEA;AACA,IAAMG,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,kBAAIC,cAAK,CAACC,cAAc,CAACF,KAAK,CAAC,EAAE;UAC/B,oBAAOC,cAAK,CAACE,aAAa,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAIJ,GAAG,SAAMC,KAAK,CAAC,CAAC;QAC7D;QACA,OAAUD,GAAG,UAAKK,IAAI,CAACC,SAAS,CAACL,KAAK,CAAC;MACzC;QACE,OAAUD,GAAG,UAAKC,KAAK;IAC3B;EACF,CAAC,CAAC;EACDF,GAAG,CAAC,UAACQ,IAAI,EAAEC,KAAK,EAAEC,KAAK;MACtBnB,MAAA,CAAAoB,OAAA,CAAAN,aAAA,WAAMJ,GAAG,EAAEQ,KAAM;MACdD,IAAI,EAAC,GAAC,EAACC,KAAK,GAAG,CAAC,GAAGC,KAAK,CAACE,MAAM,GAAG,IAAI,GAAG;MACtC,CAAC;EACR,CAAC;AACN,CAAC;;;;;;;;;;;;;;;;;;;;AAoBD;AAAA,IACaC,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,gBAAA,YAAAF,eAAA,OAAAG,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAN,MAAA,EAAAO,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,GAAG,IAAAC,oCAAiB,EAACb,cAAc,CAACc,YAAY,CAAC,QAAAX,KAAA,MAAAY,eAAA,CAAAjB,OAAA,EAAAE,cAAA,EAAAE,gBAAA,MAAAc,MAAA,GAAAhB,cAAA,CAAAiB,SAAA,CAAAD,MAAA;;EAE1DE,MAAM,GAAb,SAAAA,OAAA,EAAgB;IACd,IAAAC,WAAA,GAA4C,IAAI,CAACnC,KAAK,CAAAoC,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,CAACb,QAAQ,CAAC,CAAC,CAA5Cc,WAAW,GAAAD,cAAA,CAAXC,WAAW,CAAEC,WAAW,GAAAF,cAAA,CAAXE,WAAW;IAChC;MACEjD,MAAA,CAAAoB,OAAA,CAAAN,aAAA,YAAOoC,KAAK,EAAE,EAAEC,aAAa,EAAE,EAAE,EAAEC,YAAY,EAAE,EAAE,CAAC,CAAE;MACpDpD,MAAA,CAAAoB,OAAA,CAAAN,aAAA,cAASoC,KAAK,EAAE,EAAEG,WAAW,EAAE,QAAQ,CAAC,CAAE,IAAEhD,eAAe,CAAC2C,WAAW,CAAW,CAAC;MACnFhD,MAAA,CAAAoB,OAAA,CAAAN,aAAA;MACEd,MAAA,CAAAoB,OAAA,CAAAN,aAAA;MACEd,MAAA,CAAAoB,OAAA,CAAAN,aAAA,WAAK,CAAC;MACL+B,IAAI,CAACpC,GAAG,CAAC,UAAA6C,IAAA,EAA2BC,CAAC,OAAAC,UAAA,GAAAF,IAAA,CAAzBhD,KAAK,CAAEmD,QAAQ,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;UAC/BxD,MAAA,CAAAoB,OAAA,CAAAN,aAAA,SAAIoC,KAAK,EAAE,EAAEQ,UAAU,EAAE,QAAQ,CAAC,CAAE,EAAChD,GAAG,EAAE6C,CAAE;UACzClD,eAAe,CAACoD,QAAQ;UACvB,CAAC;MACN;MACC;MACC,CAAC;MACRzD,MAAA,CAAAoB,OAAA,CAAAN,aAAA;MACG6B,IAAI,CAAClC,GAAG,CAAC,UAAAkD,KAAA,EAAiDC,QAAQ,OAAAC,WAAA,GAAAF,KAAA,CAAtDrD,KAAK,CAAEwD,QAAQ,GAAAD,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA,CAAAE,WAAA,GAAAJ,KAAA,CAAEK,KAAK,CAAEC,QAAQ,GAAAF,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA;UACrD/D,MAAA,CAAAoB,OAAA,CAAAN,aAAA,SAAIJ,GAAG,EAAEkD,QAAS;UAChB5D,MAAA,CAAAoB,OAAA,CAAAN,aAAA,SAAIoC,KAAK,EAAE,EAAEQ,UAAU,EAAE,QAAQ,CAAC,CAAE,IAAErD,eAAe,CAACyD,QAAQ,CAAM,CAAC;UACpEjB,IAAI,CAACpC,GAAG,CAAC,UAAAyD,KAAA,EAAiDC,QAAQ,OAAAC,WAAA,GAAAF,KAAA,CAAtD5D,KAAK,CAAEmD,QAAQ,GAAAW,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA,CAAAC,WAAA,GAAAH,KAAA,CAAEF,KAAK,CAAEM,QAAQ,GAAAD,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA;cACrDrE,MAAA,CAAAoB,OAAA,CAAAN,aAAA,SAAIJ,GAAG,EAAEyD,QAAS;;cAEhBnE,MAAA,CAAAoB,OAAA,CAAAN,aAAA,CAACgC,SAAS,MAAAyB,SAAA,CAAAnD,OAAA;cACJ4B,WAAW;cACXc,QAAQ;cACRL,QAAQ;gBACZe,GAAG;gBACD;gBACA,IAAAC,4BAAqB,EAAC3B,SAAS,CAAC;gBAC5B4B,SAAS;gBACT,UAACC,EAAoC;oBACnCA,EAAE;oBACFA,EAAE,CAACC,QAAQ,CAAC,UAACZ,KAAmB,cAAAO,SAAA,CAAAnD,OAAA;sBAC3B4C,KAAK;sBACLf,WAAW;sBACXgB,QAAQ;sBACRK,QAAQ;oBACX,CAAC,GACV;;cACF;cACC,CAAC;UACN;UACC,CAAC;MACN;MACI;MACF,CAAC;;EAEZ,CAAC,QAAAhD,cAAA,GA1DOV,cAAK,CAACkC,SAAS,EAJZxB,cAAc,CAOXc,YAAY,GAA8E,EACtGY,WAAW,EAAE,CAAC,CAAC,EACfC,WAAW,EAAE,CAAC,CAAC,CACjB,CAAC","ignoreList":[]}

package/cjs/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/cjs/internal/CustomComboBox/ArrowDownIcon.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ArrowDownIcon = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _ArrowCDownIcon16Regular = require("../icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular");
+var _ArrowCDownIcon20Regular = require("../icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular");
+var _ArrowCDownIcon24Regular = require("../icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular");
+var _iconSizer = require("../icons2022/iconSizer");
+
+var ArrowDownIcon = exports.ArrowDownIcon = (0, _iconSizer.iconSizer)(
+  {
+    small: function small() {return /*#__PURE__*/_react.default.createElement(_ArrowCDownIcon16Regular.ArrowCDownIcon16Regular, null);},
+    medium: function medium() {return /*#__PURE__*/_react.default.createElement(_ArrowCDownIcon20Regular.ArrowCDownIcon20Regular, null);},
+    large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowCDownIcon24Regular.ArrowCDownIcon24Regular, null);}
+  },
+  'ArrowDownIcon'
+);

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ArrowCDownIcon16Regular","_ArrowCDownIcon20Regular","_ArrowCDownIcon24Regular","_iconSizer","ArrowDownIcon","exports","iconSizer","small","default","createElement","ArrowCDownIcon16Regular","medium","ArrowCDownIcon20Regular","large","ArrowCDownIcon24Regular"],"sources":["ArrowDownIcon.tsx"],"sourcesContent":["import 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"],"mappings":"mKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;;AAEO,IAAMK,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,oBAAS;EACpC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,wBAAA,CAAAU,uBAAuB,MAAE,CAAC;IACxCC,MAAM,EAAE,SAAAA,OAAA,uBAAMd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,wBAAA,CAAAW,uBAAuB,MAAE,CAAC;IACzCC,KAAK,EAAE,SAAAA,MAAA,uBAAMhB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,wBAAA,CAAAY,uBAAuB,MAAE,CAAC;EAC1C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/internal/CustomComboBox/ComboBoxMenu.d.ts

@@ -0,0 +1,48 @@
+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/cjs/internal/CustomComboBox/ComboBoxMenu.js

@@ -0,0 +1,245 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ComboBoxMenuDataTids = exports.ComboBoxMenu = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("../../lib/utils");
+var _decorators = require("../../lib/locale/decorators");
+var _Menu = require("../Menu");
+
+var _MenuItem = require("../../components/MenuItem");
+var _Spinner = require("../../components/Spinner");
+
+var _MenuSeparator = require("../../components/MenuSeparator");
+var _createPropsGetter = require("../../lib/createPropsGetter");
+var _MenuMessage = require("../MenuMessage");
+
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _MenuFooter = require("../../components/MenuFooter");
+
+
+var _CustomComboBoxTypes = require("./CustomComboBoxTypes");
+
+var _locale = require("./locale");var _dec, _class, _ComboBoxMenu;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var ComboBoxMenuDataTids = exports.ComboBoxMenuDataTids = {
+  loading: 'ComboBoxMenu__loading',
+  failed: 'ComboBoxMenu__failed',
+  notFound: 'ComboBoxMenu__notFound',
+  items: 'ComboBoxMenu__items',
+  item: 'ComboBoxMenu__item'
+};var
+
+
+
+
+ComboBoxMenu = exports.ComboBoxMenu = (_dec = (0, _decorators.locale)('ComboBox', _locale.CustomComboBoxLocaleHelper), _dec(_class = (_ComboBoxMenu = /*#__PURE__*/function (_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 = (0, _createPropsGetter.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 = (0, _utils.isFunction)(item) ? item() : item;
+        var props = Object.assign(
+          {
+            key: index,
+            onClick: function onClick() {return onValueChange(element.props);}
+          },
+          element.props
+        );
+        return /*#__PURE__*/_react.default.cloneElement(element, props);
+      }
+
+      return /*#__PURE__*/(
+        _react.default.createElement(_MenuItem.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;}(0, _inheritsLoose2.default)(ComboBoxMenu, _React$Component);var _proto = ComboBoxMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.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.default.createElement(_Menu.Menu, { maxHeight: maxHeight, ref: refMenu, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.loading + " " + _Menu.MenuDataTids.root }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, as: "div" }, /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { type: "mini", dimmed: true })));}if (items === null && requestStatus === _CustomComboBoxTypes.ComboBoxRequestStatus.Failed) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile, id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.failed + " " + _Menu.MenuDataTids.root }, /*#__PURE__*/_react.default.createElement(_MenuMessage.MenuMessage, { size: this.props.size, key: "message" }, /*#__PURE__*/_react.default.createElement("div", { style: { maxWidth: 300, whiteSpace: 'normal' } }, errorNetworkMessage)), /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { link: true, onClick: this.getProps().repeatRequest, size: this.props.size, key: "retry", isMobile: isMobile }, errorNetworkButton));}if (((0, _utils.isNullable)(items) || items.length === 0) && renderNotFound) {var notFoundValue = renderNotFound();if (renderAddButton) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, renderAddButton);}if (notFoundValue) {return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, hasMargin: this.props.hasMargin, maxHeight: maxHeight, ref: refMenu, disableScrollContainer: isMobile }, /*#__PURE__*/_react.default.createElement(_MenuMessage.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 (0, _MenuItem.isMenuItem)(item);});var countItems = menuItems == null ? void 0 : menuItems.length;if (countItems && renderTotalCount && totalCount && countItems < totalCount) {total = /*#__PURE__*/_react.default.createElement(_MenuFooter.MenuFooter, { size: this.props.size, key: "total" }, /*#__PURE__*/_react.default.createElement("div", null, renderTotalCount(countItems, totalCount)));}return /*#__PURE__*/_react.default.createElement(_Menu.Menu, { id: this.props.menuId, "data-tid": ComboBoxMenuDataTids.items + " " + _Menu.MenuDataTids.root, ref: refMenu, maxHeight: maxHeight, hasMargin: this.props.hasMargin, disableScrollContainer: isMobile }, renderedItems, total, renderAddButton && [/*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, { key: "separator" }), renderAddButton]);};return ComboBoxMenu;}(_react.default.Component), _ComboBoxMenu.__KONTUR_REACT_UI__ = 'ComboBoxMenu', _ComboBoxMenu.displayName = 'ComboBoxMenu', _ComboBoxMenu.defaultProps = { repeatRequest: function repeatRequest() {return undefined;}, requestStatus: _CustomComboBoxTypes.ComboBoxRequestStatus.Unknown }, _ComboBoxMenu)) || _class);
+
+
+function isSimpleItem(item) {
+  return !(0, _utils.isFunction)(item) && ! /*#__PURE__*/_react.default.isValidElement(item);
+}