kui-basic 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/README.md +32 -0
  2. package/dist/index.css +2 -0
  3. package/dist/index.css.map +1 -0
  4. package/dist/index.d.ts +660 -0
  5. package/dist/index.es.css +2 -0
  6. package/dist/index.es.css.map +1 -0
  7. package/dist/index.es.js +3495 -0
  8. package/dist/index.es.js.map +1 -0
  9. package/dist/index.js +3536 -0
  10. package/dist/index.js.map +1 -0
  11. package/package.json +47 -0
package/dist/index.js ADDED
@@ -0,0 +1,3536 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var classNames = require('classnames');
7
+ var PropTypes = require('prop-types');
8
+ var InputMask = require('react-input-mask');
9
+ var reactScroll = require('react-scroll');
10
+
11
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
+
13
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
15
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
16
+ var InputMask__default = /*#__PURE__*/_interopDefaultLegacy(InputMask);
17
+
18
+ var colors = {
19
+ primary: {
20
+ main: "#ED713C",
21
+ pressed: "#D24C13",
22
+ hover: "#EA5A1D",
23
+ light: "#FCEAE2",
24
+ light2: "#FEF7F3"
25
+ },
26
+ secondary: {
27
+ main: "#18191F",
28
+ gray60: "#474A57",
29
+ gray50: "#7F8285",
30
+ gray40: "#949494",
31
+ gray30: "#BFBFBF",
32
+ gray15: "#EAECEF",
33
+ white: "#FFFFFF",
34
+ light: "#C4C4C4",
35
+ disabled: "#A6AEBC"
36
+ },
37
+ background: {
38
+ main: "#FBFBFD",
39
+ light2: "#F7F8F9",
40
+ light3: "#F2F3F5"
41
+ },
42
+ success: {
43
+ green70: "#259E58",
44
+ green60: "#23A65A",
45
+ main: "#27AE60",
46
+ green10: "#EAFCF7",
47
+ green5: "#F0FDF9"
48
+ },
49
+ error: {
50
+ red70: "#D03C1A",
51
+ red60: "#DA421F",
52
+ main: "#EB4620",
53
+ red10: "#FCE3DE",
54
+ red5: "#FDF0ED"
55
+ },
56
+ info: {
57
+ blue70: "#0098B6",
58
+ blue60: "#009CBB",
59
+ main: "#00ABCD",
60
+ blue10: "#D9F2F8",
61
+ blue5: "#E5F7FA"
62
+ },
63
+ purple: {
64
+ purple70: "#914BD2",
65
+ purple60: "#974EDB",
66
+ main: "#9B51E0",
67
+ purple10: "#F0E5FA",
68
+ purple5: "#F7F1FD"
69
+ }
70
+ };
71
+
72
+ var shadows = {
73
+ shadow1: "0px 5px 16px rgba(0, 0, 0, 0.1)",
74
+ shadow2: "0px 12px 16px rgba(0, 0, 0, 0.08)",
75
+ shadow3: "0px 26px 34px rgba(0, 0, 0, 0.1)",
76
+ shadow4: "0px 10px 20px rgba(0, 0, 0, 0.1)"
77
+ };
78
+
79
+ var breakpoints = {
80
+ xxs: 375,
81
+ xs: 600,
82
+ sm: 900,
83
+ md: 1200,
84
+ lg: 1440,
85
+ xl: 1536
86
+ };
87
+
88
+ var theme = {
89
+ palette: colors,
90
+ breakpoints: breakpoints,
91
+ shadows: shadows
92
+ };
93
+
94
+ function _extends() {
95
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
96
+ for (var i = 1; i < arguments.length; i++) {
97
+ var source = arguments[i];
98
+
99
+ for (var key in source) {
100
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
101
+ target[key] = source[key];
102
+ }
103
+ }
104
+ }
105
+
106
+ return target;
107
+ };
108
+ return _extends.apply(this, arguments);
109
+ }
110
+
111
+ function _objectWithoutPropertiesLoose(source, excluded) {
112
+ if (source == null) return {};
113
+ var target = {};
114
+ var sourceKeys = Object.keys(source);
115
+ var key, i;
116
+
117
+ for (i = 0; i < sourceKeys.length; i++) {
118
+ key = sourceKeys[i];
119
+ if (excluded.indexOf(key) >= 0) continue;
120
+ target[key] = source[key];
121
+ }
122
+
123
+ return target;
124
+ }
125
+
126
+ function _objectWithoutProperties(source, excluded) {
127
+ if (source == null) return {};
128
+
129
+ var target = _objectWithoutPropertiesLoose(source, excluded);
130
+
131
+ var key, i;
132
+
133
+ if (Object.getOwnPropertySymbols) {
134
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
135
+
136
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
137
+ key = sourceSymbolKeys[i];
138
+ if (excluded.indexOf(key) >= 0) continue;
139
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
140
+ target[key] = source[key];
141
+ }
142
+ }
143
+
144
+ return target;
145
+ }
146
+
147
+ function _slicedToArray(arr, i) {
148
+ return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
149
+ }
150
+
151
+ function _toArray(arr) {
152
+ return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
153
+ }
154
+
155
+ function _arrayWithHoles(arr) {
156
+ if (Array.isArray(arr)) return arr;
157
+ }
158
+
159
+ function _iterableToArray(iter) {
160
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
161
+ }
162
+
163
+ function _iterableToArrayLimit(arr, i) {
164
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
165
+
166
+ if (_i == null) return;
167
+ var _arr = [];
168
+ var _n = true;
169
+ var _d = false;
170
+
171
+ var _s, _e;
172
+
173
+ try {
174
+ for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
175
+ _arr.push(_s.value);
176
+
177
+ if (i && _arr.length === i) break;
178
+ }
179
+ } catch (err) {
180
+ _d = true;
181
+ _e = err;
182
+ } finally {
183
+ try {
184
+ if (!_n && _i["return"] != null) _i["return"]();
185
+ } finally {
186
+ if (_d) throw _e;
187
+ }
188
+ }
189
+
190
+ return _arr;
191
+ }
192
+
193
+ function _unsupportedIterableToArray(o, minLen) {
194
+ if (!o) return;
195
+ if (typeof o === "string") return _arrayLikeToArray(o, minLen);
196
+ var n = Object.prototype.toString.call(o).slice(8, -1);
197
+ if (n === "Object" && o.constructor) n = o.constructor.name;
198
+ if (n === "Map" || n === "Set") return Array.from(o);
199
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
200
+ }
201
+
202
+ function _arrayLikeToArray(arr, len) {
203
+ if (len == null || len > arr.length) len = arr.length;
204
+
205
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
206
+
207
+ return arr2;
208
+ }
209
+
210
+ function _nonIterableRest() {
211
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
212
+ }
213
+
214
+ var _excluded$r = ["size", "children", "color", "uppercase", "disableUserSelect", "className", "align"];
215
+ var HeadingSizes = {
216
+ hero: "h1",
217
+ h1: "h1",
218
+ h2: "h2",
219
+ h3: "h3",
220
+ h4: "h4"
221
+ };
222
+
223
+ function Heading(props) {
224
+ var size = props.size,
225
+ children = props.children,
226
+ color = props.color,
227
+ uppercase = props.uppercase,
228
+ disableUserSelect = props.disableUserSelect,
229
+ className = props.className,
230
+ align = props.align,
231
+ otherProps = _objectWithoutProperties(props, _excluded$r);
232
+
233
+ var Tag = "".concat(HeadingSizes[size]);
234
+ return /*#__PURE__*/React__default["default"].createElement(Tag, _extends({
235
+ className: classNames__default["default"]("KUI-Heading", "KUI-Heading_".concat(size), "KUI-Heading_align-".concat(align), "KUI-color_".concat(color), uppercase && "KUI-text_uppercase", disableUserSelect && "KUI-text_disableUserSelect", className)
236
+ }, otherProps), children);
237
+ }
238
+
239
+ Heading.defaultProps = {
240
+ size: "h1",
241
+ color: "main",
242
+ uppercase: false,
243
+ disableUserSelect: false
244
+ };
245
+ Heading.propTypes = {
246
+ size: PropTypes__default["default"].oneOf(["hero", "h1", "h2", "h3", "h4"]),
247
+ uppercase: PropTypes__default["default"].bool,
248
+ disableUserSelect: PropTypes__default["default"].bool,
249
+ color: PropTypes__default["default"].oneOf(["main", "gray60", "gray50", "gray40", "white", "brand"])
250
+ };
251
+
252
+ var _excluded$q = ["children", "color", "size", "weight", "uppercase", "disableUserSelect", "className", "align"];
253
+
254
+ function Caption(props) {
255
+ var children = props.children,
256
+ color = props.color,
257
+ size = props.size,
258
+ weight = props.weight,
259
+ uppercase = props.uppercase,
260
+ disableUserSelect = props.disableUserSelect,
261
+ className = props.className,
262
+ align = props.align,
263
+ otherProps = _objectWithoutProperties(props, _excluded$q);
264
+
265
+ return /*#__PURE__*/React__default["default"].createElement("p", _extends({
266
+ className: classNames__default["default"]("KUI-Caption", "KUI-Caption_".concat(size), "KUI-color_".concat(color), "KUI-weight_".concat(weight), "KUI-Caption_align-".concat(align), uppercase && "KUI-text_uppercase", disableUserSelect && "KUI-text_disableUserSelect", className)
267
+ }, otherProps), children);
268
+ }
269
+
270
+ Caption.defaultProps = {
271
+ size: "m",
272
+ weight: 400,
273
+ uppercase: false,
274
+ color: "main",
275
+ disableUserSelect: false
276
+ };
277
+ Caption.displayName = "Caption";
278
+ Caption.propTypes = {
279
+ size: PropTypes__default["default"].oneOf(["xs", "sm", "s", "m", "l"]),
280
+ weight: PropTypes__default["default"].oneOf([400, 500, 600]),
281
+ color: PropTypes__default["default"].oneOf(["main", "gray60", "gray50", "gray40", "white", "brand"]),
282
+ uppercase: PropTypes__default["default"].bool,
283
+ disableUserSelect: PropTypes__default["default"].bool
284
+ };
285
+
286
+ var _excluded$p = ["children", "size", "color", "uppercase", "disableUserSelect", "weight", "className"];
287
+
288
+ function Text(props) {
289
+ var children = props.children,
290
+ size = props.size,
291
+ color = props.color,
292
+ uppercase = props.uppercase,
293
+ disableUserSelect = props.disableUserSelect,
294
+ weight = props.weight,
295
+ className = props.className,
296
+ otherProps = _objectWithoutProperties(props, _excluded$p);
297
+
298
+ return /*#__PURE__*/React__default["default"].createElement("p", _extends({
299
+ className: classNames__default["default"]("KUI-Text", "KUI-Text_".concat(size), "KUI-color_".concat(color), "KUI-weight_".concat(weight), uppercase && "KUI-text_uppercase", disableUserSelect && "KUI-text_disableUserSelect", className)
300
+ }, otherProps), children);
301
+ }
302
+
303
+ Text.defaultProps = {
304
+ size: "s",
305
+ color: "main",
306
+ uppercase: false,
307
+ disableUserSelect: false,
308
+ weight: 400
309
+ };
310
+ Text.propTypes = {
311
+ size: PropTypes__default["default"].oneOf(["xs", "s", "m"]),
312
+ weight: PropTypes__default["default"].oneOf([400, 500, 600]),
313
+ color: PropTypes__default["default"].oneOf(["main", "gray60", "gray50", "gray40", "white", "brand"]),
314
+ uppercase: PropTypes__default["default"].bool,
315
+ disableUserSelect: PropTypes__default["default"].bool
316
+ };
317
+
318
+ var _excluded$o = ["children", "variant", "size", "className", "fullWidth", "isCircle", "captionSize", "disabledStyle", "border", "startIcon", "endIcon"];
319
+ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
320
+ var children = props.children,
321
+ variant = props.variant,
322
+ size = props.size,
323
+ className = props.className,
324
+ fullWidth = props.fullWidth,
325
+ isCircle = props.isCircle,
326
+ captionSize = props.captionSize,
327
+ disabledStyle = props.disabledStyle,
328
+ border = props.border,
329
+ startIcon = props.startIcon,
330
+ endIcon = props.endIcon,
331
+ buttonProps = _objectWithoutProperties(props, _excluded$o);
332
+
333
+ return /*#__PURE__*/React__default["default"].createElement("button", _extends({
334
+ ref: ref,
335
+ className: classNames__default["default"]("KUI-Button", "KUI-Button-".concat(size), "KUI-Button-".concat(variant), fullWidth && "KUI-Button_full-width", isCircle && "KUI-Button_is-circle", border && "KUI-Button_border-".concat(border), buttonProps.disabled && disabledStyle, className)
336
+ }, buttonProps), isCircle ? /*#__PURE__*/React__default["default"].createElement("div", {
337
+ className: "KUI-Button_is-circle_container"
338
+ }, children) : /*#__PURE__*/React__default["default"].createElement("div", {
339
+ className: classNames__default["default"]((startIcon || endIcon) && "KUI-Button_icon-container")
340
+ }, startIcon && /*#__PURE__*/React__default["default"].createElement("span", {
341
+ className: "KUI-Button_start-icon"
342
+ }, startIcon), /*#__PURE__*/React__default["default"].createElement(Caption, {
343
+ size: captionSize,
344
+ weight: 600,
345
+ className: "KUI-Button-text"
346
+ }, children), endIcon && /*#__PURE__*/React__default["default"].createElement("span", {
347
+ className: "KUI-Button_end-icon"
348
+ }, endIcon)));
349
+ });
350
+ Button.defaultProps = {
351
+ variant: "primary",
352
+ size: "m",
353
+ fullWidth: false,
354
+ endIcon: null,
355
+ startIcon: null,
356
+ disabled: false,
357
+ isCircle: false,
358
+ captionSize: "s",
359
+ border: null
360
+ };
361
+ Button.propTypes = {
362
+ variant: PropTypes__default["default"].oneOf(["primary", "orange", "white", "whiteWithOrangeHover", "whiteWithBrand", "blur", "whiteWithGray", "grayLightWithBorder", "grayLight", "green", "red", "transparent"]),
363
+ size: PropTypes__default["default"].oneOf(["xs", "s", "m", "l"]),
364
+ fullWidth: PropTypes__default["default"].bool,
365
+ endIcon: PropTypes__default["default"].element,
366
+ startIcon: PropTypes__default["default"].element,
367
+ disabled: PropTypes__default["default"].bool,
368
+ isCircle: PropTypes__default["default"].bool,
369
+ captionSize: PropTypes__default["default"].oneOf(["xs", "sm", "s", "m", "l"]),
370
+ border: PropTypes__default["default"].oneOf(["brand", "lightGray", "lightOrange"])
371
+ };
372
+ Button.displayName = "Button";
373
+
374
+ var ErrorIcon = function ErrorIcon(_ref) {
375
+ var width = _ref.width,
376
+ height = _ref.height;
377
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
378
+ width: width,
379
+ height: height,
380
+ viewBox: "0 0 ".concat(width, " ").concat(height),
381
+ fill: "none",
382
+ xmlns: "http://www.w3.org/2000/svg",
383
+ "aria-label": "error"
384
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
385
+ fillRule: "evenodd",
386
+ clipRule: "evenodd",
387
+ d: "M7.99935 15.3334C12.0494 15.3334 15.3327 12.0502 15.3327 8.00008C15.3327 3.94999 12.0494 0.666748 7.99935 0.666748C3.94926 0.666748 0.666016 3.94999 0.666016 8.00008C0.666016 12.0502 3.94926 15.3334 7.99935 15.3334ZM7.99935 13.3334C10.9449 13.3334 13.3327 10.9456 13.3327 8.00008C13.3327 5.05456 10.9449 2.66675 7.99935 2.66675C5.05383 2.66675 2.66602 5.05456 2.66602 8.00008C2.66602 10.9456 5.05383 13.3334 7.99935 13.3334ZM9.52795 5.52868C9.78829 5.26833 10.2104 5.26833 10.4708 5.52868C10.7311 5.78903 10.7311 6.21114 10.4708 6.47149L8.94216 8.00008L10.4708 9.52868C10.7311 9.78903 10.7311 10.2111 10.4708 10.4715C10.2104 10.7318 9.78829 10.7318 9.52795 10.4715L7.99935 8.94289L6.47075 10.4715C6.2104 10.7318 5.78829 10.7318 5.52794 10.4715C5.2676 10.2111 5.2676 9.78903 5.52794 9.52868L7.05654 8.00008L5.52794 6.47149C5.2676 6.21114 5.2676 5.78903 5.52794 5.52868C5.78829 5.26833 6.2104 5.26833 6.47075 5.52868L7.99935 7.05727L9.52795 5.52868Z",
388
+ fill: "#EB5757"
389
+ }));
390
+ };
391
+
392
+ ErrorIcon.defaultProps = {
393
+ width: 16,
394
+ height: 16
395
+ };
396
+ ErrorIcon.propTypes = {
397
+ width: PropTypes__default["default"].number,
398
+ height: PropTypes__default["default"].number
399
+ };
400
+
401
+ var WarningIcon = function WarningIcon(_ref) {
402
+ var width = _ref.width,
403
+ height = _ref.height;
404
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
405
+ width: width,
406
+ height: height,
407
+ viewBox: "0 0 ".concat(width, " ").concat(height),
408
+ fill: "none",
409
+ xmlns: "http://www.w3.org/2000/svg",
410
+ "aria-label": "warning"
411
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
412
+ d: "M6.99999 0.142883C10.7871 0.142883 13.8571 3.21293 13.8571 7.00002C13.8571 10.7871 10.7871 13.8572 6.99999 13.8572C3.2129 13.8572 0.142853 10.7871 0.142853 7.00002C0.142853 3.21293 3.2129 0.142883 6.99999 0.142883ZM6.99999 1.28574C3.84408 1.28574 1.28571 3.84411 1.28571 7.00002C1.28571 10.1559 3.84408 12.7143 6.99999 12.7143C10.1559 12.7143 12.7143 10.1559 12.7143 7.00002C12.7143 3.84411 10.1559 1.28574 6.99999 1.28574ZM6.99999 9.05717C7.44182 9.05717 7.79999 9.41534 7.79999 9.85717C7.79999 10.299 7.44182 10.6572 6.99999 10.6572C6.55817 10.6572 6.2 10.299 6.2 9.85717C6.2 9.41534 6.55817 9.05717 6.99999 9.05717ZM7.04206 3.57145C7.17783 3.57145 7.26306 3.59267 7.33756 3.63251C7.41206 3.67235 7.47052 3.73082 7.51036 3.80532C7.55021 3.87982 7.57142 3.96504 7.57142 4.10081V7.61352C7.57142 7.74929 7.55021 7.83452 7.51036 7.90902C7.47052 7.98352 7.41206 8.04198 7.33756 8.08182C7.26306 8.12166 7.17783 8.14288 7.04206 8.14288H6.95793C6.82215 8.14288 6.73693 8.12166 6.66243 8.08182C6.58793 8.04198 6.52947 7.98352 6.48962 7.90902C6.44978 7.83452 6.42857 7.74929 6.42857 7.61352V4.10081C6.42857 3.96504 6.44978 3.87982 6.48962 3.80532C6.52947 3.73082 6.58793 3.67235 6.66243 3.63251C6.73693 3.59267 6.82215 3.57145 6.95793 3.57145H7.04206Z",
413
+ fill: "#ED713C"
414
+ }));
415
+ };
416
+
417
+ WarningIcon.defaultProps = {
418
+ width: 16,
419
+ height: 16
420
+ };
421
+ WarningIcon.propTypes = {
422
+ width: PropTypes__default["default"].number,
423
+ height: PropTypes__default["default"].number
424
+ };
425
+
426
+ var SuccessIcon = function SuccessIcon(_ref) {
427
+ var width = _ref.width,
428
+ height = _ref.height;
429
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
430
+ width: width,
431
+ height: height,
432
+ viewBox: "0 0 ".concat(width, " ").concat(height),
433
+ fill: "none",
434
+ xmlns: "http://www.w3.org/2000/svg",
435
+ "aria-label": "success"
436
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
437
+ d: "M6.99999 0.142883C10.7871 0.142883 13.8571 3.21293 13.8571 7.00002C13.8571 10.7871 10.7871 13.8572 6.99999 13.8572C3.2129 13.8572 0.142853 10.7871 0.142853 7.00002C0.142853 3.21293 3.2129 0.142883 6.99999 0.142883ZM6.99999 1.28574C3.84408 1.28574 1.28571 3.84411 1.28571 7.00002C1.28571 10.1559 3.84408 12.7143 6.99999 12.7143C10.1559 12.7143 12.7143 10.1559 12.7143 7.00002C12.7143 3.84411 10.1559 1.28574 6.99999 1.28574ZM9.45142 4.88003C9.67458 4.65687 10.0397 4.65687 10.2629 4.88003C10.486 5.10318 10.486 5.4683 10.2629 5.69145L6.2612 9.6898C6.03804 9.91296 5.67623 9.91296 5.45308 9.6898L3.45308 7.6898C3.22992 7.46664 3.22992 7.10484 3.45308 6.88168C3.67623 6.65852 4.03804 6.65852 4.2612 6.88168L5.85714 8.47762L9.45142 4.88003Z",
438
+ fill: "#27AE60"
439
+ }));
440
+ };
441
+
442
+ SuccessIcon.defaultProps = {
443
+ width: 16,
444
+ height: 16
445
+ };
446
+ SuccessIcon.propTypes = {
447
+ width: PropTypes__default["default"].number,
448
+ height: PropTypes__default["default"].number
449
+ };
450
+
451
+ var _excluded$n = ["msg", "variant", "className"];
452
+
453
+ function InputMessage(props) {
454
+ var _messageRef$current2;
455
+
456
+ var msg = props.msg,
457
+ variant = props.variant,
458
+ className = props.className,
459
+ otherProps = _objectWithoutProperties(props, _excluded$n);
460
+
461
+ var messageRef = React.useRef(null);
462
+
463
+ var _useState = React.useState(32),
464
+ _useState2 = _slicedToArray(_useState, 2),
465
+ messageRefHeight = _useState2[0],
466
+ setMessageRefHeight = _useState2[1];
467
+
468
+ React.useEffect(function () {
469
+ var _messageRef$current;
470
+
471
+ setMessageRefHeight(messageRef === null || messageRef === void 0 ? void 0 : (_messageRef$current = messageRef.current) === null || _messageRef$current === void 0 ? void 0 : _messageRef$current.clientHeight);
472
+ }, [messageRef === null || messageRef === void 0 ? void 0 : (_messageRef$current2 = messageRef.current) === null || _messageRef$current2 === void 0 ? void 0 : _messageRef$current2.clientHeight]);
473
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
474
+ ref: messageRef,
475
+ className: classNames__default["default"]("KUI-InputMessage", "KUI-InputMessage_".concat(variant), className),
476
+ style: {
477
+ bottom: "-".concat(messageRefHeight, "px")
478
+ }
479
+ }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
480
+ className: "KUI-InputMessage_icon"
481
+ }, variant === "error" ? /*#__PURE__*/React__default["default"].createElement(ErrorIcon, null) : variant === "warning" ? /*#__PURE__*/React__default["default"].createElement(WarningIcon, null) : /*#__PURE__*/React__default["default"].createElement(SuccessIcon, null)), /*#__PURE__*/React__default["default"].createElement(Caption, {
482
+ className: "KUI-InputMessage_title",
483
+ size: "xs",
484
+ weight: 600
485
+ }, msg));
486
+ }
487
+
488
+ InputMessage.defaultProps = {
489
+ msg: "",
490
+ className: "",
491
+ variant: "error"
492
+ };
493
+ InputMessage.propTypes = {
494
+ msg: PropTypes__default["default"].string,
495
+ className: PropTypes__default["default"].string,
496
+ variant: PropTypes__default["default"].oneOf(["error", "warning", "success"])
497
+ };
498
+
499
+ var TextareaGrabIcon = function TextareaGrabIcon(props) {
500
+ return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
501
+ width: "9",
502
+ height: "8",
503
+ viewBox: "0 0 9 8",
504
+ fill: "none",
505
+ xmlns: "http://www.w3.org/2000/svg"
506
+ }, props), /*#__PURE__*/React__default["default"].createElement("path", {
507
+ fillRule: "evenodd",
508
+ clipRule: "evenodd",
509
+ d: "M0.21967 7.80474C0.512563 8.06509 0.987437 8.06509 1.28033 7.80474L8.78033 1.13807C9.07322 0.877722 9.07322 0.455612 8.78033 0.195262C8.48744 -0.0650874 8.01256 -0.0650874 7.71967 0.195262L0.21967 6.86193C-0.0732233 7.12228 -0.0732233 7.54439 0.21967 7.80474ZM3.96957 7.80441C4.26246 8.06476 4.73734 8.06476 5.03023 7.80441L8.78021 4.47108C9.0731 4.21073 9.0731 3.78862 8.78021 3.52827C8.48732 3.26792 8.01245 3.26792 7.71956 3.52827L3.96957 6.8616C3.67668 7.12195 3.67668 7.54406 3.96957 7.80441Z",
510
+ fill: "#EAECEF"
511
+ }));
512
+ };
513
+
514
+ var _excluded$m = ["isTextArea", "inputRef", "className", "inputStyles", "labelStyles", "label", "startIcon", "endIcon", "messageClassName", "labelInlineStyles", "errorMessage", "inputValue", "type", "rows"];
515
+
516
+ function Input(props) {
517
+ var isTextArea = props.isTextArea,
518
+ inputRefProp = props.inputRef,
519
+ className = props.className,
520
+ inputStyles = props.inputStyles,
521
+ labelStyles = props.labelStyles,
522
+ label = props.label,
523
+ startIcon = props.startIcon,
524
+ endIcon = props.endIcon,
525
+ messageClassName = props.messageClassName,
526
+ labelInlineStyles = props.labelInlineStyles,
527
+ errorMessage = props.errorMessage,
528
+ inputValue = props.inputValue,
529
+ type = props.type,
530
+ rows = props.rows,
531
+ inputProps = _objectWithoutProperties(props, _excluded$m);
532
+
533
+ var _useState = React.useState(false),
534
+ _useState2 = _slicedToArray(_useState, 2),
535
+ isFilled = _useState2[0],
536
+ setIsFilled = _useState2[1];
537
+
538
+ var inputRef = React.useRef(null);
539
+
540
+ var forwardRef = function forwardRef(elem) {
541
+ if (inputRefProp) {
542
+ inputRefProp.current = elem;
543
+ }
544
+
545
+ inputRef.current = elem;
546
+ };
547
+
548
+ React.useEffect(function () {
549
+ var _inputRef$current;
550
+
551
+ if ((_inputRef$current = inputRef.current) !== null && _inputRef$current !== void 0 && _inputRef$current.value || inputValue) {
552
+ setIsFilled(true);
553
+ } else {
554
+ setIsFilled(false);
555
+ }
556
+ }, [inputRef]);
557
+
558
+ var handleChange = function handleChange(e) {
559
+ if (e.target.value) {
560
+ setIsFilled(true);
561
+ } else {
562
+ setIsFilled(false);
563
+ }
564
+ };
565
+
566
+ return /*#__PURE__*/React__default["default"].createElement("div", {
567
+ className: classNames__default["default"]("KUI-Input_container", !isTextArea && "KUI-Input_InputContainer", className)
568
+ }, startIcon && startIcon, isTextArea ? /*#__PURE__*/React__default["default"].createElement("textarea", _extends({
569
+ ref: forwardRef,
570
+ value: inputValue,
571
+ rows: rows,
572
+ onInput: handleChange,
573
+ className: classNames__default["default"]("KUI-Input", "KUI-Textarea", inputStyles, !!errorMessage && "KUI-Input_invalid")
574
+ }, inputProps)) : /*#__PURE__*/React__default["default"].createElement("input", _extends({
575
+ ref: forwardRef,
576
+ value: inputValue,
577
+ type: type,
578
+ onInput: handleChange,
579
+ className: classNames__default["default"]("KUI-Input", inputStyles, !!errorMessage && "KUI-Input_invalid")
580
+ }, inputProps)), /*#__PURE__*/React__default["default"].createElement(Caption, {
581
+ size: "s",
582
+ color: "gray50",
583
+ className: classNames__default["default"]("KUI-Input_label", isFilled && "KUI-Input_label-active", labelStyles),
584
+ style: labelInlineStyles
585
+ }, label), isTextArea && /*#__PURE__*/React__default["default"].createElement(TextareaGrabIcon, {
586
+ className: "KUI-Textarea_icon"
587
+ }), endIcon && endIcon, !!errorMessage && /*#__PURE__*/React__default["default"].createElement(InputMessage, {
588
+ msg: errorMessage,
589
+ className: messageClassName
590
+ }));
591
+ }
592
+
593
+ Input.defaultProps = {
594
+ disabled: false,
595
+ isTextArea: false,
596
+ label: "",
597
+ errorMessage: "",
598
+ rows: 4,
599
+ type: "text"
600
+ };
601
+ Input.propTypes = {
602
+ disabled: PropTypes__default["default"].bool,
603
+ isTextArea: PropTypes__default["default"].bool,
604
+ label: PropTypes__default["default"].string,
605
+ errorMessage: PropTypes__default["default"].string,
606
+ rows: PropTypes__default["default"].number,
607
+ type: PropTypes__default["default"].oneOf(["text", "number", "password", "phone", "email", "phone"])
608
+ };
609
+ Input.displayName = "Input";
610
+
611
+ var _excluded$l = ["cornerLabel", "startIcon", "endIcon"];
612
+ var InputWithAdornments = /*#__PURE__*/React.forwardRef(function (props, ref) {
613
+ var _startIconRef$current2, _endIconRef$current2;
614
+
615
+ var cornerLabel = props.cornerLabel,
616
+ startIcon = props.startIcon,
617
+ endIcon = props.endIcon,
618
+ inputProps = _objectWithoutProperties(props, _excluded$l);
619
+
620
+ var startIconRef = React.useRef(null);
621
+ var endIconRef = React.useRef(null);
622
+
623
+ var _useState = React.useState(0),
624
+ _useState2 = _slicedToArray(_useState, 2),
625
+ startIconWidth = _useState2[0],
626
+ setStartIconWidth = _useState2[1];
627
+
628
+ var _useState3 = React.useState(0),
629
+ _useState4 = _slicedToArray(_useState3, 2),
630
+ endIconWidth = _useState4[0],
631
+ setEndIconWidth = _useState4[1];
632
+
633
+ var inputStyle = {
634
+ paddingLeft: startIconWidth > 0 ? (startIconWidth + 20) * (16 / 14) : 16,
635
+ paddingRight: endIconWidth > 0 ? endIconWidth + 24 : 8
636
+ };
637
+ var labelStyle = {
638
+ left: startIconWidth > 0 ? startIconWidth + 22 : 16
639
+ };
640
+ React.useEffect(function () {
641
+ var _startIconRef$current;
642
+
643
+ setStartIconWidth(startIconRef === null || startIconRef === void 0 ? void 0 : (_startIconRef$current = startIconRef.current) === null || _startIconRef$current === void 0 ? void 0 : _startIconRef$current.clientWidth);
644
+ }, [startIconRef === null || startIconRef === void 0 ? void 0 : (_startIconRef$current2 = startIconRef.current) === null || _startIconRef$current2 === void 0 ? void 0 : _startIconRef$current2.clientWidth]);
645
+ React.useEffect(function () {
646
+ var _endIconRef$current;
647
+
648
+ setEndIconWidth(endIconRef === null || endIconRef === void 0 ? void 0 : (_endIconRef$current = endIconRef.current) === null || _endIconRef$current === void 0 ? void 0 : _endIconRef$current.clientWidth);
649
+ }, [endIconRef === null || endIconRef === void 0 ? void 0 : (_endIconRef$current2 = endIconRef.current) === null || _endIconRef$current2 === void 0 ? void 0 : _endIconRef$current2.clientWidth]);
650
+ return /*#__PURE__*/React__default["default"].createElement(Input, _extends({
651
+ ref: ref,
652
+ startIcon: startIcon && /*#__PURE__*/React__default["default"].createElement("div", {
653
+ ref: startIconRef,
654
+ className: "KUI-InputAdornment_start-icon"
655
+ }, startIcon),
656
+ endIcon: (endIcon || cornerLabel) && /*#__PURE__*/React__default["default"].createElement("div", {
657
+ ref: endIconRef,
658
+ className: classNames__default["default"]("KUI-InputAdornment_end-icon", cornerLabel && "KUI-InputAdornment_corner-label")
659
+ }, cornerLabel ? /*#__PURE__*/React__default["default"].createElement(Caption, {
660
+ size: "s",
661
+ weight: 500,
662
+ color: "gray50"
663
+ }, cornerLabel) : endIcon),
664
+ style: inputStyle,
665
+ labelInlineStyles: labelStyle
666
+ }, inputProps));
667
+ });
668
+ InputWithAdornments.defaultProps = {
669
+ cornerLabel: null,
670
+ startIcon: null,
671
+ endIcon: null
672
+ };
673
+ InputWithAdornments.propTypes = {
674
+ label: PropTypes__default["default"].string,
675
+ errorMessage: PropTypes__default["default"].string,
676
+ cornerLabel: PropTypes__default["default"].string,
677
+ disabled: PropTypes__default["default"].bool,
678
+ startIcon: PropTypes__default["default"].element,
679
+ endIcon: PropTypes__default["default"].element,
680
+ type: PropTypes__default["default"].oneOf(["text", "number", "password"])
681
+ };
682
+ InputWithAdornments.displayName = "InputWithAdornments";
683
+
684
+ var _excluded$k = ["mask", "defaultValue", "onChange", "onBlur", "disabled"];
685
+ var InputWithMask = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
686
+ var mask = _ref.mask,
687
+ defaultValue = _ref.defaultValue,
688
+ onChange = _ref.onChange,
689
+ onBlur = _ref.onBlur,
690
+ disabled = _ref.disabled,
691
+ otherProps = _objectWithoutProperties(_ref, _excluded$k);
692
+
693
+ var _useState = React.useState(defaultValue),
694
+ _useState2 = _slicedToArray(_useState, 2),
695
+ value = _useState2[0],
696
+ setValue = _useState2[1];
697
+
698
+ var handleChange = function handleChange(e) {
699
+ setValue(e.target.value);
700
+
701
+ if (onChange) {
702
+ onChange(e);
703
+ }
704
+ };
705
+
706
+ React.useEffect(function () {
707
+ setValue(defaultValue);
708
+ }, [defaultValue]);
709
+ return /*#__PURE__*/React__default["default"].createElement(InputMask__default["default"], {
710
+ maskPlaceholder: null,
711
+ mask: mask,
712
+ alwaysShowMask: false,
713
+ disabled: disabled,
714
+ onChange: handleChange,
715
+ onBlur: onBlur
716
+ }, function () {
717
+ return /*#__PURE__*/React__default["default"].createElement(InputWithAdornments, _extends({
718
+ disabled: disabled,
719
+ inputValue: value,
720
+ ref: ref
721
+ }, otherProps));
722
+ });
723
+ });
724
+ InputWithMask.displayName = "InputWithMask";
725
+ InputWithMask.propTypes = {
726
+ label: PropTypes__default["default"].string,
727
+ errorMessage: PropTypes__default["default"].string,
728
+ cornerLabel: PropTypes__default["default"].string,
729
+ disabled: PropTypes__default["default"].bool,
730
+ startIcon: PropTypes__default["default"].element,
731
+ endIcon: PropTypes__default["default"].element,
732
+ mask: PropTypes__default["default"].string
733
+ };
734
+
735
+ var countries = [
736
+ {
737
+ name: "Afghanistan (‫افغانستان‬‎)",
738
+ nameCode: "af",
739
+ nameRus: "Афганистан",
740
+ phoneCode: "93",
741
+ mask: "-99-999-9999"
742
+ },
743
+ {
744
+ name: "Albania (Shqipëri)",
745
+ nameCode: "al",
746
+ nameRus: "Албания",
747
+ phoneCode: "355",
748
+ mask: "(999)999-999"
749
+ },
750
+ {
751
+ name: "Algeria (‫الجزائر‬‎)",
752
+ nameCode: "dz",
753
+ nameRus: "Алжир",
754
+ phoneCode: "213",
755
+ mask: "-99-999-9999"
756
+ },
757
+ {
758
+ name: "American Samoa",
759
+ nameCode: "as",
760
+ nameRus: "Американское Самоа",
761
+ phoneCode: "1684",
762
+ mask: "9)999-9999"
763
+ },
764
+ {
765
+ name: "Andorra",
766
+ nameCode: "ad",
767
+ nameRus: "Андорра",
768
+ phoneCode: "376",
769
+ mask: "-999-999"
770
+ },
771
+ {
772
+ name: "Angola",
773
+ nameCode: "ao",
774
+ nameRus: "Ангола",
775
+ phoneCode: "244",
776
+ mask: "(999)999-999"
777
+ },
778
+ {
779
+ name: "Anguilla",
780
+ nameCode: "ai",
781
+ nameRus: "Ангилья",
782
+ phoneCode: "1264",
783
+ mask: "9)999-9999"
784
+ },
785
+ {
786
+ name: "Antigua and Barbuda",
787
+ nameCode: "ag",
788
+ nameRus: "Антигуа и Барбуда",
789
+ phoneCode: "1268",
790
+ mask: "9)999-9999"
791
+ },
792
+ {
793
+ name: "Argentina",
794
+ nameCode: "ar",
795
+ nameRus: "Аргентина",
796
+ phoneCode: "54",
797
+ mask: "(999)999-9999"
798
+ },
799
+ {
800
+ name: "Armenia (Հայաստան)",
801
+ nameCode: "am",
802
+ nameRus: "Армения",
803
+ phoneCode: "374",
804
+ mask: "-99-999-999"
805
+ },
806
+ {
807
+ name: "Aruba",
808
+ nameCode: "aw",
809
+ nameRus: "Аруба",
810
+ phoneCode: "297",
811
+ mask: "-999-9999"
812
+ },
813
+ {
814
+ name: "Australia",
815
+ nameCode: "au",
816
+ nameRus: "Австралия",
817
+ phoneCode: "61",
818
+ mask: "999999999"
819
+ },
820
+ {
821
+ name: "Austria (Österreich)",
822
+ nameCode: "at",
823
+ nameRus: "Австрия",
824
+ phoneCode: "43",
825
+ mask: "(999)999-9999"
826
+ },
827
+ {
828
+ name: "Azerbaijan (Azərbaycan)",
829
+ nameCode: "az",
830
+ nameRus: "Азербайджан",
831
+ phoneCode: "994",
832
+ mask: "-99-999-99-99"
833
+ },
834
+ {
835
+ name: "Bahamas",
836
+ nameCode: "bs",
837
+ nameRus: "Багамы",
838
+ phoneCode: "1242",
839
+ mask: "9)999-9999"
840
+ },
841
+ {
842
+ name: "Bahrain (‫البحرين‬‎)",
843
+ nameCode: "bh",
844
+ nameRus: "Бахрейн",
845
+ phoneCode: "973",
846
+ mask: "-9999-9999"
847
+ },
848
+ {
849
+ name: "Bangladesh (বাংলাদেশ)",
850
+ nameCode: "bd",
851
+ nameRus: "Бангладеш",
852
+ phoneCode: "880",
853
+ mask: "-99-999-999"
854
+ },
855
+ {
856
+ name: "Barbados",
857
+ nameCode: "bb",
858
+ nameRus: "Барбадос",
859
+ phoneCode: "1246",
860
+ mask: "9)999-9999"
861
+ },
862
+ {
863
+ name: "Belarus (Беларусь)",
864
+ nameCode: "by",
865
+ nameRus: "Беларусь",
866
+ phoneCode: "375",
867
+ mask: "(99)999-99-99"
868
+ },
869
+ {
870
+ name: "Belgium (België)",
871
+ nameCode: "be",
872
+ nameRus: "Бельгия",
873
+ phoneCode: "32",
874
+ mask: "999999999"
875
+ },
876
+ {
877
+ name: "Belize",
878
+ nameCode: "bz",
879
+ nameRus: "Белиз",
880
+ phoneCode: "501",
881
+ mask: "-999-9999"
882
+ },
883
+ {
884
+ name: "Benin (Bénin)",
885
+ nameCode: "bj",
886
+ nameRus: "Бенин",
887
+ phoneCode: "229",
888
+ mask: "-99-99-9999"
889
+ },
890
+ {
891
+ name: "Bermuda",
892
+ nameCode: "bm",
893
+ nameRus: "Бермудские о-ва",
894
+ phoneCode: "1441",
895
+ mask: "9)999-9999"
896
+ },
897
+ {
898
+ name: "Bhutan (འབྲུག)",
899
+ nameCode: "bt",
900
+ nameRus: "Бутан",
901
+ phoneCode: "975",
902
+ mask: "-9-999-999"
903
+ },
904
+ {
905
+ name: "Bolivia",
906
+ nameCode: "bo",
907
+ nameRus: "Боливия",
908
+ phoneCode: "591",
909
+ mask: "-9-999-9999"
910
+ },
911
+ {
912
+ name: "Bosnia and Herzegovina (Босна и Херцеговина)",
913
+ nameCode: "ba",
914
+ nameRus: "Босния и Герцеговина",
915
+ phoneCode: "387",
916
+ mask: "-99-9999"
917
+ },
918
+ {
919
+ name: "Botswana",
920
+ nameCode: "bw",
921
+ nameRus: "Ботсвана",
922
+ phoneCode: "267",
923
+ mask: "-99-999-999"
924
+ },
925
+ {
926
+ name: "Brazil (Brasil)",
927
+ nameCode: "br",
928
+ nameRus: "Бразилия",
929
+ phoneCode: "55",
930
+ mask: "-99-9999-9999"
931
+ },
932
+ {
933
+ name: "British Indian Ocean Territory",
934
+ nameCode: "io",
935
+ nameRus: "Британская территория в Индийском океане",
936
+ phoneCode: "246",
937
+ mask: "-999-9999"
938
+ },
939
+ {
940
+ name: "British Virgin Islands",
941
+ nameCode: "vg",
942
+ nameRus: "Виргинские о-ва (Великобритания)",
943
+ phoneCode: "1284",
944
+ mask: "9)999-9999"
945
+ },
946
+ {
947
+ name: "Brunei",
948
+ nameCode: "bn",
949
+ nameRus: "Бруней-Даруссалам",
950
+ phoneCode: "673",
951
+ mask: "-999-9999"
952
+ },
953
+ {
954
+ name: "Bulgaria (България)",
955
+ nameCode: "bg",
956
+ nameRus: "Болгария",
957
+ phoneCode: "359",
958
+ mask: "(999)999-999"
959
+ },
960
+ {
961
+ name: "Burkina Faso",
962
+ nameCode: "bf",
963
+ nameRus: "Буркина-Фасо",
964
+ phoneCode: "226",
965
+ mask: "-99-99-9999"
966
+ },
967
+ {
968
+ name: "Burundi (Uburundi)",
969
+ nameCode: "bi",
970
+ nameRus: "Бурунди",
971
+ phoneCode: "257",
972
+ mask: "-99-99-9999"
973
+ },
974
+ {
975
+ name: "Cambodia (កម្ពុជា)",
976
+ nameCode: "kh",
977
+ nameRus: "Камбоджа",
978
+ phoneCode: "855",
979
+ mask: "-99-999-999"
980
+ },
981
+ {
982
+ name: "Cameroon (Cameroun)",
983
+ nameCode: "cm",
984
+ nameRus: "Камерун",
985
+ phoneCode: "237",
986
+ mask: "-9999-9999"
987
+ },
988
+ {
989
+ name: "Canada",
990
+ nameCode: "ca",
991
+ nameRus: "Канада",
992
+ phoneCode: "1",
993
+ mask: "(999)999-9999"
994
+ },
995
+ {
996
+ name: "Cape Verde (Kabu Verdi)",
997
+ nameCode: "cv",
998
+ nameRus: "Кабо-Верде",
999
+ phoneCode: "238",
1000
+ mask: "(999)99-99"
1001
+ },
1002
+ {
1003
+ name: "Caribbean Netherlands",
1004
+ nameCode: "bq",
1005
+ nameRus: "Бонэйр, Синт-Эстатиус и Саба",
1006
+ phoneCode: "599",
1007
+ mask: "-999-9999"
1008
+ },
1009
+ {
1010
+ name: "Cayman Islands",
1011
+ nameCode: "ky",
1012
+ nameRus: "Острова Кайман",
1013
+ phoneCode: "1345",
1014
+ mask: "9)999-9999"
1015
+ },
1016
+ {
1017
+ name: "Central African Republic (République centrafricaine)",
1018
+ nameCode: "cf",
1019
+ nameRus: "Центрально-Африканская Республика",
1020
+ phoneCode: "236",
1021
+ mask: "-99-99-9999"
1022
+ },
1023
+ {
1024
+ name: "Chad (Tchad)",
1025
+ nameCode: "td",
1026
+ nameRus: "Чад",
1027
+ phoneCode: "235",
1028
+ mask: "-99-99-99-99"
1029
+ },
1030
+ {
1031
+ name: "Chile",
1032
+ nameCode: "cl",
1033
+ nameRus: "Чили",
1034
+ phoneCode: "56",
1035
+ mask: "-9-9999-9999"
1036
+ },
1037
+ {
1038
+ name: "China (中国)",
1039
+ nameCode: "cn",
1040
+ nameRus: "Китай",
1041
+ phoneCode: "86",
1042
+ mask: "99-99999999"
1043
+ },
1044
+ {
1045
+ name: "Colombia",
1046
+ nameCode: "co",
1047
+ nameRus: "Колумбия",
1048
+ phoneCode: "57",
1049
+ mask: "(999)999-9999"
1050
+ },
1051
+ {
1052
+ name: "Comoros (‫جزر القمر‬‎)",
1053
+ nameCode: "km",
1054
+ nameRus: "Коморы",
1055
+ phoneCode: "269",
1056
+ mask: "-99-99999"
1057
+ },
1058
+ {
1059
+ name: "Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)",
1060
+ nameCode: "cd",
1061
+ nameRus: "Конго - Киншаса",
1062
+ phoneCode: "243",
1063
+ mask: "(999)999-999"
1064
+ },
1065
+ {
1066
+ name: "Congo (Republic) (Congo-Brazzaville)",
1067
+ nameCode: "cg",
1068
+ nameRus: "Конго - Браззавиль",
1069
+ phoneCode: "242",
1070
+ mask: "-99-999-9999"
1071
+ },
1072
+ {
1073
+ name: "Cook Islands",
1074
+ nameCode: "ck",
1075
+ nameRus: "Острова Кука",
1076
+ phoneCode: "682",
1077
+ mask: "-99-999"
1078
+ },
1079
+ {
1080
+ name: "Costa Rica",
1081
+ nameCode: "cr",
1082
+ nameRus: "Коста-Рика",
1083
+ phoneCode: "506",
1084
+ mask: "9999-9999"
1085
+ },
1086
+ {
1087
+ name: "Côte d’Ivoire",
1088
+ nameCode: "ci",
1089
+ nameRus: "Кот-д’Ивуар",
1090
+ phoneCode: "225",
1091
+ mask: "-99-999-999"
1092
+ },
1093
+ {
1094
+ name: "Croatia (Hrvatska)",
1095
+ nameCode: "hr",
1096
+ nameRus: "Хорватия",
1097
+ phoneCode: "385",
1098
+ mask: "-99-999-999"
1099
+ },
1100
+ {
1101
+ name: "Cuba",
1102
+ nameCode: "cu",
1103
+ nameRus: "Куба",
1104
+ phoneCode: "53",
1105
+ mask: "-9-999-9999"
1106
+ },
1107
+ {
1108
+ name: "Curaçao",
1109
+ nameCode: "cw",
1110
+ nameRus: "Кюрасао",
1111
+ phoneCode: "599",
1112
+ mask: "-999-9999"
1113
+ },
1114
+ {
1115
+ name: "Cyprus (Κύπρος)",
1116
+ nameCode: "cy",
1117
+ nameRus: "Кипр",
1118
+ phoneCode: "357",
1119
+ mask: "-99-999-999"
1120
+ },
1121
+ {
1122
+ name: "Czech Republic (Česká republika)",
1123
+ nameCode: "cz",
1124
+ nameRus: "Чехия",
1125
+ phoneCode: "420",
1126
+ mask: "(999)999-999"
1127
+ },
1128
+ {
1129
+ name: "Denmark (Danmark)",
1130
+ nameCode: "dk",
1131
+ nameRus: "Дания",
1132
+ phoneCode: "45",
1133
+ mask: "99999999"
1134
+ },
1135
+ {
1136
+ name: "Djibouti",
1137
+ nameCode: "dj",
1138
+ nameRus: "Джибути",
1139
+ phoneCode: "253",
1140
+ mask: "-99-99-99-99"
1141
+ },
1142
+ {
1143
+ name: "Dominica",
1144
+ nameCode: "dm",
1145
+ nameRus: "Доминика",
1146
+ phoneCode: "1767",
1147
+ mask: "9)999-9999"
1148
+ },
1149
+ {
1150
+ name: "Dominican Republic (República Dominicana)",
1151
+ nameCode: "do",
1152
+ nameRus: "Доминиканская Республика",
1153
+ phoneCode: "1",
1154
+ mask: "(999)999-9999"
1155
+ },
1156
+ {
1157
+ name: "Ecuador",
1158
+ nameCode: "ec",
1159
+ nameRus: "Эквадор",
1160
+ phoneCode: "593",
1161
+ mask: "-9-999-9999"
1162
+ },
1163
+ {
1164
+ name: "Egypt (‫مصر‬‎)",
1165
+ nameCode: "eg",
1166
+ nameRus: "Египет",
1167
+ phoneCode: "20",
1168
+ mask: "(999)999-9999"
1169
+ },
1170
+ {
1171
+ name: "El Salvador",
1172
+ nameCode: "sv",
1173
+ nameRus: "Сальвадор",
1174
+ phoneCode: "503",
1175
+ mask: "9999-9999"
1176
+ },
1177
+ {
1178
+ name: "Equatorial Guinea (Guinea Ecuatorial)",
1179
+ nameCode: "gq",
1180
+ nameRus: "Экваториальная Гвинея",
1181
+ phoneCode: "240",
1182
+ mask: "-99-999-9999"
1183
+ },
1184
+ {
1185
+ name: "Eritrea",
1186
+ nameCode: "er",
1187
+ nameRus: "Эритрея",
1188
+ phoneCode: "291",
1189
+ mask: "-9-999-999"
1190
+ },
1191
+ {
1192
+ name: "Estonia (Eesti)",
1193
+ nameCode: "ee",
1194
+ nameRus: "Эстония",
1195
+ phoneCode: "372",
1196
+ mask: "-999-9999"
1197
+ },
1198
+ {
1199
+ name: "Ethiopia",
1200
+ nameCode: "et",
1201
+ nameRus: "Эфиопия",
1202
+ phoneCode: "251",
1203
+ mask: "-99-999-9999"
1204
+ },
1205
+ {
1206
+ name: "Falkland Islands (Islas Malvinas)",
1207
+ nameCode: "fk",
1208
+ nameRus: "Фолклендские о-ва",
1209
+ phoneCode: "500",
1210
+ mask: "-99999"
1211
+ },
1212
+ {
1213
+ name: "Faroe Islands (Føroyar)",
1214
+ nameCode: "fo",
1215
+ nameRus: "Фарерские о-ва",
1216
+ phoneCode: "298",
1217
+ mask: "-999-999"
1218
+ },
1219
+ {
1220
+ name: "Fiji",
1221
+ nameCode: "fj",
1222
+ nameRus: "Фиджи",
1223
+ phoneCode: "679",
1224
+ mask: "-99-99999"
1225
+ },
1226
+ {
1227
+ name: "Finland (Suomi)",
1228
+ nameCode: "fi",
1229
+ nameRus: "Финляндия",
1230
+ phoneCode: "358",
1231
+ mask: "9999999999"
1232
+ },
1233
+ {
1234
+ name: "France",
1235
+ nameCode: "fr",
1236
+ nameRus: "Франция",
1237
+ phoneCode: "33",
1238
+ mask: "999999999"
1239
+ },
1240
+ {
1241
+ name: "French Guiana (Guyane française)",
1242
+ nameCode: "gf",
1243
+ nameRus: "Французская Гвиана",
1244
+ phoneCode: "594",
1245
+ mask: "-99999-9999"
1246
+ },
1247
+ {
1248
+ name: "French Polynesia (Polynésie française)",
1249
+ nameCode: "pf",
1250
+ nameRus: "Французская Полинезия",
1251
+ phoneCode: "689",
1252
+ mask: "-99-99-99"
1253
+ },
1254
+ {
1255
+ name: "Gabon",
1256
+ nameCode: "ga",
1257
+ nameRus: "Габон",
1258
+ phoneCode: "241",
1259
+ mask: "-9-99-99-99"
1260
+ },
1261
+ {
1262
+ name: "Gambia",
1263
+ nameCode: "gm",
1264
+ nameRus: "Гамбия",
1265
+ phoneCode: "220",
1266
+ mask: "(999)99-99"
1267
+ },
1268
+ {
1269
+ name: "Georgia (საქართველო)",
1270
+ nameCode: "ge",
1271
+ nameRus: "Грузия",
1272
+ phoneCode: "995",
1273
+ mask: "(999)999-999"
1274
+ },
1275
+ {
1276
+ name: "Germany (Deutschland)",
1277
+ nameCode: "de",
1278
+ nameRus: "Германия",
1279
+ phoneCode: "49",
1280
+ mask: "9999999999"
1281
+ },
1282
+ {
1283
+ name: "Ghana (Gaana)",
1284
+ nameCode: "gh",
1285
+ nameRus: "Гана",
1286
+ phoneCode: "233",
1287
+ mask: "(999)999-999"
1288
+ },
1289
+ {
1290
+ name: "Gibraltar",
1291
+ nameCode: "gi",
1292
+ nameRus: "Гибралтар",
1293
+ phoneCode: "350",
1294
+ mask: "-999-99999"
1295
+ },
1296
+ {
1297
+ name: "Greece (Ελλάδα)",
1298
+ nameCode: "gr",
1299
+ nameRus: "Греция",
1300
+ phoneCode: "30",
1301
+ mask: "(999)999-9999"
1302
+ },
1303
+ {
1304
+ name: "Greenland (Kalaallit Nunaat)",
1305
+ nameCode: "gl",
1306
+ nameRus: "Гренландия",
1307
+ phoneCode: "299",
1308
+ mask: "-99-99-99"
1309
+ },
1310
+ {
1311
+ name: "Grenada",
1312
+ nameCode: "gd",
1313
+ nameRus: "Гренада",
1314
+ phoneCode: "1473",
1315
+ mask: "9)999-9999"
1316
+ },
1317
+ {
1318
+ name: "Guam",
1319
+ nameCode: "gu",
1320
+ nameRus: "Гуам",
1321
+ phoneCode: "1671",
1322
+ mask: "9)999-9999"
1323
+ },
1324
+ {
1325
+ name: "Guatemala",
1326
+ nameCode: "gt",
1327
+ nameRus: "Гватемала",
1328
+ phoneCode: "502",
1329
+ mask: "9999-9999"
1330
+ },
1331
+ {
1332
+ name: "Guinea (Guinée)",
1333
+ nameCode: "gn",
1334
+ nameRus: "Гвинея",
1335
+ phoneCode: "224",
1336
+ mask: "-99-999-999"
1337
+ },
1338
+ {
1339
+ name: "Guinea-Bissau (Guiné Bissau)",
1340
+ nameCode: "gw",
1341
+ nameRus: "Гвинея-Бисау",
1342
+ phoneCode: "245",
1343
+ mask: "-9-999999"
1344
+ },
1345
+ {
1346
+ name: "Guyana",
1347
+ nameCode: "gy",
1348
+ nameRus: "Гайана",
1349
+ phoneCode: "592",
1350
+ mask: "-999-9999"
1351
+ },
1352
+ {
1353
+ name: "Haiti",
1354
+ nameCode: "ht",
1355
+ nameRus: "Гаити",
1356
+ phoneCode: "509",
1357
+ mask: "9999-9999"
1358
+ },
1359
+ {
1360
+ name: "Honduras",
1361
+ nameCode: "hn",
1362
+ nameRus: "Гондурас",
1363
+ phoneCode: "504",
1364
+ mask: "-9999-9999"
1365
+ },
1366
+ {
1367
+ name: "Hong Kong (香港)",
1368
+ nameCode: "hk",
1369
+ nameRus: "Гонконг (САР)",
1370
+ phoneCode: "852",
1371
+ mask: "99999999"
1372
+ },
1373
+ {
1374
+ name: "Hungary (Magyarország)",
1375
+ nameCode: "hu",
1376
+ nameRus: "Венгрия",
1377
+ phoneCode: "36",
1378
+ mask: "(999)999-999"
1379
+ },
1380
+ {
1381
+ name: "Iceland (Ísland)",
1382
+ nameCode: "is",
1383
+ nameRus: "Исландия",
1384
+ phoneCode: "354",
1385
+ mask: "9999999"
1386
+ },
1387
+ {
1388
+ name: "India (भारत)",
1389
+ nameCode: "in",
1390
+ nameRus: "Индия",
1391
+ phoneCode: "91",
1392
+ mask: "99999-99999"
1393
+ },
1394
+ {
1395
+ name: "Indonesia",
1396
+ nameCode: "id",
1397
+ nameRus: "Индонезия",
1398
+ phoneCode: "62",
1399
+ mask: "-99-999-99"
1400
+ },
1401
+ {
1402
+ name: "Iran (‫ایران‬‎)",
1403
+ nameCode: "ir",
1404
+ nameRus: "Иран",
1405
+ phoneCode: "98",
1406
+ mask: "(999)999-9999"
1407
+ },
1408
+ {
1409
+ name: "Iraq (‫العراق‬‎)",
1410
+ nameCode: "iq",
1411
+ nameRus: "Ирак",
1412
+ phoneCode: "964",
1413
+ mask: "(999)999-9999"
1414
+ },
1415
+ {
1416
+ name: "Ireland",
1417
+ nameCode: "ie",
1418
+ nameRus: "Ирландия",
1419
+ phoneCode: "353",
1420
+ mask: "999999999"
1421
+ },
1422
+ {
1423
+ name: "Israel (‫ישראל‬‎)",
1424
+ nameCode: "il",
1425
+ nameRus: "Израиль",
1426
+ phoneCode: "972",
1427
+ mask: "-9-999-9999"
1428
+ },
1429
+ {
1430
+ name: "Italy (Italia)",
1431
+ nameCode: "it",
1432
+ nameRus: "Италия",
1433
+ phoneCode: "39",
1434
+ mask: "999999999"
1435
+ },
1436
+ {
1437
+ name: "Jamaica",
1438
+ nameCode: "jm",
1439
+ nameRus: "Ямайка",
1440
+ phoneCode: "1876",
1441
+ mask: "9)999-9999"
1442
+ },
1443
+ {
1444
+ name: "Japan (日本)",
1445
+ nameCode: "jp",
1446
+ nameRus: "Япония",
1447
+ phoneCode: "81",
1448
+ mask: "999999999"
1449
+ },
1450
+ {
1451
+ name: "Jordan (‫الأردن‬‎)",
1452
+ nameCode: "jo",
1453
+ nameRus: "Иордания",
1454
+ phoneCode: "962",
1455
+ mask: "-9-9999-9999"
1456
+ },
1457
+ {
1458
+ name: "Kazakhstan (Казахстан)",
1459
+ nameCode: "kz",
1460
+ nameRus: "Казахстан",
1461
+ phoneCode: "7",
1462
+ mask: "999999-99-99"
1463
+ },
1464
+ {
1465
+ name: "Kenya",
1466
+ nameCode: "ke",
1467
+ nameRus: "Кения",
1468
+ phoneCode: "254",
1469
+ mask: "-999-999999"
1470
+ },
1471
+ {
1472
+ name: "Kiribati",
1473
+ nameCode: "ki",
1474
+ nameRus: "Кирибати",
1475
+ phoneCode: "686",
1476
+ mask: "-99-999"
1477
+ },
1478
+ {
1479
+ name: "Kuwait (‫الكويت‬‎)",
1480
+ nameCode: "kw",
1481
+ nameRus: "Кувейт",
1482
+ phoneCode: "965",
1483
+ mask: "-9999-9999"
1484
+ },
1485
+ {
1486
+ name: "Kyrgyzstan (Кыргызстан)",
1487
+ nameCode: "kg",
1488
+ nameRus: "Киргизия",
1489
+ phoneCode: "996",
1490
+ mask: "(999)999-999"
1491
+ },
1492
+ {
1493
+ name: "Laos (ລາວ)",
1494
+ nameCode: "la",
1495
+ nameRus: "Лаос",
1496
+ phoneCode: "856",
1497
+ mask: "-99-999-999"
1498
+ },
1499
+ {
1500
+ name: "Latvia (Latvija)",
1501
+ nameCode: "lv",
1502
+ nameRus: "Латвия",
1503
+ phoneCode: "371",
1504
+ mask: "-99-999-999"
1505
+ },
1506
+ {
1507
+ name: "Lebanon (‫لبنان‬‎)",
1508
+ nameCode: "lb",
1509
+ nameRus: "Ливан",
1510
+ phoneCode: "961",
1511
+ mask: "-9-999-999"
1512
+ },
1513
+ {
1514
+ name: "Lesotho",
1515
+ nameCode: "ls",
1516
+ nameRus: "Лесото",
1517
+ phoneCode: "266",
1518
+ mask: "-9-999-9999"
1519
+ },
1520
+ {
1521
+ name: "Liberia",
1522
+ nameCode: "lr",
1523
+ nameRus: "Либерия",
1524
+ phoneCode: "231",
1525
+ mask: "-99-999-999"
1526
+ },
1527
+ {
1528
+ name: "Libya (‫ليبيا‬‎)",
1529
+ nameCode: "ly",
1530
+ nameRus: "Ливия",
1531
+ phoneCode: "218",
1532
+ mask: "-99-999-999"
1533
+ },
1534
+ {
1535
+ name: "Liechtenstein",
1536
+ nameCode: "li",
1537
+ nameRus: "Лихтенштейн",
1538
+ phoneCode: "423",
1539
+ mask: "(999)999-9999"
1540
+ },
1541
+ {
1542
+ name: "Lithuania (Lietuva)",
1543
+ nameCode: "lt",
1544
+ nameRus: "Литва",
1545
+ phoneCode: "370",
1546
+ mask: "(999)99-999"
1547
+ },
1548
+ {
1549
+ name: "Luxembourg",
1550
+ nameCode: "lu",
1551
+ nameRus: "Люксембург",
1552
+ phoneCode: "352",
1553
+ mask: "(999)999-999"
1554
+ },
1555
+ {
1556
+ name: "Macau (澳門)",
1557
+ nameCode: "mo",
1558
+ nameRus: "Макао (САР)",
1559
+ phoneCode: "853",
1560
+ mask: "-9999-9999"
1561
+ },
1562
+ {
1563
+ name: "Macedonia (FYROM) (Македонија)",
1564
+ nameCode: "mk",
1565
+ nameRus: "Северная Македония",
1566
+ phoneCode: "389",
1567
+ mask: "-99-999-999"
1568
+ },
1569
+ {
1570
+ name: "Madagascar (Madagasikara)",
1571
+ nameCode: "mg",
1572
+ nameRus: "Мадагаскар",
1573
+ phoneCode: "261",
1574
+ mask: "-99-99-99999"
1575
+ },
1576
+ {
1577
+ name: "Malawi",
1578
+ nameCode: "mw",
1579
+ nameRus: "Малави",
1580
+ phoneCode: "265",
1581
+ mask: "-9-9999-9999"
1582
+ },
1583
+ {
1584
+ name: "Malaysia",
1585
+ nameCode: "my",
1586
+ nameRus: "Малайзия",
1587
+ phoneCode: "60",
1588
+ mask: "99-9999-9999"
1589
+ },
1590
+ {
1591
+ name: "Maldives",
1592
+ nameCode: "mv",
1593
+ nameRus: "Мальдивы",
1594
+ phoneCode: "960",
1595
+ mask: "-999-9999"
1596
+ },
1597
+ {
1598
+ name: "Mali",
1599
+ nameCode: "ml",
1600
+ nameRus: "Мали",
1601
+ phoneCode: "223",
1602
+ mask: "-99-99-9999"
1603
+ },
1604
+ {
1605
+ name: "Malta",
1606
+ nameCode: "mt",
1607
+ nameRus: "Мальта",
1608
+ phoneCode: "356",
1609
+ mask: "-9999-9999"
1610
+ },
1611
+ {
1612
+ name: "Marshall Islands",
1613
+ nameCode: "mh",
1614
+ nameRus: "Маршалловы Острова",
1615
+ phoneCode: "692",
1616
+ mask: "-999-9999"
1617
+ },
1618
+ {
1619
+ name: "Martinique",
1620
+ nameCode: "mq",
1621
+ nameRus: "Мартиника",
1622
+ phoneCode: "596",
1623
+ mask: "(999)99-99-99"
1624
+ },
1625
+ {
1626
+ name: "Mauritania (‫موريتانيا‬‎)",
1627
+ nameCode: "mr",
1628
+ nameRus: "Мавритания",
1629
+ phoneCode: "222",
1630
+ mask: "-99-99-9999"
1631
+ },
1632
+ {
1633
+ name: "Mauritius (Moris)",
1634
+ nameCode: "mu",
1635
+ nameRus: "Маврикий",
1636
+ phoneCode: "230",
1637
+ mask: "-999-9999"
1638
+ },
1639
+ {
1640
+ name: "Mexico (México)",
1641
+ nameCode: "mx",
1642
+ nameRus: "Мексика",
1643
+ phoneCode: "52",
1644
+ mask: "-99-99-9999"
1645
+ },
1646
+ {
1647
+ name: "Micronesia",
1648
+ nameCode: "fm",
1649
+ nameRus: "Федеративные Штаты Микронезии",
1650
+ phoneCode: "691",
1651
+ mask: "-999-9999"
1652
+ },
1653
+ {
1654
+ name: "Moldova (Republica Moldova)",
1655
+ nameCode: "md",
1656
+ nameRus: "Молдова",
1657
+ phoneCode: "373",
1658
+ mask: "-9999-9999"
1659
+ },
1660
+ {
1661
+ name: "Monaco",
1662
+ nameCode: "mc",
1663
+ nameRus: "Монако",
1664
+ phoneCode: "377",
1665
+ mask: "-99-999-999"
1666
+ },
1667
+ {
1668
+ name: "Mongolia (Монгол)",
1669
+ nameCode: "mn",
1670
+ nameRus: "Монголия",
1671
+ phoneCode: "976",
1672
+ mask: "-99-99-9999"
1673
+ },
1674
+ {
1675
+ name: "Montenegro (Crna Gora)",
1676
+ nameCode: "me",
1677
+ nameRus: "Черногория",
1678
+ phoneCode: "382",
1679
+ mask: "-99-999-999"
1680
+ },
1681
+ {
1682
+ name: "Montserrat",
1683
+ nameCode: "ms",
1684
+ nameRus: "Монтсеррат",
1685
+ phoneCode: "1664",
1686
+ mask: "9)999-9999"
1687
+ },
1688
+ {
1689
+ name: "Morocco (‫المغرب‬‎)",
1690
+ nameCode: "ma",
1691
+ nameRus: "Марокко",
1692
+ phoneCode: "212",
1693
+ mask: "-99-9999-999"
1694
+ },
1695
+ {
1696
+ name: "Mozambique (Moçambique)",
1697
+ nameCode: "mz",
1698
+ nameRus: "Мозамбик",
1699
+ phoneCode: "258",
1700
+ mask: "-99-999-999"
1701
+ },
1702
+ {
1703
+ name: "Myanmar (Burma) (မြန်မာ)",
1704
+ nameCode: "mm",
1705
+ nameRus: "Мьянма (Бирма)",
1706
+ phoneCode: "95",
1707
+ mask: "-999-999"
1708
+ },
1709
+ {
1710
+ name: "Namibia (Namibië)",
1711
+ nameCode: "na",
1712
+ nameRus: "Намибия",
1713
+ phoneCode: "264",
1714
+ mask: "-99-999-9999"
1715
+ },
1716
+ {
1717
+ name: "Nauru",
1718
+ nameCode: "nr",
1719
+ nameRus: "Науру",
1720
+ phoneCode: "674",
1721
+ mask: "-999-9999"
1722
+ },
1723
+ {
1724
+ name: "Nepal (नेपाल)",
1725
+ nameCode: "np",
1726
+ nameRus: "Непал",
1727
+ phoneCode: "977",
1728
+ mask: "-99-999-999"
1729
+ },
1730
+ {
1731
+ name: "Netherlands (Nederland)",
1732
+ nameCode: "nl",
1733
+ nameRus: "Нидерланды",
1734
+ phoneCode: "31",
1735
+ mask: "9999999999"
1736
+ },
1737
+ {
1738
+ name: "New Caledonia (Nouvelle-Calédonie)",
1739
+ nameCode: "nc",
1740
+ nameRus: "Новая Каледония",
1741
+ phoneCode: "687",
1742
+ mask: "-99-9999"
1743
+ },
1744
+ {
1745
+ name: "New Zealand",
1746
+ nameCode: "nz",
1747
+ nameRus: "Новая Зеландия",
1748
+ phoneCode: "64",
1749
+ mask: "999-999-9999"
1750
+ },
1751
+ {
1752
+ name: "Nicaragua",
1753
+ nameCode: "ni",
1754
+ nameRus: "Никарагуа",
1755
+ phoneCode: "505",
1756
+ mask: "-9999-9999"
1757
+ },
1758
+ {
1759
+ name: "Niger (Nijar)",
1760
+ nameCode: "ne",
1761
+ nameRus: "Нигер",
1762
+ phoneCode: "227",
1763
+ mask: "-99-99-9999"
1764
+ },
1765
+ {
1766
+ name: "Nigeria",
1767
+ nameCode: "ng",
1768
+ nameRus: "Нигерия",
1769
+ phoneCode: "234",
1770
+ mask: "-99-999-99"
1771
+ },
1772
+ {
1773
+ name: "Niue",
1774
+ nameCode: "nu",
1775
+ nameRus: "Ниуэ",
1776
+ phoneCode: "683",
1777
+ mask: "-9999"
1778
+ },
1779
+ {
1780
+ name: "Norfolk Island",
1781
+ nameCode: "nf",
1782
+ nameRus: "о-в Норфолк",
1783
+ phoneCode: "672",
1784
+ mask: "-999-999"
1785
+ },
1786
+ {
1787
+ name: "North Korea (조선 민주주의 인민 공화국)",
1788
+ nameCode: "kp",
1789
+ nameRus: "КНДР",
1790
+ phoneCode: "850",
1791
+ mask: "-999-999"
1792
+ },
1793
+ {
1794
+ name: "Northern Mariana Islands",
1795
+ nameCode: "mp",
1796
+ nameRus: "Северные Марианские о-ва",
1797
+ phoneCode: "1670",
1798
+ mask: "9)999-9999"
1799
+ },
1800
+ {
1801
+ name: "Norway (Norge)",
1802
+ nameCode: "no",
1803
+ nameRus: "Норвегия",
1804
+ phoneCode: "47",
1805
+ mask: "99999999"
1806
+ },
1807
+ {
1808
+ name: "Oman (‫عُمان‬‎)",
1809
+ nameCode: "om",
1810
+ nameRus: "Оман",
1811
+ phoneCode: "968",
1812
+ mask: "-99-999-999"
1813
+ },
1814
+ {
1815
+ name: "Pakistan (‫پاکستان‬‎)",
1816
+ nameCode: "pk",
1817
+ nameRus: "Пакистан",
1818
+ phoneCode: "92",
1819
+ mask: "999-9999999"
1820
+ },
1821
+ {
1822
+ name: "Palau",
1823
+ nameCode: "pw",
1824
+ nameRus: "Палау",
1825
+ phoneCode: "680",
1826
+ mask: "-999-9999"
1827
+ },
1828
+ {
1829
+ name: "Palestine (‫فلسطين‬‎)",
1830
+ nameCode: "ps",
1831
+ nameRus: "Палестинские территории",
1832
+ phoneCode: "970",
1833
+ mask: "-99-999-9999"
1834
+ },
1835
+ {
1836
+ name: "Panama (Panamá)",
1837
+ nameCode: "pa",
1838
+ nameRus: "Панама",
1839
+ phoneCode: "507",
1840
+ mask: "-999-9999"
1841
+ },
1842
+ {
1843
+ name: "Papua New Guinea",
1844
+ nameCode: "pg",
1845
+ nameRus: "Папуа — Новая Гвинея",
1846
+ phoneCode: "675",
1847
+ mask: "(999)99-999"
1848
+ },
1849
+ {
1850
+ name: "Paraguay",
1851
+ nameCode: "py",
1852
+ nameRus: "Парагвай",
1853
+ phoneCode: "595",
1854
+ mask: "(999)999-999"
1855
+ },
1856
+ {
1857
+ name: "Peru (Perú)",
1858
+ nameCode: "pe",
1859
+ nameRus: "Перу",
1860
+ phoneCode: "51",
1861
+ mask: "(999)999-999"
1862
+ },
1863
+ {
1864
+ name: "Philippines",
1865
+ nameCode: "ph",
1866
+ nameRus: "Филиппины",
1867
+ phoneCode: "63",
1868
+ mask: "9999999"
1869
+ },
1870
+ {
1871
+ name: "Poland (Polska)",
1872
+ nameCode: "pl",
1873
+ nameRus: "Польша",
1874
+ phoneCode: "48",
1875
+ mask: "999-999-999"
1876
+ },
1877
+ {
1878
+ name: "Portugal",
1879
+ nameCode: "pt",
1880
+ nameRus: "Португалия",
1881
+ phoneCode: "351",
1882
+ mask: "-99-999-9999"
1883
+ },
1884
+ {
1885
+ name: "Puerto Rico",
1886
+ nameCode: "pr",
1887
+ nameRus: "Пуэрто-Рико",
1888
+ phoneCode: "1",
1889
+ mask: "(999)999-9999"
1890
+ },
1891
+ {
1892
+ name: "Qatar (‫قطر‬‎)",
1893
+ nameCode: "qa",
1894
+ nameRus: "Катар",
1895
+ phoneCode: "974",
1896
+ mask: "-9999-9999"
1897
+ },
1898
+ {
1899
+ name: "Réunion (La Réunion)",
1900
+ nameCode: "re",
1901
+ nameRus: "Реюньон",
1902
+ phoneCode: "262",
1903
+ mask: "-99999-9999"
1904
+ },
1905
+ {
1906
+ name: "Romania (România)",
1907
+ nameCode: "ro",
1908
+ nameRus: "Румыния",
1909
+ phoneCode: "40",
1910
+ mask: "-99-999-9999"
1911
+ },
1912
+ {
1913
+ name: "Russia (Россия)",
1914
+ nameCode: "ru",
1915
+ nameRus: "Россия",
1916
+ phoneCode: "7",
1917
+ mask: "(999) 999-99-99"
1918
+ },
1919
+ {
1920
+ name: "Rwanda",
1921
+ nameCode: "rw",
1922
+ nameRus: "Руанда",
1923
+ phoneCode: "250",
1924
+ mask: "(999)999-999"
1925
+ },
1926
+ {
1927
+ name: "Saint Helena",
1928
+ nameCode: "sh",
1929
+ nameRus: "о-в Св. Елены",
1930
+ phoneCode: "290",
1931
+ mask: false
1932
+ },
1933
+ {
1934
+ name: "Saint Kitts and Nevis",
1935
+ nameCode: "kn",
1936
+ nameRus: "Сент-Китс и Невис",
1937
+ phoneCode: "1869",
1938
+ mask: "9)999-9999"
1939
+ },
1940
+ {
1941
+ name: "Saint Lucia",
1942
+ nameCode: "lc",
1943
+ nameRus: "Сент-Люсия",
1944
+ phoneCode: "1758",
1945
+ mask: "9)999-9999"
1946
+ },
1947
+ {
1948
+ name: "Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)",
1949
+ nameCode: "pm",
1950
+ nameRus: "Сен-Пьер и Микелон",
1951
+ phoneCode: "508",
1952
+ mask: false
1953
+ },
1954
+ {
1955
+ name: "Saint Vincent and the Grenadines",
1956
+ nameCode: "vc",
1957
+ nameRus: "Сент-Винсент и Гренадины",
1958
+ phoneCode: "1784",
1959
+ mask: "9)999-9999"
1960
+ },
1961
+ {
1962
+ name: "Samoa",
1963
+ nameCode: "ws",
1964
+ nameRus: "Самоа",
1965
+ phoneCode: "685",
1966
+ mask: "-99-9999"
1967
+ },
1968
+ {
1969
+ name: "San Marino",
1970
+ nameCode: "sm",
1971
+ nameRus: "Сан-Марино",
1972
+ phoneCode: "378",
1973
+ mask: "-9999-999999"
1974
+ },
1975
+ {
1976
+ name: "São Tomé and Príncipe (São Tomé e Príncipe)",
1977
+ nameCode: "st",
1978
+ nameRus: "Сан-Томе и Принсипи",
1979
+ phoneCode: "239",
1980
+ mask: "-99-99999"
1981
+ },
1982
+ {
1983
+ name: "Saudi Arabia (‫المملكة العربية السعودية‬‎)",
1984
+ nameCode: "sa",
1985
+ nameRus: "Саудовская Аравия",
1986
+ phoneCode: "966",
1987
+ mask: "-9-999-9999"
1988
+ },
1989
+ {
1990
+ name: "Senegal (Sénégal)",
1991
+ nameCode: "sn",
1992
+ nameRus: "Сенегал",
1993
+ phoneCode: "221",
1994
+ mask: "-99-999-9999"
1995
+ },
1996
+ {
1997
+ name: "Serbia (Србија)",
1998
+ nameCode: "rs",
1999
+ nameRus: "Сербия",
2000
+ phoneCode: "381",
2001
+ mask: "-99-999-9999"
2002
+ },
2003
+ {
2004
+ name: "Seychelles",
2005
+ nameCode: "sc",
2006
+ nameRus: "Сейшельские Острова",
2007
+ phoneCode: "248",
2008
+ mask: "-9-999-999"
2009
+ },
2010
+ {
2011
+ name: "Sierra Leone",
2012
+ nameCode: "sl",
2013
+ nameRus: "Сьерра-Леоне",
2014
+ phoneCode: "232",
2015
+ mask: "-99-999999"
2016
+ },
2017
+ {
2018
+ name: "Singapore",
2019
+ nameCode: "sg",
2020
+ nameRus: "Сингапур",
2021
+ phoneCode: "65",
2022
+ mask: "9999-9999"
2023
+ },
2024
+ {
2025
+ name: "Sint Maarten",
2026
+ nameCode: "sx",
2027
+ nameRus: "Синт-Мартен",
2028
+ phoneCode: "1721",
2029
+ mask: "9)999-9999"
2030
+ },
2031
+ {
2032
+ name: "Slovakia (Slovensko)",
2033
+ nameCode: "sk",
2034
+ nameRus: "Словакия",
2035
+ phoneCode: "421",
2036
+ mask: "(999)999-999"
2037
+ },
2038
+ {
2039
+ name: "Slovenia (Slovenija)",
2040
+ nameCode: "si",
2041
+ nameRus: "Словения",
2042
+ phoneCode: "386",
2043
+ mask: "-99-999-999"
2044
+ },
2045
+ {
2046
+ name: "Solomon Islands",
2047
+ nameCode: "sb",
2048
+ nameRus: "Соломоновы Острова",
2049
+ phoneCode: "677",
2050
+ mask: "-99999"
2051
+ },
2052
+ {
2053
+ name: "Somalia (Soomaaliya)",
2054
+ nameCode: "so",
2055
+ nameRus: "Сомали",
2056
+ phoneCode: "252",
2057
+ mask: "-9-999-999"
2058
+ },
2059
+ {
2060
+ name: "South Africa",
2061
+ nameCode: "za",
2062
+ nameRus: "Южно-Африканская Республика",
2063
+ phoneCode: "27",
2064
+ mask: "-99-999-9999"
2065
+ },
2066
+ {
2067
+ name: "South Korea (대한민국)",
2068
+ nameCode: "kr",
2069
+ nameRus: "Республика Корея",
2070
+ phoneCode: "82",
2071
+ mask: "-99-999-9999"
2072
+ },
2073
+ {
2074
+ name: "South Sudan (‫جنوب السودان‬‎)",
2075
+ nameCode: "ss",
2076
+ nameRus: "Южный Судан",
2077
+ phoneCode: "211",
2078
+ mask: "-99-999-9999"
2079
+ },
2080
+ {
2081
+ name: "Spain (España)",
2082
+ nameCode: "es",
2083
+ nameRus: "Испания",
2084
+ phoneCode: "34",
2085
+ mask: "999999999"
2086
+ },
2087
+ {
2088
+ name: "Sri Lanka (ශ්‍රී ලංකාව)",
2089
+ nameCode: "lk",
2090
+ nameRus: "Шри-Ланка",
2091
+ phoneCode: "94",
2092
+ mask: "-99-999-9999"
2093
+ },
2094
+ {
2095
+ name: "Sudan (‫السودان‬‎)",
2096
+ nameCode: "sd",
2097
+ nameRus: "Судан",
2098
+ phoneCode: "249",
2099
+ mask: "-99-999-9999"
2100
+ },
2101
+ {
2102
+ name: "Suriname",
2103
+ nameCode: "sr",
2104
+ nameRus: "Суринам",
2105
+ phoneCode: "597",
2106
+ mask: "-999-999"
2107
+ },
2108
+ {
2109
+ name: "Swaziland",
2110
+ nameCode: "sz",
2111
+ nameRus: "Эсватини",
2112
+ phoneCode: "268",
2113
+ mask: "-99-99-9999"
2114
+ },
2115
+ {
2116
+ name: "Sweden (Sverige)",
2117
+ nameCode: "se",
2118
+ nameRus: "Швеция",
2119
+ phoneCode: "46",
2120
+ mask: "999999999"
2121
+ },
2122
+ {
2123
+ name: "Switzerland (Schweiz)",
2124
+ nameCode: "ch",
2125
+ nameRus: "Швейцария",
2126
+ phoneCode: "41",
2127
+ mask: "999999999"
2128
+ },
2129
+ {
2130
+ name: "Syria (‫سوريا‬‎)",
2131
+ nameCode: "sy",
2132
+ nameRus: "Сирия",
2133
+ phoneCode: "963",
2134
+ mask: "-99-9999-999"
2135
+ },
2136
+ {
2137
+ name: "Taiwan (台灣)",
2138
+ nameCode: "tw",
2139
+ nameRus: "Тайвань",
2140
+ phoneCode: "886",
2141
+ mask: "-9999-9999"
2142
+ },
2143
+ {
2144
+ name: "Tajikistan",
2145
+ nameCode: "tj",
2146
+ nameRus: "Таджикистан",
2147
+ phoneCode: "992",
2148
+ mask: "-99-999-9999"
2149
+ },
2150
+ {
2151
+ name: "Tanzania",
2152
+ nameCode: "tz",
2153
+ nameRus: "Танзания",
2154
+ phoneCode: "255",
2155
+ mask: "-99-999-9999"
2156
+ },
2157
+ {
2158
+ name: "Thailand (ไทย)",
2159
+ nameCode: "th",
2160
+ nameRus: "Таиланд",
2161
+ phoneCode: "66",
2162
+ mask: "-99-999-999"
2163
+ },
2164
+ {
2165
+ name: "Timor-Leste",
2166
+ nameCode: "tl",
2167
+ nameRus: "Восточный Тимор",
2168
+ phoneCode: "670",
2169
+ mask: "-999-9999"
2170
+ },
2171
+ {
2172
+ name: "Togo",
2173
+ nameCode: "tg",
2174
+ nameRus: "Того",
2175
+ phoneCode: "228",
2176
+ mask: "-99-999-999"
2177
+ },
2178
+ {
2179
+ name: "Tokelau",
2180
+ nameCode: "tk",
2181
+ nameRus: "Токелау",
2182
+ phoneCode: "690",
2183
+ mask: "-9999"
2184
+ },
2185
+ {
2186
+ name: "Tonga",
2187
+ nameCode: "to",
2188
+ nameRus: "Тонга",
2189
+ phoneCode: "676",
2190
+ mask: "-99999"
2191
+ },
2192
+ {
2193
+ name: "Trinidad and Tobago",
2194
+ nameCode: "tt",
2195
+ nameRus: "Тринидад и Тобаго",
2196
+ phoneCode: "1868",
2197
+ mask: "9)999-9999"
2198
+ },
2199
+ {
2200
+ name: "Tunisia (‫تونس‬‎)",
2201
+ nameCode: "tn",
2202
+ nameRus: "Тунис",
2203
+ phoneCode: "216",
2204
+ mask: "-99-999-999"
2205
+ },
2206
+ {
2207
+ name: "Turkey (Türkiye)",
2208
+ nameCode: "tr",
2209
+ nameRus: "Турция",
2210
+ phoneCode: "90",
2211
+ mask: "9999999999"
2212
+ },
2213
+ {
2214
+ name: "Turkmenistan",
2215
+ nameCode: "tm",
2216
+ nameRus: "Туркменистан",
2217
+ phoneCode: "993",
2218
+ mask: "-9-999-9999"
2219
+ },
2220
+ {
2221
+ name: "Turks and Caicos Islands",
2222
+ nameCode: "tc",
2223
+ nameRus: "о-ва Тёркс и Кайкос",
2224
+ phoneCode: "1649",
2225
+ mask: "9)999-9999"
2226
+ },
2227
+ {
2228
+ name: "Tuvalu",
2229
+ nameCode: "tv",
2230
+ nameRus: "Тувалу",
2231
+ phoneCode: "688",
2232
+ mask: "-99999"
2233
+ },
2234
+ {
2235
+ name: "U.S. Virgin Islands",
2236
+ nameCode: "vi",
2237
+ nameRus: "Виргинские о-ва (США)",
2238
+ phoneCode: "1340",
2239
+ mask: "9)999-9999"
2240
+ },
2241
+ {
2242
+ name: "Uganda",
2243
+ nameCode: "ug",
2244
+ nameRus: "Уганда",
2245
+ phoneCode: "256",
2246
+ mask: "(999)999-999"
2247
+ },
2248
+ {
2249
+ name: "Ukraine (Україна)",
2250
+ nameCode: "ua",
2251
+ nameRus: "Украина",
2252
+ phoneCode: "380",
2253
+ mask: "(99)999-99-99"
2254
+ },
2255
+ {
2256
+ name: "United Arab Emirates (‫الإمارات العربية المتحدة‬‎)",
2257
+ nameCode: "ae",
2258
+ nameRus: "ОАЭ",
2259
+ phoneCode: "971",
2260
+ mask: "-9-999-9999"
2261
+ },
2262
+ {
2263
+ name: "United Kingdom",
2264
+ nameCode: "gb",
2265
+ nameRus: "Великобритания",
2266
+ phoneCode: "44",
2267
+ mask: "9999999999"
2268
+ },
2269
+ {
2270
+ name: "United States",
2271
+ nameCode: "us",
2272
+ nameRus: "Соединенные Штаты",
2273
+ phoneCode: "1",
2274
+ mask: "(999)999-9999"
2275
+ },
2276
+ {
2277
+ name: "Uruguay",
2278
+ nameCode: "uy",
2279
+ nameRus: "Уругвай",
2280
+ phoneCode: "598",
2281
+ mask: "-9-999-99-99"
2282
+ },
2283
+ {
2284
+ name: "Uzbekistan (Oʻzbekiston)",
2285
+ nameCode: "uz",
2286
+ nameRus: "Узбекистан",
2287
+ phoneCode: "998",
2288
+ mask: "-99-999-9999"
2289
+ },
2290
+ {
2291
+ name: "Vanuatu",
2292
+ nameCode: "vu",
2293
+ nameRus: "Вануату",
2294
+ phoneCode: "678",
2295
+ mask: "-99999"
2296
+ },
2297
+ {
2298
+ name: "Vatican City (Città del Vaticano)",
2299
+ nameCode: "va",
2300
+ nameRus: "Ватикан",
2301
+ phoneCode: "39",
2302
+ mask: "9999999999"
2303
+ },
2304
+ {
2305
+ name: "Venezuela",
2306
+ nameCode: "ve",
2307
+ nameRus: "Венесуэла",
2308
+ phoneCode: "58",
2309
+ mask: "(999)999-9999"
2310
+ },
2311
+ {
2312
+ name: "Vietnam (Việt Nam)",
2313
+ nameCode: "vn",
2314
+ nameRus: "Вьетнам",
2315
+ phoneCode: "84",
2316
+ mask: "-99-9999-999"
2317
+ },
2318
+ {
2319
+ name: "Wallis and Futuna",
2320
+ nameCode: "wf",
2321
+ nameRus: "Уоллис и Футуна",
2322
+ phoneCode: "681",
2323
+ mask: "-99-9999"
2324
+ },
2325
+ {
2326
+ name: "Western Sahara",
2327
+ nameCode: "eh",
2328
+ nameRus: "Западная Сахара",
2329
+ phoneCode: "212",
2330
+ mask: "-99-9999"
2331
+ },
2332
+ {
2333
+ name: "Yemen (‫اليمن‬‎)",
2334
+ nameCode: "ye",
2335
+ nameRus: "Йемен",
2336
+ phoneCode: "967",
2337
+ mask: "-9-999-999"
2338
+ },
2339
+ {
2340
+ name: "Zambia",
2341
+ nameCode: "zm",
2342
+ nameRus: "Замбия",
2343
+ phoneCode: "260",
2344
+ mask: "-99-999-9999"
2345
+ },
2346
+ {
2347
+ name: "Zimbabwe",
2348
+ nameCode: "zw",
2349
+ nameRus: "Зимбабве",
2350
+ phoneCode: "263",
2351
+ mask: "-9-999999"
2352
+ }
2353
+ ];
2354
+
2355
+ function CountryItem(_ref) {
2356
+ var item = _ref.item,
2357
+ selectCountryIndex = _ref.selectCountryIndex;
2358
+ var countryIcon = React.useMemo(function () {
2359
+ return item.nameCode.toUpperCase().replace(/./g, function (_char) {
2360
+ return String.fromCodePoint(_char.charCodeAt(0) + 127397);
2361
+ });
2362
+ }, [item.nameCode]);
2363
+
2364
+ var handleClick = function handleClick() {
2365
+ selectCountryIndex(item);
2366
+ };
2367
+
2368
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2369
+ className: "KUI-Country",
2370
+ onClick: handleClick
2371
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2372
+ className: "KUI-Country_title"
2373
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
2374
+ className: "KUI-Country_icon"
2375
+ }, countryIcon), /*#__PURE__*/React__default["default"].createElement("p", {
2376
+ className: classNames__default["default"]("KUI-Country_paragraph", "KUI-Country_name")
2377
+ }, item.nameRus)), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
2378
+ className: classNames__default["default"]("KUI-Country_paragraph", "KUI-Country_phone")
2379
+ }, "+", item.phoneCode)));
2380
+ }
2381
+
2382
+ var SearchIcon = function SearchIcon(_ref) {
2383
+ var width = _ref.width,
2384
+ height = _ref.height;
2385
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
2386
+ width: width,
2387
+ height: height,
2388
+ viewBox: "0 0 ".concat(width, " ").concat(height),
2389
+ fill: "none",
2390
+ xmlns: "http://www.w3.org/2000/svg"
2391
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
2392
+ d: "M5.15016 0.333008C7.81034 0.333008 9.96683 2.4895 9.96683 5.14967C9.96683 6.27563 9.58049 7.31135 8.93313 8.13151L11.5009 10.699C11.7222 10.9203 11.7222 11.2791 11.5009 11.5004C11.2796 11.7217 10.9208 11.7217 10.6995 11.5004L8.132 8.93264C7.31184 9.58 6.27612 9.96634 5.15016 9.96634C2.48999 9.96634 0.333496 7.80985 0.333496 5.14967C0.333496 2.4895 2.48999 0.333008 5.15016 0.333008ZM5.15016 1.46634C3.11591 1.46634 1.46683 3.11543 1.46683 5.14967C1.46683 7.18392 3.11591 8.83301 5.15016 8.83301C7.18441 8.83301 8.8335 7.18392 8.8335 5.14967C8.8335 3.11543 7.18441 1.46634 5.15016 1.46634Z",
2393
+ fill: "#7F8285"
2394
+ }));
2395
+ };
2396
+
2397
+ SearchIcon.defaultProps = {
2398
+ width: 12,
2399
+ height: 12
2400
+ };
2401
+ SearchIcon.propTypes = {
2402
+ width: PropTypes__default["default"].number,
2403
+ height: PropTypes__default["default"].number
2404
+ };
2405
+
2406
+ function Dropdown(_ref) {
2407
+ var isOpen = _ref.isOpen,
2408
+ selectCountryIndex = _ref.selectCountryIndex,
2409
+ setIsOpenDropDown = _ref.setIsOpenDropDown,
2410
+ buttonRef = _ref.buttonRef;
2411
+
2412
+ var _useState = React.useState(countries),
2413
+ _useState2 = _slicedToArray(_useState, 2),
2414
+ filteredCountries = _useState2[0],
2415
+ setFilteredCountries = _useState2[1];
2416
+
2417
+ var dropdownRef = React.useRef();
2418
+
2419
+ var closePopUp = function closePopUp(e) {
2420
+ if (dropdownRef.current && buttonRef.current) {
2421
+ if (!dropdownRef.current.contains(e.target) && !buttonRef.current.contains(e.target)) {
2422
+ setIsOpenDropDown(false);
2423
+ }
2424
+ }
2425
+ };
2426
+
2427
+ React.useEffect(function () {
2428
+ document.addEventListener("click", closePopUp);
2429
+ return function () {
2430
+ document.removeEventListener("click", closePopUp);
2431
+ };
2432
+ }, []);
2433
+
2434
+ if (!isOpen) {
2435
+ return null;
2436
+ }
2437
+
2438
+ var filterCountries = function filterCountries(e) {
2439
+ var query = e.target.value;
2440
+
2441
+ if (query.length > 0) {
2442
+ setFilteredCountries(countries.filter(function (item) {
2443
+ return item.nameRus.toLowerCase().indexOf(query.toLowerCase()) !== -1;
2444
+ }));
2445
+ } else {
2446
+ setFilteredCountries(countries);
2447
+ }
2448
+ };
2449
+
2450
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2451
+ className: classNames__default["default"]("KUI-DropdownContainer", isOpen && "KUI-Dropdown_open"),
2452
+ ref: dropdownRef
2453
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2454
+ className: "KUI-SearchWrapper"
2455
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2456
+ className: "KUI-Search"
2457
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
2458
+ type: "text",
2459
+ placeholder: "\u041F\u043E\u0438\u0441\u043A...",
2460
+ onChange: filterCountries,
2461
+ className: "KUI-SearchInput"
2462
+ }), /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(SearchIcon, null)))), /*#__PURE__*/React__default["default"].createElement("div", {
2463
+ className: "KUI-Dropdown"
2464
+ }, filteredCountries.map(function (item, key) {
2465
+ return /*#__PURE__*/React__default["default"].createElement(CountryItem, {
2466
+ key: key,
2467
+ item: item,
2468
+ selectCountryIndex: selectCountryIndex
2469
+ });
2470
+ })));
2471
+ }
2472
+
2473
+ var HalfArrowIcon = function HalfArrowIcon(_ref) {
2474
+ var width = _ref.width,
2475
+ height = _ref.height;
2476
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
2477
+ width: width,
2478
+ height: height,
2479
+ viewBox: "0 0 ".concat(width, " ").concat(height),
2480
+ fill: "none",
2481
+ xmlns: "http://www.w3.org/2000/svg"
2482
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
2483
+ fillRule: "evenodd",
2484
+ clipRule: "evenodd",
2485
+ d: "M6.86193 0.195262L4 3.05719L1.13807 0.195262C0.877722 -0.0650874 0.455612 -0.0650874 0.195262 0.195262C-0.0650874 0.455612 -0.0650874 0.877722 0.195262 1.13807L3.5286 4.4714C3.78895 4.73175 4.21105 4.73175 4.4714 4.4714L7.80474 1.13807C8.06509 0.877722 8.06509 0.455612 7.80474 0.195262C7.54439 -0.0650874 7.12228 -0.0650874 6.86193 0.195262Z",
2486
+ fill: "#8A94A6"
2487
+ }));
2488
+ };
2489
+
2490
+ HalfArrowIcon.defaultProps = {
2491
+ width: 8,
2492
+ height: 5
2493
+ };
2494
+ HalfArrowIcon.propTypes = {
2495
+ width: PropTypes__default["default"].number,
2496
+ height: PropTypes__default["default"].number
2497
+ };
2498
+
2499
+ var _excluded$j = ["onSelectCountry", "hiddenInputProps"];
2500
+ var InputWithCountryDropdown = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
2501
+ var onSelectCountry = _ref.onSelectCountry,
2502
+ hiddenInputProps = _ref.hiddenInputProps,
2503
+ inputProps = _objectWithoutProperties(_ref, _excluded$j);
2504
+
2505
+ var _useState = React.useState(168),
2506
+ _useState2 = _slicedToArray(_useState, 2),
2507
+ selectedCountry = _useState2[0],
2508
+ setSelectedCountry = _useState2[1];
2509
+
2510
+ var _useState3 = React.useState(false),
2511
+ _useState4 = _slicedToArray(_useState3, 2),
2512
+ isOpenDropdown = _useState4[0],
2513
+ setIsOpenDropDown = _useState4[1];
2514
+
2515
+ var buttonRef = React.useRef();
2516
+
2517
+ var selectCountryIndex = function selectCountryIndex(item) {
2518
+ setSelectedCountry(countries.reduce(function (acc, country, index) {
2519
+ return country.name === item.name ? index : acc;
2520
+ }, 0));
2521
+ setIsOpenDropDown(false);
2522
+
2523
+ if (onSelectCountry) {
2524
+ onSelectCountry(item);
2525
+ }
2526
+ };
2527
+
2528
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2529
+ className: "KUI-InputDropdown_wrapper"
2530
+ }, /*#__PURE__*/React__default["default"].createElement(InputWithMask, _extends({
2531
+ ref: ref,
2532
+ label: "\u041D\u043E\u043C\u0435\u0440 \u0442\u0435\u043B\u0435\u0444\u043E\u043D\u0430",
2533
+ mask: countries[selectedCountry].mask,
2534
+ type: "phone",
2535
+ startIcon: /*#__PURE__*/React__default["default"].createElement("div", {
2536
+ className: "KUI-InputDropdown_button-phone-code",
2537
+ onClick: function onClick() {
2538
+ return setIsOpenDropDown(!isOpenDropdown);
2539
+ },
2540
+ ref: buttonRef
2541
+ }, /*#__PURE__*/React__default["default"].createElement(Caption, {
2542
+ size: "s",
2543
+ weight: 500
2544
+ }, "+", countries[selectedCountry].phoneCode), /*#__PURE__*/React__default["default"].createElement("span", {
2545
+ className: classNames__default["default"]("KUI-InputDropdown_button-phone-code_icon", isOpenDropdown && "KUI-InputDropdown_button-phone-code_reverse-icon")
2546
+ }, /*#__PURE__*/React__default["default"].createElement(HalfArrowIcon, null)))
2547
+ }, inputProps)), /*#__PURE__*/React__default["default"].createElement(Dropdown, {
2548
+ isOpen: isOpenDropdown,
2549
+ selectCountryIndex: selectCountryIndex,
2550
+ setIsOpenDropDown: setIsOpenDropDown,
2551
+ buttonRef: buttonRef
2552
+ }), /*#__PURE__*/React__default["default"].createElement("input", _extends({
2553
+ style: {
2554
+ display: "none"
2555
+ },
2556
+ readOnly: true,
2557
+ value: countries[selectedCountry].phoneCode,
2558
+ "aria-label": "phone_code"
2559
+ }, hiddenInputProps)));
2560
+ });
2561
+ InputWithCountryDropdown.displayName = "InputWithCountryDropdown";
2562
+ InputWithCountryDropdown.propTypes = {
2563
+ label: PropTypes__default["default"].string,
2564
+ errorMessage: PropTypes__default["default"].string,
2565
+ disabled: PropTypes__default["default"].bool
2566
+ };
2567
+
2568
+ var _excluded$i = ["className", "label", "error", "inputRef"];
2569
+ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, ref) {
2570
+ props.className;
2571
+ var label = props.label,
2572
+ error = props.error,
2573
+ inputRef = props.inputRef,
2574
+ checkboxProps = _objectWithoutProperties(props, _excluded$i);
2575
+
2576
+ return /*#__PURE__*/React__default["default"].createElement("label", {
2577
+ htmlFor: "KUI-checkbox_".concat(checkboxProps.name),
2578
+ className: "KUI-Checkbox_label"
2579
+ }, /*#__PURE__*/React__default["default"].createElement("input", _extends({
2580
+ id: "KUI-checkbox_".concat(checkboxProps.name),
2581
+ ref: inputRef,
2582
+ type: "checkbox",
2583
+ className: "KUI-Checkbox"
2584
+ }, checkboxProps)), /*#__PURE__*/React__default["default"].createElement("span", {
2585
+ className: classNames__default["default"]("KUI-Checkbox_custom", !!error && "KUI-Checkbox_error")
2586
+ }), !!label && /*#__PURE__*/React__default["default"].createElement("span", {
2587
+ className: "KUI-Label_checkbox"
2588
+ }, label));
2589
+ });
2590
+ Checkbox.defaultProps = {
2591
+ label: ""
2592
+ };
2593
+ Checkbox.propTypes = {
2594
+ label: PropTypes__default["default"].any,
2595
+ error: PropTypes__default["default"].bool,
2596
+ disabled: PropTypes__default["default"].bool
2597
+ };
2598
+ Checkbox.displayName = "Checkbox";
2599
+
2600
+ var CloseIcon = function CloseIcon(_ref) {
2601
+ var width = _ref.width,
2602
+ height = _ref.height;
2603
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
2604
+ width: width,
2605
+ height: height,
2606
+ viewBox: "0 0 ".concat(width, " ").concat(height),
2607
+ fill: "none",
2608
+ xmlns: "http://www.w3.org/2000/svg"
2609
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
2610
+ d: "M6.93909 6.93909C7.27382 6.60435 7.81654 6.60435 8.15127 6.93909L13 11.7878L17.8487 6.93909C18.1835 6.60435 18.7262 6.60435 19.0609 6.93909C19.3957 7.27382 19.3957 7.81653 19.0609 8.15127L14.2122 13L19.0609 17.8487C19.3957 18.1835 19.3957 18.7262 19.0609 19.0609C18.7262 19.3956 18.1835 19.3956 17.8487 19.0609L13 14.2122L8.15127 19.0609C7.81654 19.3956 7.27382 19.3956 6.93909 19.0609C6.60435 18.7262 6.60435 18.1835 6.93909 17.8487L11.7878 13L6.93909 8.15127C6.60435 7.81653 6.60435 7.27382 6.93909 6.93909Z",
2611
+ fill: "#7F8285"
2612
+ }));
2613
+ };
2614
+
2615
+ CloseIcon.defaultProps = {
2616
+ width: 26,
2617
+ height: 26
2618
+ };
2619
+ CloseIcon.propTypes = {
2620
+ width: PropTypes__default["default"].number,
2621
+ height: PropTypes__default["default"].number
2622
+ };
2623
+
2624
+ var _excluded$h = ["isOpen", "handleClose", "title", "children", "isHasHeader", "className", "headerStyles", "classNameContent", "classNameClose", "size"];
2625
+
2626
+ function Modal(props) {
2627
+ var isOpen = props.isOpen,
2628
+ handleClose = props.handleClose,
2629
+ title = props.title,
2630
+ children = props.children,
2631
+ isHasHeader = props.isHasHeader,
2632
+ className = props.className,
2633
+ headerStyles = props.headerStyles,
2634
+ classNameContent = props.classNameContent,
2635
+ classNameClose = props.classNameClose,
2636
+ size = props.size,
2637
+ otherProps = _objectWithoutProperties(props, _excluded$h);
2638
+
2639
+ var modalRef = React.useRef(null);
2640
+ React.useEffect(function () {
2641
+ if (isOpen) {
2642
+ window.document.body.classList.add("body");
2643
+ } else {
2644
+ window.document.body.classList.remove("body");
2645
+ }
2646
+ }, [isOpen]);
2647
+ React.useEffect(function () {
2648
+ return function () {
2649
+ window.document.body.classList.remove("body");
2650
+ };
2651
+ }, []);
2652
+
2653
+ var closeModal = function closeModal(e) {
2654
+ if (modalRef.current && !modalRef.current.contains(e.target)) {
2655
+ handleClose();
2656
+ }
2657
+ };
2658
+
2659
+ if (!isOpen) {
2660
+ return null;
2661
+ }
2662
+
2663
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
2664
+ className: "KUI-Modal_container",
2665
+ onClick: closeModal
2666
+ }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
2667
+ ref: modalRef,
2668
+ className: classNames__default["default"]("KUI-Modal", isOpen ? "KUI-Modal_open" : "KUI-Modal_close", "KUI-Modal_".concat(size), className)
2669
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, isHasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
2670
+ role: "header",
2671
+ className: classNames__default["default"]("KUI-Modal_header", headerStyles)
2672
+ }, /*#__PURE__*/React__default["default"].createElement(Heading, {
2673
+ className: "KUI-Modal_title"
2674
+ }, title), /*#__PURE__*/React__default["default"].createElement("div", {
2675
+ role: "close",
2676
+ className: classNames__default["default"]("KUI-Modal_close-button", classNameClose),
2677
+ onClick: handleClose
2678
+ }, /*#__PURE__*/React__default["default"].createElement(CloseIcon, null))) : /*#__PURE__*/React__default["default"].createElement("div", {
2679
+ role: "close",
2680
+ className: classNames__default["default"]("KUI-Modal_close-button", classNameClose),
2681
+ onClick: handleClose
2682
+ }, /*#__PURE__*/React__default["default"].createElement(CloseIcon, null)), /*#__PURE__*/React__default["default"].createElement("div", {
2683
+ className: classNames__default["default"]("KUI-Modal_content", classNameContent)
2684
+ }, children))));
2685
+ }
2686
+
2687
+ Modal.defaultProps = {
2688
+ isOpen: false,
2689
+ handleClose: null,
2690
+ title: "",
2691
+ isHasHeader: true,
2692
+ size: "small"
2693
+ };
2694
+ Modal.propTypes = {
2695
+ isOpen: PropTypes__default["default"].bool,
2696
+ handleClose: PropTypes__default["default"].func,
2697
+ title: PropTypes__default["default"].string,
2698
+ isHasHeader: PropTypes__default["default"].bool,
2699
+ size: PropTypes__default["default"].oneOf(["small", "large"])
2700
+ };
2701
+
2702
+ var _excluded$g = ["size", "className", "label", "error", "inputRef"];
2703
+ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
2704
+ var size = props.size;
2705
+ props.className;
2706
+ var label = props.label,
2707
+ error = props.error,
2708
+ inputRef = props.inputRef,
2709
+ switchProps = _objectWithoutProperties(props, _excluded$g);
2710
+
2711
+ return /*#__PURE__*/React__default["default"].createElement("label", {
2712
+ className: "KUI-Switch_label"
2713
+ }, /*#__PURE__*/React__default["default"].createElement("input", _extends({
2714
+ ref: inputRef,
2715
+ type: "checkbox",
2716
+ className: "KUI-Switch"
2717
+ }, switchProps)), /*#__PURE__*/React__default["default"].createElement("span", {
2718
+ className: classNames__default["default"]("KUI-Switch_custom", "KUI-Switch_".concat(size), !!error && "KUI-Switch_error")
2719
+ }), !!label && /*#__PURE__*/React__default["default"].createElement("span", {
2720
+ className: "KUI-Label_switch"
2721
+ }, label));
2722
+ });
2723
+ Switch.defaultProps = {
2724
+ label: "",
2725
+ className: "",
2726
+ name: "check",
2727
+ size: "s"
2728
+ };
2729
+ Switch.propTypes = {
2730
+ label: PropTypes__default["default"].string,
2731
+ size: PropTypes__default["default"].oneOf(["s", "m", "l"]),
2732
+ disabled: PropTypes__default["default"].bool,
2733
+ error: PropTypes__default["default"].bool
2734
+ };
2735
+ Switch.displayName = "Switch";
2736
+
2737
+ var _excluded$f = ["label", "value", "inputRef"];
2738
+ var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
2739
+ var label = props.label,
2740
+ value = props.value,
2741
+ inputRef = props.inputRef,
2742
+ radioProps = _objectWithoutProperties(props, _excluded$f);
2743
+
2744
+ return /*#__PURE__*/React__default["default"].createElement("label", {
2745
+ className: "KUI-Radio_label"
2746
+ }, /*#__PURE__*/React__default["default"].createElement("input", _extends({
2747
+ ref: inputRef,
2748
+ value: value,
2749
+ type: "radio",
2750
+ className: "KUI-Radio"
2751
+ }, radioProps)), /*#__PURE__*/React__default["default"].createElement("span", {
2752
+ className: "KUI-Radio_custom"
2753
+ }), !!label && /*#__PURE__*/React__default["default"].createElement("span", {
2754
+ className: "KUI-Label_radio"
2755
+ }, label));
2756
+ });
2757
+ Radio.defaultProps = {
2758
+ label: "",
2759
+ value: "",
2760
+ name: "radio"
2761
+ };
2762
+ Radio.propTypes = {
2763
+ label: PropTypes__default["default"].string,
2764
+ disabled: PropTypes__default["default"].bool
2765
+ };
2766
+ Radio.displayName = "Radio";
2767
+
2768
+ var FileIcon = function FileIcon(_ref) {
2769
+ var width = _ref.width,
2770
+ height = _ref.height;
2771
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
2772
+ width: width,
2773
+ height: height,
2774
+ viewBox: "0 0 ".concat(width, " ").concat(height),
2775
+ fill: "none",
2776
+ xmlns: "http://www.w3.org/2000/svg"
2777
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
2778
+ d: "M6.10782 5.22682C6.33097 5.00366 6.69278 5.00366 6.91594 5.22682C7.13909 5.44998 7.13909 5.81179 6.91594 6.03494L4.53198 8.4189C4.20799 8.74289 4.18918 9.28829 4.53198 9.63109C4.87477 9.97388 5.42017 9.95507 5.74416 9.63109L10.1888 5.18642C11.104 4.2712 11.054 2.81907 10.1888 1.95393C9.32369 1.08879 7.87156 1.03871 6.95634 1.95393L2.51167 6.3986C1.05411 7.85616 1.08129 10.221 2.51167 11.6514C3.94205 13.0818 6.3069 13.109 7.76447 11.6514L10.1484 9.26743C10.3716 9.04427 10.7334 9.04427 10.9565 9.26743C11.1797 9.49059 11.1797 9.8524 10.9565 10.0756L8.57259 12.4595C6.6645 14.3676 3.57614 14.3321 1.70355 12.4595C-0.169037 10.5869 -0.204535 7.49856 1.70355 5.59048L6.14822 1.14581C7.52269 -0.228658 9.69748 -0.153665 10.997 1.14581C12.2964 2.44528 12.3714 4.62007 10.997 5.99454L6.55228 10.4392C5.79396 11.1975 4.5259 11.2413 3.72386 10.4392C2.92181 9.63716 2.96554 8.3691 3.72386 7.61078L6.10782 5.22682Z",
2779
+ fill: "#7F8285"
2780
+ }));
2781
+ };
2782
+
2783
+ FileIcon.defaultProps = {
2784
+ width: 12,
2785
+ height: 14
2786
+ };
2787
+ FileIcon.propTypes = {
2788
+ width: PropTypes__default["default"].number,
2789
+ height: PropTypes__default["default"].number
2790
+ };
2791
+
2792
+ var _excluded$e = ["className", "label", "name"];
2793
+ var InputFile = /*#__PURE__*/React.forwardRef(function (props, ref) {
2794
+ var className = props.className,
2795
+ label = props.label,
2796
+ name = props.name,
2797
+ inputProps = _objectWithoutProperties(props, _excluded$e);
2798
+
2799
+ var _useState = React.useState(label),
2800
+ _useState2 = _slicedToArray(_useState, 2),
2801
+ value = _useState2[0],
2802
+ setValue = _useState2[1];
2803
+
2804
+ var inputId = inputProps.id ? inputProps.id : name;
2805
+
2806
+ var setFileName = function setFileName(e) {
2807
+ if (e.target.files[0]) {
2808
+ setValue("".concat(e.target.files[0].name.length > 29 ? "".concat(e.target.files[0].name.slice(0, 26), "...") : e.target.files[0].name));
2809
+ } else {
2810
+ setValue(label);
2811
+ }
2812
+ };
2813
+
2814
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2815
+ className: classNames__default["default"]("KUI-InputFile_wrapper", className)
2816
+ }, /*#__PURE__*/React__default["default"].createElement("input", _extends({
2817
+ type: "file",
2818
+ id: inputId,
2819
+ className: "KUI-InputFile",
2820
+ onInput: setFileName
2821
+ }, inputProps)), /*#__PURE__*/React__default["default"].createElement("label", {
2822
+ htmlFor: inputId,
2823
+ className: "KUI-InputFile_label"
2824
+ }, /*#__PURE__*/React__default["default"].createElement(Text, {
2825
+ size: "s",
2826
+ className: classNames__default["default"]("KUI-InputFile_title", value !== label && "KUI-InputFile_value")
2827
+ }, value), /*#__PURE__*/React__default["default"].createElement(FileIcon, null)));
2828
+ });
2829
+ InputFile.displayName = "InputFile";
2830
+ InputFile.propTypes = {
2831
+ label: PropTypes__default["default"].string
2832
+ };
2833
+
2834
+ function Divider(_ref) {
2835
+ var className = _ref.className;
2836
+ return /*#__PURE__*/React__default["default"].createElement("hr", {
2837
+ className: classNames__default["default"]("KUI-Divider", className)
2838
+ });
2839
+ }
2840
+
2841
+ Divider.defaultProps = {
2842
+ className: ""
2843
+ };
2844
+ Divider.propTypes = {
2845
+ className: PropTypes__default["default"].string
2846
+ };
2847
+
2848
+ var _excluded$d = ["className"];
2849
+ var Container = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
2850
+ var className = _ref.className,
2851
+ props = _objectWithoutProperties(_ref, _excluded$d);
2852
+
2853
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
2854
+ ref: ref,
2855
+ className: classNames__default["default"]("KUI-Container", className)
2856
+ }, props));
2857
+ });
2858
+ Container.displayName = "Container";
2859
+
2860
+ var _excluded$c = ["spacing", "item", "container", "justify", "alignItems", "alignContent", "xs", "sm", "md", "lg", "xl", "className", "direction"];
2861
+ var Grid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
2862
+ var spacing = _ref.spacing,
2863
+ item = _ref.item,
2864
+ container = _ref.container,
2865
+ justify = _ref.justify,
2866
+ alignItems = _ref.alignItems,
2867
+ alignContent = _ref.alignContent,
2868
+ xs = _ref.xs,
2869
+ sm = _ref.sm,
2870
+ md = _ref.md,
2871
+ lg = _ref.lg,
2872
+ xl = _ref.xl,
2873
+ className = _ref.className,
2874
+ direction = _ref.direction,
2875
+ otherProps = _objectWithoutProperties(_ref, _excluded$c);
2876
+
2877
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
2878
+ ref: ref,
2879
+ className: classNames__default["default"](item && "KUI-Grid_Item", container && "KUI-Grid_Container", item && xs && "KUI-Grid_xs_".concat(xs), item && sm && "KUI-Grid_sm_".concat(sm), item && md && "KUI-Grid_md_".concat(md), item && lg && "KUI-Grid_lg_".concat(lg), item && xl && "KUI-Grid_xl_".concat(xl), container && justify && "KUI-Grid_justify_".concat(justify), container && alignItems && "KUI-Grid_alignItems_".concat(alignItems), container && alignContent && "KUI-Grid_alignContent_".concat(alignContent), container && spacing && "KUI-Grid_spacing_".concat(spacing), container && direction && "KUI-Grid_direction_".concat(direction), className)
2880
+ }, otherProps));
2881
+ });
2882
+ Grid.displayName = "Grid";
2883
+ Grid.propTypes = {
2884
+ spacing: PropTypes__default["default"].number,
2885
+ justify: PropTypes__default["default"].oneOf(["center", "flex-start", "flex-end", "space-between"]),
2886
+ alignItems: PropTypes__default["default"].oneOf(["center", "flex-start", "flex-end"]),
2887
+ alignContent: PropTypes__default["default"].oneOf(["center", "flex-start", "flex-end"]),
2888
+ direction: PropTypes__default["default"].oneOf(["column", "row"])
2889
+ };
2890
+
2891
+ var _excluded$b = ["mt", "mr", "ml", "mb", "pt", "pr", "pl", "pb", "className"];
2892
+ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
2893
+ var mt = _ref.mt,
2894
+ mr = _ref.mr,
2895
+ ml = _ref.ml,
2896
+ mb = _ref.mb,
2897
+ pt = _ref.pt,
2898
+ pr = _ref.pr,
2899
+ pl = _ref.pl,
2900
+ pb = _ref.pb,
2901
+ className = _ref.className,
2902
+ otherProps = _objectWithoutProperties(_ref, _excluded$b);
2903
+
2904
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
2905
+ ref: ref,
2906
+ className: classNames__default["default"](mt && "KUI-Box_mt_".concat(mt), mr && "KUI-Box_mr_".concat(mr), ml && "KUI-Box_ml_".concat(ml), mb && "KUI-Box_mb_".concat(mb), pt && "KUI-Box_pt_".concat(pt), pr && "KUI-Box_pr_".concat(pr), pl && "KUI-Box_pl_".concat(pl), pb && "KUI-Box_pb_".concat(pb), className)
2907
+ }, otherProps));
2908
+ });
2909
+ Box.propTypes = {
2910
+ pt: PropTypes__default["default"].number,
2911
+ pb: PropTypes__default["default"].number,
2912
+ pr: PropTypes__default["default"].number,
2913
+ pl: PropTypes__default["default"].number,
2914
+ mt: PropTypes__default["default"].number,
2915
+ mb: PropTypes__default["default"].number,
2916
+ mr: PropTypes__default["default"].number,
2917
+ ml: PropTypes__default["default"].number
2918
+ };
2919
+ Box.displayName = "Box";
2920
+
2921
+ var _excluded$a = ["children", "handleChange", "className"];
2922
+
2923
+ function Accordion(_ref) {
2924
+ var children = _ref.children;
2925
+ _ref.handleChange;
2926
+ var className = _ref.className,
2927
+ otherProps = _objectWithoutProperties(_ref, _excluded$a);
2928
+
2929
+ var detailsBlock = React.useRef(null);
2930
+
2931
+ var _React$Children$toArr = React__default["default"].Children.toArray(children),
2932
+ _React$Children$toArr2 = _toArray(_React$Children$toArr),
2933
+ summary = _React$Children$toArr2[0],
2934
+ otherChildren = _React$Children$toArr2.slice(1);
2935
+
2936
+ var handleTransitionEnd = function handleTransitionEnd() {
2937
+ if (detailsBlock.current.style.height !== "0px") {
2938
+ detailsBlock.current.style.height = "auto";
2939
+ }
2940
+ };
2941
+
2942
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
2943
+ className: classNames__default["default"]("KUI-Accordion", className)
2944
+ }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].cloneElement(summary, {
2945
+ detailsBlock: detailsBlock
2946
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
2947
+ onTransitionEnd: handleTransitionEnd,
2948
+ ref: detailsBlock,
2949
+ className: "KUI-Collapse"
2950
+ }, otherChildren));
2951
+ }
2952
+
2953
+ var _excluded$9 = ["detailsBlock", "className", "children", "expandIcon", "contentStyles", "expandedStyles", "iconStyles"];
2954
+
2955
+ function AccordionSummary(_ref) {
2956
+ var detailsBlock = _ref.detailsBlock,
2957
+ className = _ref.className,
2958
+ children = _ref.children,
2959
+ expandIcon = _ref.expandIcon,
2960
+ contentStyles = _ref.contentStyles,
2961
+ expandedStyles = _ref.expandedStyles,
2962
+ iconStyles = _ref.iconStyles,
2963
+ otherProps = _objectWithoutProperties(_ref, _excluded$9);
2964
+
2965
+ var _useState = React.useState(false),
2966
+ _useState2 = _slicedToArray(_useState, 2),
2967
+ expanded = _useState2[0],
2968
+ setExpanded = _useState2[1];
2969
+
2970
+ var handleClick = function handleClick() {
2971
+ setExpanded(function (prev) {
2972
+ return !prev;
2973
+ });
2974
+
2975
+ if (detailsBlock) {
2976
+ if (!expanded) {
2977
+ var _detailsBlock$current;
2978
+
2979
+ detailsBlock.current.style.height = "".concat((_detailsBlock$current = detailsBlock.current) === null || _detailsBlock$current === void 0 ? void 0 : _detailsBlock$current.scrollHeight, "px");
2980
+ } else {
2981
+ var _detailsBlock$current2;
2982
+
2983
+ detailsBlock.current.style.height = "".concat((_detailsBlock$current2 = detailsBlock.current) === null || _detailsBlock$current2 === void 0 ? void 0 : _detailsBlock$current2.scrollHeight, "px");
2984
+ window.getComputedStyle(detailsBlock.current, null).getPropertyValue("height");
2985
+ detailsBlock.current.style.height = "0";
2986
+ }
2987
+ }
2988
+ };
2989
+
2990
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
2991
+ onClick: handleClick,
2992
+ className: classNames__default["default"]("KUI-Accordion_Summary", className)
2993
+ }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
2994
+ className: classNames__default["default"]("KUI-Accordion_Summary-Content", expanded && "KUI-Accordion_expanded", expanded && expandedStyles, contentStyles)
2995
+ }, children), /*#__PURE__*/React__default["default"].createElement("div", {
2996
+ className: classNames__default["default"]("KUI-Accordion_Summary-Icon", expanded && "KUI-Accordion_expanded", expanded && expandedStyles, iconStyles)
2997
+ }, expandIcon));
2998
+ }
2999
+
3000
+ AccordionSummary.propTypes = {
3001
+ expandIcon: PropTypes__default["default"].element,
3002
+ children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].string])
3003
+ };
3004
+
3005
+ function AccordionDetails(props) {
3006
+ return /*#__PURE__*/React__default["default"].createElement("div", props);
3007
+ }
3008
+
3009
+ var _excluded$8 = ["className"];
3010
+
3011
+ function Skeleton(_ref) {
3012
+ var className = _ref.className,
3013
+ otherProps = _objectWithoutProperties(_ref, _excluded$8);
3014
+
3015
+ return /*#__PURE__*/React__default["default"].createElement("span", _extends({
3016
+ className: classNames__default["default"]("KUI-Skeleton", className)
3017
+ }, otherProps));
3018
+ }
3019
+
3020
+ var _excluded$7 = ["className", "isFixed"];
3021
+
3022
+ function AppBar(_ref) {
3023
+ var className = _ref.className,
3024
+ isFixed = _ref.isFixed,
3025
+ otherProps = _objectWithoutProperties(_ref, _excluded$7);
3026
+
3027
+ return /*#__PURE__*/React__default["default"].createElement("header", _extends({
3028
+ className: classNames__default["default"]("KUI-AppBar", isFixed && "KUI-AppBar_fixed", className)
3029
+ }, otherProps));
3030
+ }
3031
+
3032
+ AppBar.propTypes = {
3033
+ isFixed: PropTypes__default["default"].bool
3034
+ };
3035
+ AppBar.defaultProps = {
3036
+ isFixed: true
3037
+ };
3038
+
3039
+ var _excluded$6 = ["className"];
3040
+
3041
+ function ToolBar(_ref) {
3042
+ var className = _ref.className,
3043
+ otherProps = _objectWithoutProperties(_ref, _excluded$6);
3044
+
3045
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
3046
+ className: classNames__default["default"]("KUI-ToolBar", className)
3047
+ }, otherProps));
3048
+ }
3049
+
3050
+ var _excluded$5 = ["className", "svgStyles", "circleStyles"];
3051
+
3052
+ function CircularProgress(_ref) {
3053
+ var className = _ref.className,
3054
+ svgStyles = _ref.svgStyles,
3055
+ circleStyles = _ref.circleStyles,
3056
+ otherProps = _objectWithoutProperties(_ref, _excluded$5);
3057
+
3058
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
3059
+ className: classNames__default["default"]("KUI-CircularProgress", className)
3060
+ }, otherProps), /*#__PURE__*/React__default["default"].createElement("svg", {
3061
+ className: classNames__default["default"]("KUI-CircularProgress_svg", svgStyles),
3062
+ viewBox: "22 22 44 44"
3063
+ }, /*#__PURE__*/React__default["default"].createElement("circle", {
3064
+ className: classNames__default["default"]("KUI-CircularProgress_circle", circleStyles),
3065
+ cx: "44",
3066
+ cy: "44",
3067
+ r: "20.2",
3068
+ fill: "none",
3069
+ strokeWidth: "3.6"
3070
+ })));
3071
+ }
3072
+
3073
+ var _excluded$4 = ["className", "progressBarStyles", "value"];
3074
+
3075
+ function LinearProgress(_ref) {
3076
+ var className = _ref.className,
3077
+ progressBarStyles = _ref.progressBarStyles,
3078
+ value = _ref.value,
3079
+ otherProps = _objectWithoutProperties(_ref, _excluded$4);
3080
+
3081
+ var newValue = value;
3082
+
3083
+ if (value > 100) {
3084
+ newValue = 100;
3085
+ }
3086
+
3087
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
3088
+ className: classNames__default["default"]("KUI-LinearProgress", className)
3089
+ }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
3090
+ className: classNames__default["default"]("KUI-LinearProgress_bar", progressBarStyles),
3091
+ style: {
3092
+ transform: "translateX(".concat(newValue - 100, "%)")
3093
+ }
3094
+ }));
3095
+ }
3096
+
3097
+ LinearProgress.defaultProps = {
3098
+ value: 0
3099
+ };
3100
+
3101
+ var _excluded$3 = ["value", "onChange", "className", "indicatorPos", "indicatorHidden", "children"];
3102
+
3103
+ var nextItem = function nextItem(list, item) {
3104
+ if (list === item) {
3105
+ return list.firstChild;
3106
+ }
3107
+
3108
+ if (item && item.nextElementSibling) {
3109
+ return item.nextElementSibling;
3110
+ }
3111
+
3112
+ return list.firstChild;
3113
+ };
3114
+
3115
+ var previousItem = function previousItem(list, item) {
3116
+ if (list === item) {
3117
+ return list.lastChild;
3118
+ }
3119
+
3120
+ if (item && item.previousElementSibling) {
3121
+ return item.previousElementSibling;
3122
+ }
3123
+
3124
+ return list.lastChild;
3125
+ };
3126
+
3127
+ var moveFocus = function moveFocus(list, currentFocus, traversalFunction) {
3128
+ var nextFocus = traversalFunction(list, currentFocus);
3129
+ nextFocus.focus();
3130
+ };
3131
+
3132
+ var Tabs = /*#__PURE__*/React.forwardRef(function (props, ref) {
3133
+ var value = props.value,
3134
+ onChange = props.onChange,
3135
+ className = props.className,
3136
+ indicatorPos = props.indicatorPos,
3137
+ indicatorHidden = props.indicatorHidden,
3138
+ childrenProp = props.children,
3139
+ otherProps = _objectWithoutProperties(props, _excluded$3);
3140
+
3141
+ var tabListRef = React.useRef(null);
3142
+
3143
+ var _useState = React.useState({}),
3144
+ _useState2 = _slicedToArray(_useState, 2),
3145
+ indicatorStyles = _useState2[0],
3146
+ setIndicatorStyles = _useState2[1];
3147
+
3148
+ var handleKeyDown = function handleKeyDown(e) {
3149
+ var list = tabListRef.current;
3150
+ var currFocus = list.ownerDocument.activeElement;
3151
+
3152
+ switch (e.key) {
3153
+ case "ArrowLeft":
3154
+ e.preventDefault();
3155
+ moveFocus(list, currFocus, previousItem);
3156
+ break;
3157
+
3158
+ case "ArrowRight":
3159
+ e.preventDefault();
3160
+ moveFocus(list, currFocus, nextItem);
3161
+ break;
3162
+
3163
+ case "Home":
3164
+ e.preventDefault();
3165
+ moveFocus(list, currFocus, nextItem);
3166
+ break;
3167
+
3168
+ case "End":
3169
+ e.preventDefault();
3170
+ moveFocus(list, currFocus, previousItem);
3171
+ break;
3172
+ }
3173
+ };
3174
+
3175
+ var children = React__default["default"].Children.map(childrenProp, function (child, childIndex) {
3176
+ if (! /*#__PURE__*/React__default["default"].isValidElement(child)) {
3177
+ return null;
3178
+ }
3179
+
3180
+ var childValue = child.props.value === undefined ? childIndex : child.props.value;
3181
+ var selected = childValue === value;
3182
+ return /*#__PURE__*/React__default["default"].cloneElement(child, {
3183
+ selected: selected,
3184
+ onChange: onChange,
3185
+ value: childValue
3186
+ });
3187
+ });
3188
+ React.useEffect(function () {
3189
+ var _tabListRef$current;
3190
+
3191
+ var selectedTab = (_tabListRef$current = tabListRef.current) === null || _tabListRef$current === void 0 ? void 0 : _tabListRef$current.children[value];
3192
+ setIndicatorStyles({
3193
+ width: selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.clientWidth,
3194
+ // transform: `translateX(${selectedTab?.offsetLeft})`,
3195
+ left: selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.offsetLeft
3196
+ });
3197
+ }, [value]);
3198
+ return /*#__PURE__*/React__default["default"].createElement("div", _extends({
3199
+ ref: ref,
3200
+ className: "KUI-Tabs"
3201
+ }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
3202
+ tabIndex: 0,
3203
+ role: "tablist",
3204
+ className: classNames__default["default"]("KUI-TabList", className),
3205
+ ref: tabListRef,
3206
+ onKeyDown: handleKeyDown
3207
+ }, children), /*#__PURE__*/React__default["default"].createElement("span", {
3208
+ className: classNames__default["default"]("KUI-Tabs_indicator", indicatorHidden && "KUI-Tabs_hidden", indicatorPos),
3209
+ style: indicatorStyles
3210
+ }));
3211
+ });
3212
+ Tabs.propTypes = {
3213
+ indicatorPos: PropTypes__default["default"].oneOf(["bottom", "top"])
3214
+ };
3215
+ Tabs.defaultProps = {
3216
+ indicatorPos: "bottom"
3217
+ };
3218
+
3219
+ var _excluded$2 = ["selected", "value", "className", "onChange", "onClick"];
3220
+ var Tab = /*#__PURE__*/React.forwardRef(function (props, ref) {
3221
+ var selected = props.selected,
3222
+ value = props.value,
3223
+ className = props.className,
3224
+ onChange = props.onChange,
3225
+ onClick = props.onClick,
3226
+ other = _objectWithoutProperties(props, _excluded$2);
3227
+
3228
+ var handleClick = function handleClick(e) {
3229
+ if (!selected && onChange) {
3230
+ onChange(e, value);
3231
+ }
3232
+
3233
+ if (onClick) {
3234
+ onClick(e);
3235
+ }
3236
+ };
3237
+
3238
+ return /*#__PURE__*/React__default["default"].createElement("button", _extends({
3239
+ className: classNames__default["default"]("KUI-Tab", className),
3240
+ type: "button",
3241
+ role: "tab",
3242
+ "aria-selected": selected,
3243
+ tabIndex: selected ? 0 : -1,
3244
+ "aria-controls": "tabpanel-".concat(value),
3245
+ id: "tab-".concat(value),
3246
+ ref: ref,
3247
+ onClick: handleClick
3248
+ }, other), /*#__PURE__*/React__default["default"].createElement(Caption, {
3249
+ weight: 600,
3250
+ size: "sm",
3251
+ color: "white"
3252
+ }, other.label));
3253
+ });
3254
+ Tab.propTypes = {
3255
+ label: PropTypes__default["default"].string
3256
+ };
3257
+
3258
+ var TabsPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
3259
+ var tabs = props.tabs,
3260
+ tabPanels = props.tabPanels,
3261
+ paths = props.paths,
3262
+ activeTab = props.activeTab,
3263
+ onChange = props.onChange,
3264
+ indicatorPos = props.indicatorPos;
3265
+
3266
+ var _React$useState = React__default["default"].useState(Number(activeTab)),
3267
+ _React$useState2 = _slicedToArray(_React$useState, 2),
3268
+ value = _React$useState2[0],
3269
+ setValue = _React$useState2[1];
3270
+
3271
+ var handleChange = function handleChange(event, newValue) {
3272
+ setValue(newValue);
3273
+
3274
+ if (paths && paths.length > 0) {
3275
+ window.history.pushState({
3276
+ route: paths[newValue]
3277
+ }, "", paths[newValue]);
3278
+ }
3279
+
3280
+ if (onChange) {
3281
+ onChange(event, newValue);
3282
+ }
3283
+ };
3284
+
3285
+ React.useEffect(function () {
3286
+ setValue(Number(activeTab));
3287
+ }, [activeTab]);
3288
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3289
+ ref: ref
3290
+ }, /*#__PURE__*/React__default["default"].createElement(Tabs, {
3291
+ value: value,
3292
+ onChange: handleChange,
3293
+ indicatorPos: indicatorPos
3294
+ }, tabs.map(function (item) {
3295
+ return /*#__PURE__*/React__default["default"].createElement(Tab, {
3296
+ label: item,
3297
+ key: item
3298
+ });
3299
+ })), tabPanels.map(function (item, index) {
3300
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3301
+ key: index,
3302
+ role: "tabpanel",
3303
+ hidden: value !== index,
3304
+ id: "tabpanel-".concat(index),
3305
+ "aria-labelledby": "tab-".concat(index)
3306
+ }, value === index && item);
3307
+ }));
3308
+ });
3309
+ TabsPanel.propTypes = {
3310
+ indicatorPos: PropTypes__default["default"].oneOf(["bottom", "top"])
3311
+ };
3312
+
3313
+ var ScrollTab = function ScrollTab(_ref) {
3314
+ var selected = _ref.selected,
3315
+ value = _ref.value,
3316
+ label = _ref.label,
3317
+ name = _ref.name,
3318
+ onChange = _ref.onChange,
3319
+ offset = _ref.offset,
3320
+ isScrolling = _ref.isScrolling,
3321
+ setIsScrolling = _ref.setIsScrolling,
3322
+ setIsIndicatorHidden = _ref.setIsIndicatorHidden,
3323
+ isActive = _ref.isActive,
3324
+ setIsActive = _ref.setIsActive;
3325
+ var activeRef = React.useRef(true);
3326
+ var scrollingRef = React.useRef(isScrolling);
3327
+
3328
+ var handleSelect = function handleSelect(e) {
3329
+ setTimeout(function () {
3330
+ setIsIndicatorHidden(false);
3331
+ setIsActive(true);
3332
+ });
3333
+
3334
+ if (!isScrolling && onChange) {
3335
+ onChange(e, value);
3336
+ }
3337
+ };
3338
+
3339
+ var handleInactive = function handleInactive() {
3340
+ setIsActive(false);
3341
+ setTimeout(function () {
3342
+ if (!activeRef.current && !scrollingRef.current) {
3343
+ setIsIndicatorHidden(true);
3344
+ }
3345
+ }, 10);
3346
+ };
3347
+
3348
+ React.useEffect(function () {
3349
+ activeRef.current = isActive;
3350
+ }, [isActive]);
3351
+ React.useEffect(function () {
3352
+ scrollingRef.current = isScrolling;
3353
+ }, [isScrolling]);
3354
+
3355
+ var handleKeyDown = function handleKeyDown(e) {
3356
+ switch (e.key) {
3357
+ case "Enter":
3358
+ handleSelect(e);
3359
+ reactScroll.scroller.scrollTo(name, {
3360
+ offset: offset
3361
+ });
3362
+ break;
3363
+
3364
+ case "Space":
3365
+ handleSelect(e);
3366
+ reactScroll.scroller.scrollTo(name, {
3367
+ offset: offset
3368
+ });
3369
+ break;
3370
+ }
3371
+ };
3372
+
3373
+ var startScrolling = function startScrolling() {
3374
+ setIsScrolling(true);
3375
+ };
3376
+
3377
+ var endScrolling = function endScrolling() {
3378
+ setIsScrolling(false);
3379
+ };
3380
+
3381
+ React.useEffect(function () {
3382
+ if (selected) {
3383
+ reactScroll.scroller.scrollTo(name, {
3384
+ offset: offset
3385
+ });
3386
+ }
3387
+
3388
+ reactScroll.Events.scrollEvent.register("begin", function (to, element) {
3389
+ startScrolling();
3390
+ });
3391
+ reactScroll.Events.scrollEvent.register("end", function (to, element) {
3392
+ setTimeout(endScrolling);
3393
+ });
3394
+ return function () {
3395
+ reactScroll.Events.scrollEvent.remove("begin");
3396
+ reactScroll.Events.scrollEvent.remove("end");
3397
+ };
3398
+ }, []);
3399
+
3400
+ var handleClick = function handleClick(e) {
3401
+ if (!selected && onChange) {
3402
+ onChange(e, value);
3403
+ }
3404
+ };
3405
+
3406
+ return /*#__PURE__*/React__default["default"].createElement(reactScroll.Link, {
3407
+ to: name,
3408
+ spy: true,
3409
+ smooth: true,
3410
+ duration: 600,
3411
+ offset: offset,
3412
+ onSetActive: handleSelect,
3413
+ onSetInactive: handleInactive,
3414
+ className: "KUI-ScrollTab",
3415
+ role: "tab",
3416
+ "aria-selected": selected,
3417
+ tabIndex: selected ? 0 : -1,
3418
+ "aria-controls": "tabpanel-".concat(value),
3419
+ id: "tab-".concat(value),
3420
+ onKeyDown: handleKeyDown,
3421
+ onClick: handleClick
3422
+ }, /*#__PURE__*/React__default["default"].createElement(Caption, {
3423
+ weight: 600,
3424
+ size: "sm",
3425
+ color: "white"
3426
+ }, label));
3427
+ };
3428
+
3429
+ var _excluded$1 = ["tabs", "tabsId", "activeTab", "onChange", "indicatorPos", "offset"];
3430
+ var MenuPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
3431
+ var tabs = props.tabs,
3432
+ tabsId = props.tabsId,
3433
+ activeTab = props.activeTab,
3434
+ onChange = props.onChange,
3435
+ indicatorPos = props.indicatorPos,
3436
+ offset = props.offset,
3437
+ other = _objectWithoutProperties(props, _excluded$1);
3438
+
3439
+ var _React$useState = React__default["default"].useState(Number(activeTab)),
3440
+ _React$useState2 = _slicedToArray(_React$useState, 2),
3441
+ value = _React$useState2[0],
3442
+ setValue = _React$useState2[1];
3443
+
3444
+ var _useState = React.useState(false),
3445
+ _useState2 = _slicedToArray(_useState, 2),
3446
+ isIndicatorHidden = _useState2[0],
3447
+ setIsIndicatorHidden = _useState2[1];
3448
+
3449
+ var _useState3 = React.useState(false),
3450
+ _useState4 = _slicedToArray(_useState3, 2),
3451
+ isScrolling = _useState4[0],
3452
+ setIsScrolling = _useState4[1];
3453
+
3454
+ var _useState5 = React.useState(true),
3455
+ _useState6 = _slicedToArray(_useState5, 2),
3456
+ isActive = _useState6[0],
3457
+ setIsActive = _useState6[1];
3458
+
3459
+ var handleChange = function handleChange(event, newValue) {
3460
+ setValue(newValue);
3461
+
3462
+ if (onChange) {
3463
+ onChange(event, newValue);
3464
+ }
3465
+ };
3466
+
3467
+ React.useEffect(function () {
3468
+ setValue(Number(activeTab));
3469
+ }, [activeTab]);
3470
+ return /*#__PURE__*/React__default["default"].createElement(Tabs, _extends({
3471
+ ref: ref,
3472
+ value: value,
3473
+ onChange: handleChange,
3474
+ indicatorPos: indicatorPos,
3475
+ indicatorHidden: isIndicatorHidden
3476
+ }, other), tabs.map(function (item, index) {
3477
+ return /*#__PURE__*/React__default["default"].createElement(ScrollTab, {
3478
+ isScrolling: isScrolling,
3479
+ setIsScrolling: setIsScrolling,
3480
+ offset: offset,
3481
+ label: item,
3482
+ name: tabsId && tabsId[index] || item,
3483
+ key: item,
3484
+ setIsIndicatorHidden: setIsIndicatorHidden,
3485
+ isActive: isActive,
3486
+ setIsActive: setIsActive
3487
+ });
3488
+ }));
3489
+ });
3490
+ MenuPanel.propTypes = {
3491
+ indicatorPos: PropTypes__default["default"].oneOf(["bottom", "top"])
3492
+ };
3493
+
3494
+ var _excluded = ["className"];
3495
+ var IconButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
3496
+ var className = _ref.className,
3497
+ props = _objectWithoutProperties(_ref, _excluded);
3498
+
3499
+ return /*#__PURE__*/React__default["default"].createElement("button", _extends({
3500
+ className: classNames__default["default"]("KUI-IconButton", className),
3501
+ ref: ref
3502
+ }, props));
3503
+ });
3504
+
3505
+ exports.Accordion = Accordion;
3506
+ exports.AccordionDetails = AccordionDetails;
3507
+ exports.AccordionSummary = AccordionSummary;
3508
+ exports.AppBar = AppBar;
3509
+ exports.Box = Box;
3510
+ exports.Button = Button;
3511
+ exports.Caption = Caption;
3512
+ exports.Checkbox = Checkbox;
3513
+ exports.CircularProgress = CircularProgress;
3514
+ exports.Container = Container;
3515
+ exports.Divider = Divider;
3516
+ exports.Grid = Grid;
3517
+ exports.Heading = Heading;
3518
+ exports.IconButton = IconButton;
3519
+ exports.Input = Input;
3520
+ exports.InputFile = InputFile;
3521
+ exports.InputWithAdornments = InputWithAdornments;
3522
+ exports.InputWithCountryDropdown = InputWithCountryDropdown;
3523
+ exports.InputWithMask = InputWithMask;
3524
+ exports.LinearProgress = LinearProgress;
3525
+ exports.MenuPanel = MenuPanel;
3526
+ exports.Modal = Modal;
3527
+ exports.Radio = Radio;
3528
+ exports.Skeleton = Skeleton;
3529
+ exports.Switch = Switch;
3530
+ exports.Tab = Tab;
3531
+ exports.Tabs = Tabs;
3532
+ exports.TabsPanel = TabsPanel;
3533
+ exports.Text = Text;
3534
+ exports.ToolBar = ToolBar;
3535
+ exports.theme = theme;
3536
+ //# sourceMappingURL=index.js.map