@salutejs/plasma-new-hope 0.110.0-canary.1307.10056755335.0 → 0.110.0-canary.1307.10059399396.0

package/es/hooks/useOutsideClick.js

@@ -0,0 +1,22 @@
+import { useRef, useEffect } from 'react';
+
+var useOutsideClick = function useOutsideClick(callback) {
+  var ref = useRef(null);
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (ref.current && !ref.current.contains(event.target)) {
+        callback();
+      }
+    };
+    document.addEventListener('mouseup', handleClickOutside);
+    document.addEventListener('touchend', handleClickOutside);
+    return function () {
+      document.removeEventListener('mouseup', handleClickOutside);
+      document.removeEventListener('touchend', handleClickOutside);
+    };
+  }, [callback]);
+  return ref;
+};
+
+export { useOutsideClick };
+//# sourceMappingURL=useOutsideClick.js.map

package/es/hooks/useOutsideClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick.js","sources":["../../src/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport const useOutsideClick = <T extends HTMLElement = HTMLElement>(callback: () => void) => {\n    const ref = useRef<T | null>(null);\n\n    useEffect(() => {\n        const handleClickOutside = (event: MouseEvent | TouchEvent) => {\n            if (ref.current && !ref.current.contains(event.target as Node)) {\n                callback();\n            }\n        };\n\n        document.addEventListener('mouseup', handleClickOutside);\n        document.addEventListener('touchend', handleClickOutside);\n\n        return () => {\n            document.removeEventListener('mouseup', handleClickOutside);\n            document.removeEventListener('touchend', handleClickOutside);\n        };\n    }, [callback]);\n\n    return ref;\n};\n"],"names":["useOutsideClick","callback","ref","useRef","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;IAEaA,eAAe,GAAG,SAAlBA,eAAeA,CAAyCC,QAAoB,EAAK;AAC1F,EAAA,IAAMC,GAAG,GAAGC,MAAM,CAAW,IAAI,CAAC,CAAA;AAElCC,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAA8B,EAAK;AAC3D,MAAA,IAAIJ,GAAG,CAACK,OAAO,IAAI,CAACL,GAAG,CAACK,OAAO,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAc,CAAC,EAAE;AAC5DR,QAAAA,QAAQ,EAAE,CAAA;AACd,OAAA;KACH,CAAA;AAEDS,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEN,kBAAkB,CAAC,CAAA;AACxDK,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,UAAU,EAAEN,kBAAkB,CAAC,CAAA;AAEzD,IAAA,OAAO,YAAM;AACTK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEP,kBAAkB,CAAC,CAAA;AAC3DK,MAAAA,QAAQ,CAACE,mBAAmB,CAAC,UAAU,EAAEP,kBAAkB,CAAC,CAAA;KAC/D,CAAA;AACL,GAAC,EAAE,CAACJ,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,OAAOC,GAAG,CAAA;AACd;;;;"}

package/es/index.css

@@ -621,3 +621,19 @@
 
 .Price_styles_15b4mp1_bvvzdh4__4d09fd16.Price_styles_15b4mp1_stroked__4d09fd16{-webkit-text-decoration:line-through;text-decoration:line-through;}
 .Price_styles_15b4mp1_sqvsx17__4d09fd16{padding-left:0.25rem;}
+
+.TextField_styles_sx1sq7_sxqyqmu__88214dad{--plasma-textfield-color:var(--plasma-autocomplete-textfield-color);--plasma-textfield-bg-color:var(--plasma-autocomplete-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-autocomplete-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-autocomplete-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-autocomplete-textfield-border-color);--plasma-textfield-border-color-hover:var(--plasma-autocomplete-textfield-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-autocomplete-textfield-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-autocomplete-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-autocomplete-textfield-bg-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-autocomplete-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-autocomplete-textfield__placeholder-color-readonly);--plasma-textfield__caret-color:var(--plasma-autocomplete-textfield-caret-color);--plasma-textfield__placeholder-color:var(--plasma-autocomplete-textfield-placeholder-color);--plasma-textfield-height:var(--plasma-autocomplete-textfield-height);--plasma-textfield-border-width:var(--plasma-autocomplete-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-autocomplete-textfield-border-radius);--plasma-textfield-padding:var(--plasma-autocomplete-textfield-padding);--plasma-textfield__left-content-margin:var(--plasma-autocomplete-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-autocomplete-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-autocomplete-textfield-font-family);--plasma-textfield-font-style:var(--plasma-autocomplete-textfield-font-style);--plasma-textfield-font-size:var(--plasma-autocomplete-textfield-font-size);--plasma-textfield-font-weight:var(--plasma-autocomplete-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-autocomplete-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-autocomplete-textfield-line-height);--plasma-textfield__label-color:var(--plasma-autocomplete-textfield-label-color);--plasma-textfield__label-color-readonly:var(--plasma-autocomplete-textfield__label-color-readonly);--plasma-textfield__label-offset:var(--plasma-autocomplete-textfield__label-offset);--plasma-textfield__label-font-family:var(--plasma-autocomplete-textfield__label-font-family);--plasma-textfield__label-font-style:var(--plasma-autocomplete-textfield__label-font-style);--plasma-textfield__label-font-size:var(--plasma-autocomplete-textfield__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-autocomplete-textfield__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-autocomplete-textfield__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-autocomplete-textfield__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-autocomplete-textfield-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-style:var(--plasma-autocomplete-textfield-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-size:var(--plasma-autocomplete-textfield-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-autocomplete-textfield-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-autocomplete-textfield-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-autocomplete-textfield-placement_inner__label-line-height);--plasma-textfield-placement_inner__label-padding:var(--plasma-autocomplete-textfield-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-autocomplete-textfield-placement_inner__content-padding);--plasma-textfield__left-helper-color:var(--plasma-autocomplete-textfield__left-helper-color);--plasma-textfield__left-helper-color-readonly:var(--plasma-autocomplete-textfield__left-helper-color-readonly);--plasma-textfield__left-helper-offset:var(--plasma-autocomplete-textfield__left-helper-offset);--plasma-textfield__left-helper-font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);--plasma-textfield__left-helper-font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);--plasma-textfield__left-helper-font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);--plasma-textfield__left-helper-font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);--plasma-textfield__left-helper-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);--plasma-textfield__left-helper-line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);--plasma-textfield__before-text-color:var(--plasma-autocomplete-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-autocomplete-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-autocomplete-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-autocomplete-textfield__after-text-margin);--plasma-textfield-disabled-opacity:var(--plasma-autocomplete-textfield-disabled-opacity);--plasma-textfield-focus-color:var(--plasma-autocomplete-textfield-focus-color);}
+
+.SuggestionItem_styles_lpdinw_s1siyv9w__5ad0f45d{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex:1;-ms-flex:1;flex:1;}
+.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;box-sizing:content-box;padding:var(--plasma-autocomplete-item-padding);font-family:var(--plasma-autocomplete-item-font-family);font-size:var(--plasma-autocomplete-item-font-size);font-style:var(--plasma-autocomplete-item-font-style);font-weight:var(--plasma-autocomplete-item-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);letter-spacing:var(--plasma-autocomplete-item-font-letter-spacing);line-height:var(--plasma-autocomplete-item-font-line-height);background:var(--plasma-autocomplete-item-background);color:var(--plasma-autocomplete-item-color);border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:hover{cursor:pointer;background:var(--plasma-autocomplete-item-background-hover);}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d:focus{outline:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-autocomplete-item-border-radius);-webkit-transition:none;transition:none;pointer-events:none;}.SuggestionItem_styles_lpdinw_wykobsk__5ad0f45d.SuggestionItem_styles_lpdinw_suggestionItemIsFocused__5ad0f45d:before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-autocomplete-focus-color);}
+
+.Autocomplete_styles_4wbmok_bn6ooh7__a45bf543 .Autocomplete_styles_4wbmok_popoverWrapper__a45bf543,.Autocomplete_styles_4wbmok_bn6ooh7__a45bf543 .Autocomplete_styles_4wbmok_popoverTarget__a45bf543{display:block;}
+.Autocomplete_styles_4wbmok_s1ih3p9n__a45bf543 .Autocomplete_styles_4wbmok_popoverRoot__a45bf543{display:block;width:var(--s1ih3p9n-0);}
+.Autocomplete_styles_4wbmok_u610ple__a45bf543{box-sizing:border-box;background:var(--plasma-autocomplete-background);box-shadow:var(--plasma-autocomplete-box-shadow);border-radius:var(--plasma-autocomplete-border-radius);height:auto;max-height:var(--u610ple-0);overflow-y:scroll;margin:0;padding:var(--plasma-autocomplete-padding);}
+.Autocomplete_styles_4wbmok_l1nz87td__a45bf543{color:var(--l1nz87td-0);margin-top:var(--plasma-autocomplete-textfield__left-helper-offset);font-family:var(--plasma-autocomplete-textfield__left-helper-font-family);font-size:var(--plasma-autocomplete-textfield__left-helper-font-size);font-style:var(--plasma-autocomplete-textfield__left-helper-font-style);font-weight:var(--plasma-autocomplete-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-autocomplete-textfield__left-helper-letter-spacing);line-height:var(--plasma-autocomplete-textfield__left-helper-line-height);opacity:var(--plasma-autocomplete-textfield-disabled-opacity);cursor:var(--l1nz87td-1);}
+.Autocomplete_styles_4wbmok_igdxyi6__a45bf543{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:content-box;min-height:var(--plasma-autocomplete-textfield-height);}
+
+.EmptyState_styles_1o24i5h_spbib9h__0d5131e5{--plasma-button-color:var(--text-primary);--plasma-button-color-active:var(--text-primary-active);--plasma-button-color-hover:var(--text-primary-hover);--plasma-button-background-color:none;--plasma-button-padding:0;--plasma-button-height:var(--plasma-emptystate-button-height);--plasma-button-radius:0;--plasma-button-font-family:var(--plasma-emptystate-font-family);--plasma-button-font-size:var(--plasma-emptystate-font-size);--plasma-button-font-style:var(--plasma-emptystate-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-emptystate-font-letter-spacing);--plasma-button-line-height:var(--plasma-emptystate-font-line-height);margin:var(--plasma-emptystate-button-margin);}
+.EmptyState_styles_1o24i5h_w1g2xar0__0d5131e5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--surface-solid-card);box-shadow:0 4px 14px -4px rgba(8,8,8,0.08),0 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-emptystate-border-radius);padding:var(--plasma-emptystate-padding);text-align:center;}
+.EmptyState_styles_1o24i5h_i21aoej__0d5131e5{margin:var(--plasma-emptystate-icon-margin);line-height:0;}
+.EmptyState_styles_1o24i5h_d1brs29u__0d5131e5{margin:var(--plasma-emptystate-description-margin);font-family:var(--plasma-emptystate-font-family);font-size:var(--plasma-emptystate-font-size);font-style:var(--plasma-emptystate-font-style);font-weight:var(--plasma-emptystate-font-weight);-webkit-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-moz-letter-spacing:var(--plasma-emptystate-font-letter-spacing);-ms-letter-spacing:var(--plasma-emptystate-font-letter-spacing);letter-spacing:var(--plasma-emptystate-font-letter-spacing);line-height:var(--plasma-emptystate-font-line-height);}

package/es/index.js

@@ -14,6 +14,7 @@ export { useUniqId } from './hooks/useUniqId.js';
 export { usePreviousValue } from './hooks/usePreviousValue.js';
 export { useForceUpdate } from './hooks/useForceUpdate.js';
 export { useDidMountEffect } from './hooks/useDidMountEffect.js';
+export { useOutsideClick } from './hooks/useOutsideClick.js';
 export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
 export { composableStyle, cx } from './utils/index.js';
 export { buttonConfig, buttonRoot } from './components/Button/Button.js';
@@ -184,6 +185,10 @@ export { classes as datePickerClasses, tokens as datePickerTokens } from './comp
 export { Portal } from './components/Portal/Portal.js';
 export { priceConfig, priceRoot } from './components/Price/Price.js';
 export { classes as priceClasses } from './components/Price/Price.tokens.js';
+export { autocompleteConfig, autocompleteRoot } from './components/Autocomplete/Autocomplete.js';
+export { tokens as autocompleteTokens } from './components/Autocomplete/Autocomplete.tokens.js';
+export { emptyStateConfig, emptyStateRoot } from './components/EmptyState/EmptyState.js';
+export { tokens as emptyStateTokens } from './components/EmptyState/EmptyState.tokens.js';
 export { component, mergeConfig } from './engines/common.js';
 export { canUseDOM } from './utils/canUseDOM.js';
 export { extractTextFrom } from './utils/extractTextFrom.js';

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.110.0-canary.1307.10056755335.0",
+  "version": "0.110.0-canary.1307.10059399396.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -118,5 +118,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "cfd06982d59b3e6f5c523af8109ca5dcc6e8279e"
+  "gitHead": "c13a5e84375717d49dd30f6505b345e44b7caa75"
 }

package/styled-components/cjs/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,193 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.autocompleteRoot = exports.autocompleteConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
+var _hooks = /*#__PURE__*/require("../../hooks");
+var _utils = /*#__PURE__*/require("../../utils");
+var _focusedReducer = /*#__PURE__*/require("./reducers/focusedReducer");
+var _ui = /*#__PURE__*/require("./ui");
+var _Autocomplete = /*#__PURE__*/require("./Autocomplete.styles");
+var _useKeyboardNavigation = /*#__PURE__*/require("./hooks/useKeyboardNavigation");
+var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+/**
+ * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
+ */
+var autocompleteRoot = exports.autocompleteRoot = function autocompleteRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+    var outerValue = _ref.value,
+      onChange = _ref.onChange,
+      suggestions = _ref.suggestions,
+      view = _ref.view,
+      size = _ref.size,
+      labelPlacement = _ref.labelPlacement,
+      disabled = _ref.disabled,
+      readOnly = _ref.readOnly,
+      label = _ref.label,
+      leftHelper = _ref.leftHelper,
+      contentLeft = _ref.contentLeft,
+      contentRight = _ref.contentRight,
+      textBefore = _ref.textBefore,
+      textAfter = _ref.textAfter,
+      onScroll = _ref.onScroll,
+      listMaxHeight = _ref.listMaxHeight,
+      listWidth = _ref.listWidth,
+      filter = _ref.filter,
+      onSuggestionSelect = _ref.onSuggestionSelect,
+      _ref$threshold = _ref.threshold,
+      threshold = _ref$threshold === void 0 ? 2 : _ref$threshold,
+      renderList = _ref.renderList,
+      renderListEnd = _ref.renderListEnd,
+      onSearch = _ref.onSearch,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var _useReducer = (0, _react.useReducer)(_focusedReducer.focusedReducer, null),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      focused = _useReducer2[0],
+      dispatchFocused = _useReducer2[1];
+    var _useState = (0, _react.useState)(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerValue = _useState2[0],
+      setInnerValue = _useState2[1];
+    var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isOpen = _useState4[0],
+      setIsOpen = _useState4[1];
+    var listId = (0, _plasmaCore.safeUseId)();
+    var value = outerValue || innerValue;
+    var helperTextId = (0, _plasmaCore.safeUseId)();
+    var targetRef = (0, _hooks.useOutsideClick)(function () {
+      setIsOpen(false);
+    });
+    var handleFocus = function handleFocus() {
+      if (value.toString().length >= threshold) {
+        setIsOpen(true);
+      }
+    };
+    var handleItemClick = function handleItemClick(e) {
+      setInnerValue(e.label);
+      if (onSuggestionSelect) {
+        onSuggestionSelect(e);
+      }
+      setIsOpen(false);
+    };
+    var handleChange = function handleChange(e) {
+      var currentValue = e.target.value;
+      setInnerValue(currentValue);
+      if (onChange) {
+        onChange(e);
+      }
+      if (currentValue.toString().length >= threshold) {
+        setIsOpen(true);
+      } else {
+        setIsOpen(false);
+      }
+    };
+    var defaultFilterCallback = function defaultFilterCallback(_ref2) {
+      var label = _ref2.label;
+      return label.toLowerCase().includes(value.toString().toLowerCase());
+    };
+    var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
+    var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
+        isOpen: isOpen,
+        setIsOpen: setIsOpen,
+        focused: focused,
+        dispatchFocused: dispatchFocused,
+        finalResults: finalResults,
+        handleItemClick: handleItemClick
+      }),
+      onKeyDown = _useKeyNavigation.onKeyDown;
+    (0, _hooks.useDidMountEffect)(function () {
+      dispatchFocused({
+        type: 'reset'
+      });
+    }, [value]);
+    return /*#__PURE__*/_react["default"].createElement(Root, {
+      view: view,
+      size: size,
+      labelPlacement: labelPlacement,
+      disabled: disabled,
+      readOnly: readOnly
+    }, /*#__PURE__*/_react["default"].createElement(_Autocomplete.StyledPopover, {
+      isOpen: isOpen,
+      offset: [0, 0],
+      placement: (0, _utils.getPlacements)('bottom'),
+      isFocusTrapped: false,
+      target: /*#__PURE__*/_react["default"].createElement(_ui.StyledTextField, _extends({
+        value: value,
+        onChange: handleChange,
+        onSearch: focused === null ? onSearch : undefined,
+        ref: ref,
+        size: size,
+        view: view,
+        labelPlacement: labelPlacement,
+        disabled: disabled,
+        readOnly: readOnly,
+        label: label,
+        contentLeft: contentLeft,
+        contentRight: contentRight,
+        textBefore: textBefore,
+        textAfter: textAfter,
+        onFocus: handleFocus,
+        onKeyDown: onKeyDown,
+        role: "combobox",
+        "aria-autocomplete": "list",
+        "aria-controls": listId,
+        "aria-expanded": isOpen,
+        "aria-activedescendant": "".concat(listId, "/").concat(focused),
+        "aria-describedby": helperTextId
+      }, rest)),
+      preventOverflow: false,
+      ref: targetRef,
+      listWidth: listWidth
+    }, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/_react["default"].createElement(_Autocomplete.Ul, {
+      id: listId,
+      role: "listbox",
+      "aria-label": label,
+      onScroll: onScroll,
+      listMaxHeight: listMaxHeight
+    }, finalResults.map(function (suggestion, index) {
+      return /*#__PURE__*/_react["default"].createElement(_ui.SuggestionItem, {
+        key: index,
+        item: suggestion,
+        onClick: handleItemClick,
+        id: "".concat(listId, "/").concat(index),
+        focused: focused === index
+      });
+    }), renderListEnd && /*#__PURE__*/_react["default"].createElement(_Autocomplete.InfiniteLoaderWrapper, null, renderListEnd()))), leftHelper && /*#__PURE__*/_react["default"].createElement(_Autocomplete.LeftHelper, {
+      id: helperTextId,
+      disabled: disabled,
+      readOnly: readOnly
+    }, leftHelper));
+  });
+};
+var autocompleteConfig = exports.autocompleteConfig = {
+  name: 'Autocomplete',
+  tag: 'div',
+  layout: autocompleteRoot,
+  base: _Autocomplete.base,
+  defaults: {
+    view: 'default',
+    size: 'l',
+    labelPlacement: 'outer'
+  },
+  variations: {
+    view: {
+      css: ''
+    }
+  }
+};

package/styled-components/cjs/components/Autocomplete/Autocomplete.styles.js

@@ -0,0 +1,40 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = exports.Ul = exports.StyledPopover = exports.LeftHelper = exports.InfiniteLoaderWrapper = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
+var _Popover = /*#__PURE__*/require("../Popover");
+var _engines = /*#__PURE__*/require("../../engines");
+var _Autocomplete = /*#__PURE__*/require("./Autocomplete.tokens");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", ",.", "{display:block;}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target);
+var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
+var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
+  componentId: "plasma-new-hope__sc-ff6pwi-0"
+})([".", "{display:block;width:", ";}"], /*#__PURE__*/String(_Popover.popoverClasses.root), function (_ref) {
+  var listWidth = _ref.listWidth;
+  return listWidth || '100%';
+});
+var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
+  componentId: "plasma-new-hope__sc-ff6pwi-1"
+})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");height:auto;max-height:", ";overflow-y:scroll;margin:0;padding:var(", ");"], _Autocomplete.tokens.background, _Autocomplete.tokens.boxShadow, _Autocomplete.tokens.borderRadius, function (_ref2) {
+  var listMaxHeight = _ref2.listMaxHeight;
+  return listMaxHeight || 'none';
+}, _Autocomplete.tokens.padding);
+var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-ff6pwi-2"
+})(["color:", ";margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");opacity:var(", ");cursor:", ";"], function (_ref3) {
+  var readOnly = _ref3.readOnly,
+    disabled = _ref3.disabled;
+  return readOnly && !disabled ? "var(".concat(_Autocomplete.tokens.textFieldLeftHelperColorReadOnly, ")") : "var(".concat(_Autocomplete.tokens.textFieldLeftHelperColor, ")");
+}, _Autocomplete.tokens.textFieldLeftHelperOffset, _Autocomplete.tokens.textFieldLeftHelperFontFamily, _Autocomplete.tokens.textFieldLeftHelperFontSize, _Autocomplete.tokens.textFieldLeftHelperFontStyle, _Autocomplete.tokens.textFieldLeftHelperFontWeight, _Autocomplete.tokens.textFieldLeftHelperLetterSpacing, _Autocomplete.tokens.textFieldLeftHelperLineHeight, _Autocomplete.tokens.textFieldDisabledOpacity, function (_ref4) {
+  var disabled = _ref4.disabled;
+  return disabled ? 'not-allowed' : 'auto';
+});
+var InfiniteLoaderWrapper = exports.InfiniteLoaderWrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
+  componentId: "plasma-new-hope__sc-ff6pwi-3"
+})(["display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", ");"], _Autocomplete.tokens.textFieldHeight);

package/styled-components/cjs/components/Autocomplete/Autocomplete.tokens.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  suggestionItemIsFocused: 'suggestion-item-is-focused'
+};
+var tokens = exports.tokens = {
+  // Токены для TextField
+  textFieldColor: '--plasma-autocomplete-textfield-color',
+  textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',
+  textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',
+  textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',
+  textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',
+  textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',
+  textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',
+  textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
+  textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
+  textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
+  textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',
+  textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
+  textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',
+  textFieldHeight: '--plasma-autocomplete-textfield-height',
+  textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',
+  textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',
+  textFieldPadding: '--plasma-autocomplete-textfield-padding',
+  textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',
+  textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',
+  textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',
+  textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',
+  textFieldFontSize: '--plasma-autocomplete-textfield-font-size',
+  textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',
+  textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',
+  textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',
+  textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
+  textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',
+  textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',
+  textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',
+  textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',
+  textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',
+  textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',
+  textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',
+  textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',
+  textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',
+  textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',
+  textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',
+  textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',
+  textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',
+  textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',
+  textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',
+  textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',
+  textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',
+  textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',
+  textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',
+  textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',
+  textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',
+  textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',
+  textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',
+  textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',
+  textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',
+  textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',
+  textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',
+  textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',
+  textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
+  textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
+  textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
+  // Токены для дропдауна
+  background: '--plasma-autocomplete-background',
+  boxShadow: '--plasma-autocomplete-box-shadow',
+  borderRadius: '--plasma-autocomplete-border-radius',
+  padding: '--plasma-autocomplete-padding',
+  itemPadding: '--plasma-autocomplete-item-padding',
+  itemBorderRadius: '--plasma-autocomplete-item-border-radius',
+  itemFontFamily: '--plasma-autocomplete-item-font-family',
+  itemFontSize: '--plasma-autocomplete-item-font-size',
+  itemFontStyle: '--plasma-autocomplete-item-font-style',
+  itemFontWeight: '--plasma-autocomplete-item-font-weight',
+  itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',
+  itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',
+  itemBackground: '--plasma-autocomplete-item-background',
+  itemBackgroundHover: '--plasma-autocomplete-item-background-hover',
+  itemColor: '--plasma-autocomplete-item-color',
+  focusColor: '--plasma-autocomplete-focus-color',
+  infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',
+  infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',
+  infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',
+  emptyStateGap: '--plasma-autocomplete-empty-state-gap',
+  emptyStatePadding: '--plasma-autocomplete-empty-state-padding'
+};

package/styled-components/cjs/components/Autocomplete/Autocomplete.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/styled-components/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useKeyNavigation = exports.keys = void 0;
+var keys = exports.keys = {
+  Enter: 'Enter',
+  Space: 'Space',
+  Tab: 'Tab',
+  Escape: 'Escape',
+  ArrowLeft: 'ArrowLeft',
+  ArrowRight: 'ArrowRight',
+  ArrowUp: 'ArrowUp',
+  ArrowDown: 'ArrowDown',
+  Home: 'Home',
+  End: 'End',
+  PageUp: 'PageUp',
+  PageDown: 'PageDown'
+};
+var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref) {
+  var isOpen = _ref.isOpen,
+    setIsOpen = _ref.setIsOpen,
+    focused = _ref.focused,
+    dispatchFocused = _ref.dispatchFocused,
+    finalResults = _ref.finalResults,
+    handleItemClick = _ref.handleItemClick;
+  var onKeyDown = function onKeyDown(event) {
+    switch (event.code) {
+      case keys.ArrowDown:
+        {
+          if (!isOpen) {
+            setIsOpen(true);
+            dispatchFocused({
+              type: 'setFirstItem'
+            });
+            break;
+          }
+          dispatchFocused({
+            type: 'setNextItem',
+            listLength: finalResults.length
+          });
+          break;
+        }
+      case keys.ArrowUp:
+        {
+          if (!isOpen) {
+            setIsOpen(true);
+            dispatchFocused({
+              type: 'setLastItem',
+              listLength: finalResults.length
+            });
+            break;
+          }
+          dispatchFocused({
+            type: 'setPrevItem',
+            listLength: finalResults.length
+          });
+          break;
+        }
+      case keys.Home:
+        {
+          if (!isOpen) {
+            return;
+          }
+          dispatchFocused({
+            type: 'setFirstItem'
+          });
+          break;
+        }
+      case keys.End:
+        {
+          if (!isOpen) {
+            return;
+          }
+          dispatchFocused({
+            type: 'setLastItem',
+            listLength: finalResults.length
+          });
+          break;
+        }
+      case keys.Enter:
+        {
+          if (!isOpen || focused === null) {
+            return;
+          }
+          dispatchFocused({
+            type: 'reset'
+          });
+          handleItemClick(finalResults[focused]);
+          break;
+        }
+      case keys.Tab:
+      case keys.Escape:
+        {
+          if (!isOpen) {
+            return;
+          }
+          setIsOpen(false);
+          dispatchFocused({
+            type: 'reset'
+          });
+          break;
+        }
+      default:
+        {
+          break;
+        }
+    }
+  };
+  return {
+    onKeyDown: onKeyDown
+  };
+};

package/styled-components/cjs/components/Autocomplete/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "autocompleteConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Autocomplete.autocompleteConfig;
+  }
+});
+Object.defineProperty(exports, "autocompleteRoot", {
+  enumerable: true,
+  get: function get() {
+    return _Autocomplete.autocompleteRoot;
+  }
+});
+Object.defineProperty(exports, "autocompleteTokens", {
+  enumerable: true,
+  get: function get() {
+    return _Autocomplete2.tokens;
+  }
+});
+var _Autocomplete = /*#__PURE__*/require("./Autocomplete");
+var _Autocomplete2 = /*#__PURE__*/require("./Autocomplete.tokens");

package/styled-components/cjs/components/Autocomplete/reducers/focusedReducer.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.focusedReducer = focusedReducer;
+function focusedReducer(state, action) {
+  switch (action.type) {
+    case 'reset':
+      {
+        return null;
+      }
+    case 'setNextItem':
+      {
+        if (state === action.listLength - 1) {
+          return state;
+        }
+        if (state === null) {
+          return 0;
+        }
+        return state + 1;
+      }
+    case 'setPrevItem':
+      {
+        if (state === 0) {
+          return state;
+        }
+        if (state === null) {
+          return action.listLength - 1;
+        }
+        return state - 1;
+      }
+    case 'setFirstItem':
+      {
+        return 0;
+      }
+    case 'setLastItem':
+      {
+        return action.listLength - 1;
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}