@itcase/ui 1.1.6 → 1.1.8

package/dist/components/DadataHintField.js

@@ -1,23 +1,14 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var crypto = require('crypto');
-var index = require('./Input.js');
-require('../hooks/useDeviceTargetClass.js');
-require('lodash/castArray');
-require('lodash/camelCase');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var crypto__default = /*#__PURE__*/_interopDefault(crypto);
+import React__default, { PureComponent, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import crypto from 'crypto';
+import { Input } from './Input.js';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -150,10 +141,10 @@ let pool, poolOffset;
 let fillPool = bytes => {
   if (!pool || pool.length < bytes) {
     pool = Buffer.allocUnsafe(bytes * POOL_SIZE_MULTIPLIER);
-    crypto__default.default.randomFillSync(pool);
+    crypto.randomFillSync(pool);
     poolOffset = 0;
   } else if (poolOffset + bytes > pool.length) {
-    crypto__default.default.randomFillSync(pool);
+    crypto.randomFillSync(pool);
     poolOffset = 0;
   }
   poolOffset += bytes;
@@ -626,24 +617,24 @@ var BaseSuggestions = /** @class */ (function (_super) {
         var _b = this.state, query = _b.query, isFocused = _b.isFocused, suggestions = _b.suggestions, suggestionIndex = _b.suggestionIndex, displaySuggestions = _b.displaySuggestions;
         var Component = typeof customInput !== 'undefined' ? customInput : 'input';
         var optionsExpanded = isFocused && suggestions && displaySuggestions && suggestions.length > 0;
-        return (React__default.default.createElement("div", { role: "combobox", "aria-expanded": optionsExpanded ? 'true' : 'false', "aria-owns": this.uid, "aria-controls": this.uid, "aria-haspopup": "listbox", className: containerClassName || 'react-dadata react-dadata__container' },
-            React__default.default.createElement("div", null,
-                React__default.default.createElement(Component, __assign({ autoComplete: "off", className: "react-dadata__input" }, inputProps, { value: query, ref: function (input) {
+        return (React__default.createElement("div", { role: "combobox", "aria-expanded": optionsExpanded ? 'true' : 'false', "aria-owns": this.uid, "aria-controls": this.uid, "aria-haspopup": "listbox", className: containerClassName || 'react-dadata react-dadata__container' },
+            React__default.createElement("div", null,
+                React__default.createElement(Component, __assign({ autoComplete: "off", className: "react-dadata__input" }, inputProps, { value: query, ref: function (input) {
                         _this.textInput = input;
                     }, onChange: this.handleInputChange, onKeyPress: this.handleInputKeyPress, onKeyDown: this.handleInputKeyDown, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur }))),
-            optionsExpanded && (React__default.default.createElement("ul", { id: this.uid, "aria-expanded": true, role: "listbox", className: suggestionsClassName || 'react-dadata__suggestions' },
-                typeof hintText !== 'undefined' && (React__default.default.createElement("div", { className: hintClassName || 'react-dadata__suggestion-note' }, hintText)),
+            optionsExpanded && (React__default.createElement("ul", { id: this.uid, "aria-expanded": true, role: "listbox", className: suggestionsClassName || 'react-dadata__suggestions' },
+                typeof hintText !== 'undefined' && (React__default.createElement("div", { className: hintClassName || 'react-dadata__suggestion-note' }, hintText)),
                 suggestions.map(function (suggestion, index) {
                     var suggestionClass = suggestionClassName || 'react-dadata__suggestion';
                     if (index === suggestionIndex) {
                         suggestionClass += " ".concat(currentSuggestionClassName || 'react-dadata__suggestion--current');
                     }
-                    return (React__default.default.createElement("button", { role: "option", "aria-selected": index === suggestionIndex ? 'true' : 'false', key: _this.getSuggestionKey(suggestion), onMouseDown: _this.onSuggestionClick.bind(_this, index), className: suggestionClass }, _this.renderOption(suggestion)));
+                    return (React__default.createElement("button", { role: "option", "aria-selected": index === suggestionIndex ? 'true' : 'false', key: _this.getSuggestionKey(suggestion), onMouseDown: _this.onSuggestionClick.bind(_this, index), className: suggestionClass }, _this.renderOption(suggestion)));
                 }))),
             children));
     };
     return BaseSuggestions;
-}(React__default.default.PureComponent));
+}(React__default.PureComponent));
 
 let IDX = 36;
 let HEX = "";
@@ -797,16 +788,16 @@ var HighlightWords = /** @class */ (function (_super) {
         var _a = this.props, text = _a.text, words = _a.words, highlightClassName = _a.highlightClassName, _b = _a.tagName, tagName = _b === void 0 ? 'span' : _b;
         var query = typeof words === 'string' ? words : words.join(' ');
         var chunks = highlightWords({ text: text, query: query });
-        return (React__default.default.createElement("span", { "aria-label": text }, chunks.map(function (chunk) {
+        return (React__default.createElement("span", { "aria-label": text }, chunks.map(function (chunk) {
             if (!chunk.match) {
-                return React__default.default.createElement("span", { key: chunk.key, "aria-hidden": true }, chunk.text);
+                return React__default.createElement("span", { key: chunk.key, "aria-hidden": true }, chunk.text);
             }
             var Component = tagName;
-            return (React__default.default.createElement(Component, { key: chunk.key, className: highlightClassName, "aria-hidden": true }, chunk.text));
+            return (React__default.createElement(Component, { key: chunk.key, className: highlightClassName, "aria-hidden": true }, chunk.text));
         })));
     };
     return HighlightWords;
-}(React.PureComponent));
+}(PureComponent));
 
 var __extends$4 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -862,7 +853,7 @@ var __extends$4 = (undefined && undefined.__extends) || (function () {
         _this.renderOption = function (suggestion) {
             var _a = _this.props, renderOption = _a.renderOption, highlightClassName = _a.highlightClassName;
             var query = _this.state.query;
-            return renderOption ? (renderOption(suggestion, query)) : (React__default.default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), tagName: "mark", text: suggestion.value }));
+            return renderOption ? (renderOption(suggestion, query)) : (React__default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), tagName: "mark", text: suggestion.value }));
         };
         return _this;
     }
@@ -923,13 +914,13 @@ var PartySuggestions = /** @class */ (function (_super) {
         _this.renderOption = function (suggestion) {
             var _a = _this.props, renderOption = _a.renderOption, highlightClassName = _a.highlightClassName;
             var query = _this.state.query;
-            return renderOption ? (renderOption(suggestion, query)) : (React__default.default.createElement("div", null,
-                React__default.default.createElement("div", { className: suggestion.data.state.status === 'LIQUIDATED' ? 'react-dadata__suggestion--line-through' : undefined },
-                    React__default.default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.value })),
-                React__default.default.createElement("div", { className: "react-dadata__suggestion-subtitle" },
-                    suggestion.data.inn && React__default.default.createElement("div", { className: "react-dadata__suggestion-subtitle-item" }, suggestion.data.inn),
-                    suggestion.data.address && suggestion.data.address.value && (React__default.default.createElement("div", { className: "react-dadata__suggestion-subtitle-item" },
-                        React__default.default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.data.address.value }))))));
+            return renderOption ? (renderOption(suggestion, query)) : (React__default.createElement("div", null,
+                React__default.createElement("div", { className: suggestion.data.state.status === 'LIQUIDATED' ? 'react-dadata__suggestion--line-through' : undefined },
+                    React__default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.value })),
+                React__default.createElement("div", { className: "react-dadata__suggestion-subtitle" },
+                    suggestion.data.inn && React__default.createElement("div", { className: "react-dadata__suggestion-subtitle-item" }, suggestion.data.inn),
+                    suggestion.data.address && suggestion.data.address.value && (React__default.createElement("div", { className: "react-dadata__suggestion-subtitle-item" },
+                        React__default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.data.address.value }))))));
         };
         return _this;
     }
@@ -985,13 +976,13 @@ var __extends$2 = (undefined && undefined.__extends) || (function () {
         _this.renderOption = function (suggestion) {
             var _a = _this.props, renderOption = _a.renderOption, highlightClassName = _a.highlightClassName;
             var query = _this.state.query;
-            return renderOption ? (renderOption(suggestion, query)) : (React__default.default.createElement("div", null,
-                React__default.default.createElement("div", { className: suggestion.data.state.status === 'LIQUIDATED' ? 'react-dadata__suggestion--line-through' : undefined },
-                    React__default.default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.value })),
-                React__default.default.createElement("div", { className: "react-dadata__suggestion-subtitle" },
-                    suggestion.data.bic && React__default.default.createElement("div", { className: "react-dadata__suggestion-subtitle-item" }, suggestion.data.bic),
-                    suggestion.data.address && suggestion.data.address.value && (React__default.default.createElement("div", { className: "react-dadata__suggestion-subtitle-item" },
-                        React__default.default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.data.address.value }))))));
+            return renderOption ? (renderOption(suggestion, query)) : (React__default.createElement("div", null,
+                React__default.createElement("div", { className: suggestion.data.state.status === 'LIQUIDATED' ? 'react-dadata__suggestion--line-through' : undefined },
+                    React__default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.value })),
+                React__default.createElement("div", { className: "react-dadata__suggestion-subtitle" },
+                    suggestion.data.bic && React__default.createElement("div", { className: "react-dadata__suggestion-subtitle-item" }, suggestion.data.bic),
+                    suggestion.data.address && suggestion.data.address.value && (React__default.createElement("div", { className: "react-dadata__suggestion-subtitle-item" },
+                        React__default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.data.address.value }))))));
         };
         return _this;
     }
@@ -1041,8 +1032,8 @@ var __extends$1 = (undefined && undefined.__extends) || (function () {
         _this.renderOption = function (suggestion) {
             var _a = _this.props, renderOption = _a.renderOption, highlightClassName = _a.highlightClassName;
             var query = _this.state.query;
-            return renderOption ? (renderOption(suggestion, query)) : (React__default.default.createElement("div", null,
-                React__default.default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.value })));
+            return renderOption ? (renderOption(suggestion, query)) : (React__default.createElement("div", null,
+                React__default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.value })));
         };
         return _this;
     }
@@ -1081,8 +1072,8 @@ var __extends = (undefined && undefined.__extends) || (function () {
         _this.renderOption = function (suggestion) {
             var _a = _this.props, renderOption = _a.renderOption, highlightClassName = _a.highlightClassName;
             var query = _this.state.query;
-            return renderOption ? (renderOption(suggestion, query)) : (React__default.default.createElement("div", null,
-                React__default.default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.value })));
+            return renderOption ? (renderOption(suggestion, query)) : (React__default.createElement("div", null,
+                React__default.createElement(HighlightWords, { highlightClassName: highlightClassName || 'react-dadata--highlighted', words: _this.getHighlightWords(), text: suggestion.value })));
         };
         return _this;
     }
@@ -1098,10 +1089,10 @@ function DadataHintField(props) {
     meta,
     token
   } = props;
-  const dadataInputProps = React.useMemo(() => {
+  const dadataInputProps = useMemo(() => {
     return {
       ...inputProps,
-      className: clsx__default.default('react-dadata__input', meta.active && 'input_state_focus', meta.error && meta.touched && `input_state_${meta.error.key || 'error'}`),
+      className: clsx('react-dadata__input', meta.active && 'input_state_focus', meta.error && meta.touched && `input_state_${meta.error.key || 'error'}`),
       // https://www.npmjs.com/package/react-dadata
       // "Свойство value игнорируется."
       // value: input.value,
@@ -1111,7 +1102,7 @@ function DadataHintField(props) {
       onChange: input.onChange
     };
   }, [inputProps, meta.active, meta.error, meta.touched, input.value, input.onFocus, input.onBlur, input.onChange]);
-  return /*#__PURE__*/React__default.default.createElement(PartySuggestions, {
+  return /*#__PURE__*/React__default.createElement(PartySuggestions, {
     customInput: DadataСustomInput,
     delay: delay || 750,
     inputProps: dadataInputProps,
@@ -1121,24 +1112,24 @@ function DadataHintField(props) {
   });
 }
 DadataHintField.propTypes = {
-  delay: PropTypes__default.default.number,
-  input: PropTypes__default.default.object,
-  inputProps: PropTypes__default.default.object,
-  meta: PropTypes__default.default.object,
-  setValue: PropTypes__default.default.func,
-  token: PropTypes__default.default.string
+  delay: PropTypes.number,
+  input: PropTypes.object,
+  inputProps: PropTypes.object,
+  meta: PropTypes.object,
+  setValue: PropTypes.func,
+  token: PropTypes.string
 };
 function DadataСustomInput(props) {
   const {
     inputValue,
     ...otherProps
   } = props;
-  return /*#__PURE__*/React__default.default.createElement(index.Input, Object.assign({}, otherProps, {
+  return /*#__PURE__*/React__default.createElement(Input, Object.assign({}, otherProps, {
     value: inputValue
   }));
 }
 DadataСustomInput.propTypes = {
-  inputValue: PropTypes__default.default.object
+  inputValue: PropTypes.object
 };
 DadataHintField.__docgenInfo = {
   "description": "",
@@ -1190,4 +1181,4 @@ DadataHintField.__docgenInfo = {
   }
 };
 
-exports.DadataHintField = DadataHintField;
+export { DadataHintField };