@salutejs/plasma-new-hope 0.109.1-canary.1301.10056808859.0 → 0.109.1-dev.0

package/cjs/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,189 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var plasmaCore = require('@salutejs/plasma-core');
+var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
+var useOutsideClick = require('../../hooks/useOutsideClick.js');
+require('../../utils/react.js');
+var getPopoverPlacement = require('../../utils/getPopoverPlacement.js');
+var focusedReducer = require('./reducers/focusedReducer.js');
+var TextField_styles = require('./ui/TextField/TextField.styles.js');
+var SuggestionItem = require('./ui/SuggestionItem/SuggestionItem.js');
+var Autocomplete_styles = require('./Autocomplete.styles.js');
+var useKeyboardNavigation = require('./hooks/useKeyboardNavigation.js');
+
+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"];
+
+/**
+ * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
+ */
+var autocompleteRoot = function autocompleteRoot(Root) {
+  return /*#__PURE__*/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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var _useReducer = React.useReducer(focusedReducer.focusedReducer, null),
+      _useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_useReducer, 2),
+      focused = _useReducer2[0],
+      dispatchFocused = _useReducer2[1];
+    var _useState = React.useState(''),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      innerValue = _useState2[0],
+      setInnerValue = _useState2[1];
+    var _useState3 = React.useState(false),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      isOpen = _useState4[0],
+      setIsOpen = _useState4[1];
+    var listId = plasmaCore.safeUseId();
+    var value = outerValue || innerValue;
+    var helperTextId = plasmaCore.safeUseId();
+    var targetRef = useOutsideClick.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 = useKeyboardNavigation.useKeyNavigation({
+        isOpen: isOpen,
+        setIsOpen: setIsOpen,
+        focused: focused,
+        dispatchFocused: dispatchFocused,
+        finalResults: finalResults,
+        handleItemClick: handleItemClick
+      }),
+      onKeyDown = _useKeyNavigation.onKeyDown;
+    useDidMountEffect.useDidMountEffect(function () {
+      dispatchFocused({
+        type: 'reset'
+      });
+    }, [value]);
+    return /*#__PURE__*/React.createElement(Root, {
+      view: view,
+      size: size,
+      labelPlacement: labelPlacement,
+      disabled: disabled,
+      readOnly: readOnly
+    }, /*#__PURE__*/React.createElement(Autocomplete_styles.StyledPopover, {
+      isOpen: isOpen,
+      offset: [0, 0],
+      placement: getPopoverPlacement.getPlacements('bottom'),
+      isFocusTrapped: false,
+      target: /*#__PURE__*/React.createElement(TextField_styles.StyledTextField, _rollupPluginBabelHelpers.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.createElement(Autocomplete_styles.Ul, {
+      id: listId,
+      role: "listbox",
+      "aria-label": label,
+      onScroll: onScroll,
+      listMaxHeight: listMaxHeight
+    }, finalResults.map(function (suggestion, index) {
+      return /*#__PURE__*/React.createElement(SuggestionItem.SuggestionItem, {
+        key: index,
+        item: suggestion,
+        onClick: handleItemClick,
+        id: "".concat(listId, "/").concat(index),
+        focused: focused === index
+      });
+    }), renderListEnd && /*#__PURE__*/React.createElement(Autocomplete_styles.InfiniteLoaderWrapper, null, renderListEnd()))), leftHelper && /*#__PURE__*/React.createElement(Autocomplete_styles.LeftHelper, {
+      id: helperTextId,
+      disabled: disabled,
+      readOnly: readOnly
+    }, leftHelper));
+  });
+};
+var autocompleteConfig = {
+  name: 'Autocomplete',
+  tag: 'div',
+  layout: autocompleteRoot,
+  base: Autocomplete_styles.base,
+  defaults: {
+    view: 'default',
+    size: 'l',
+    labelPlacement: 'outer'
+  },
+  variations: {
+    view: {
+      css: ''
+    }
+  }
+};
+
+exports.autocompleteConfig = autocompleteConfig;
+exports.autocompleteRoot = autocompleteRoot;
+//# sourceMappingURL=Autocomplete.js.map

package/cjs/components/Autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { useDidMountEffect, useOutsideClick } from '../../hooks';\nimport { RootProps } from '../../engines';\nimport { getPlacements } from '../../utils';\n\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField } from './ui';\nimport { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, AutocompleteProps>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight,\n                listWidth,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                onSearch,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n            const [innerValue, setInnerValue] = useState<string | number>('');\n            const [isOpen, setIsOpen] = useState(false);\n\n            const listId = safeUseId();\n            const value = outerValue || innerValue;\n            const helperTextId = safeUseId();\n\n            const targetRef = useOutsideClick<HTMLDivElement>(() => {\n                setIsOpen(false);\n            });\n\n            const handleFocus = () => {\n                if (value.toString().length >= threshold) {\n                    setIsOpen(true);\n                }\n            };\n\n            const handleItemClick = (e: SuggestionItemType) => {\n                setInnerValue(e.label);\n\n                if (onSuggestionSelect) {\n                    onSuggestionSelect(e);\n                }\n\n                setIsOpen(false);\n            };\n\n            const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const currentValue = e.target.value;\n\n                setInnerValue(currentValue);\n\n                if (onChange) {\n                    onChange(e);\n                }\n\n                if (currentValue.toString().length >= threshold) {\n                    setIsOpen(true);\n                } else {\n                    setIsOpen(false);\n                }\n            };\n\n            const defaultFilterCallback = ({ label }: { label: string }) => {\n                return label.toLowerCase().includes(value.toString().toLowerCase());\n            };\n\n            const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n            const { onKeyDown } = useKeyNavigation({\n                isOpen,\n                setIsOpen,\n                focused,\n                dispatchFocused,\n                finalResults,\n                handleItemClick,\n            });\n\n            useDidMountEffect(() => {\n                dispatchFocused({ type: 'reset' });\n            }, [value]);\n\n            return (\n                <Root view={view} size={size} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                    <StyledPopover\n                        isOpen={isOpen}\n                        offset={[0, 0]}\n                        placement={getPlacements('bottom')}\n                        isFocusTrapped={false}\n                        target={\n                            <StyledTextField\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                ref={ref}\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                label={label}\n                                contentLeft={contentLeft}\n                                contentRight={contentRight}\n                                textBefore={textBefore}\n                                textAfter={textAfter}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-controls={listId}\n                                aria-expanded={isOpen}\n                                aria-activedescendant={`${listId}/${focused}`}\n                                aria-describedby={helperTextId}\n                                {...rest}\n                            />\n                        }\n                        preventOverflow={false}\n                        ref={targetRef}\n                        listWidth={listWidth}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Ul\n                                    id={listId}\n                                    role=\"listbox\"\n                                    aria-label={label}\n                                    onScroll={onScroll}\n                                    listMaxHeight={listMaxHeight}\n                                >\n                                    {finalResults.map((suggestion, index) => (\n                                        <SuggestionItem\n                                            key={index}\n                                            item={suggestion}\n                                            onClick={handleItemClick}\n                                            id={`${listId}/${index}`}\n                                            focused={focused === index}\n                                        />\n                                    ))}\n\n                                    {renderListEnd && <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>}\n                                </Ul>\n                            ))}\n                    </StyledPopover>\n\n                    {/* TODO: Дублируем хелпер для корректного позиционирования списка подсказок */}\n                    {leftHelper && (\n                        <LeftHelper id={helperTextId} disabled={disabled} readOnly={readOnly}>\n                            {leftHelper}\n                        </LeftHelper>\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const autocompleteConfig = {\n    name: 'Autocomplete',\n    tag: 'div',\n    layout: autocompleteRoot,\n    base,\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            css: '',\n        },\n    },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","_ref","ref","outerValue","value","onChange","suggestions","view","size","labelPlacement","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","onSearch","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","React","createElement","StyledPopover","offset","placement","getPlacements","isFocusTrapped","StyledTextField","_extends","undefined","onFocus","role","concat","preventOverflow","Boolean","Ul","id","map","suggestion","index","SuggestionItem","key","item","onClick","InfiniteLoaderWrapper","LeftHelper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}

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

@@ -0,0 +1,78 @@
+import './Autocomplete.styles_4wbmok.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+var Popover$1 = require('../Popover/Popover.js');
+require('@linaria/core');
+var common = require('../../engines/common.js');
+var Autocomplete_tokens = require('./Autocomplete.tokens.js');
+
+var base = "bn6ooh7";
+var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);
+var _exp3 = function _exp3() {
+  return Popover;
+};
+var _exp5 = function _exp5() {
+  return function (_ref) {
+    var listWidth = _ref.listWidth;
+    return listWidth || '100%';
+  };
+};
+var StyledPopover = /*#__PURE__*/react.styled(_exp3())({
+  name: "StyledPopover",
+  "class": "s1ih3p9n",
+  propsAsIs: true,
+  vars: {
+    "s1ih3p9n-0": [/*#__PURE__*/_exp5()]
+  }
+});
+var _exp9 = function _exp9() {
+  return function (_ref2) {
+    var listMaxHeight = _ref2.listMaxHeight;
+    return listMaxHeight || 'none';
+  };
+};
+var Ul = /*#__PURE__*/react.styled('ul')({
+  name: "Ul",
+  "class": "u610ple",
+  propsAsIs: false,
+  vars: {
+    "u610ple-0": [/*#__PURE__*/_exp9()]
+  }
+});
+var _exp11 = function _exp11() {
+  return function (_ref3) {
+    var readOnly = _ref3.readOnly,
+      disabled = _ref3.disabled;
+    return readOnly && !disabled ? "var(".concat(Autocomplete_tokens.tokens.textFieldLeftHelperColorReadOnly, ")") : "var(".concat(Autocomplete_tokens.tokens.textFieldLeftHelperColor, ")");
+  };
+};
+var _exp20 = function _exp20() {
+  return function (_ref4) {
+    var disabled = _ref4.disabled;
+    return disabled ? 'not-allowed' : 'auto';
+  };
+};
+var LeftHelper = /*#__PURE__*/react.styled('div')({
+  name: "LeftHelper",
+  "class": "l1nz87td",
+  propsAsIs: false,
+  vars: {
+    "l1nz87td-0": [/*#__PURE__*/_exp11()],
+    "l1nz87td-1": [/*#__PURE__*/_exp20()]
+  }
+});
+var InfiniteLoaderWrapper = /*#__PURE__*/react.styled('li')({
+  name: "InfiniteLoaderWrapper",
+  "class": "igdxyi6",
+  propsAsIs: false
+});
+
+exports.InfiniteLoaderWrapper = InfiniteLoaderWrapper;
+exports.LeftHelper = LeftHelper;
+exports.StyledPopover = StyledPopover;
+exports.Ul = Ul;
+exports.base = base;
+//# sourceMappingURL=Autocomplete.styles.js.map

package/cjs/components/Autocomplete/Autocomplete.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { popoverClasses, popoverConfig } from '../Popover';\nimport { component } from '../../engines';\n\nimport { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css`\n    .${popoverClasses.wrapper}, .${popoverClasses.target} {\n        display: block;\n    }\n`;\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ listWidth: AutocompleteProps['listWidth'] }>`\n    .${String(popoverClasses.root)} {\n        display: block;\n        width: ${({ listWidth }) => listWidth || '100%'};\n    }\n`;\n\nexport const Ul = styled.ul<{\n    listMaxHeight: AutocompleteProps['listMaxHeight'];\n}>`\n    box-sizing: border-box;\n\n    background: var(${tokens.background});\n    box-shadow: var(${tokens.boxShadow});\n\n    border-radius: var(${tokens.borderRadius});\n    height: auto;\n    max-height: ${({ listMaxHeight }) => listMaxHeight || 'none'};\n    overflow-y: scroll;\n\n    margin: 0;\n    padding: var(${tokens.padding});\n`;\n\nexport const LeftHelper = styled.div<{\n    disabled: AutocompleteProps['disabled'];\n    readOnly: AutocompleteProps['readOnly'];\n}>`\n    color: ${({ readOnly, disabled }) =>\n        readOnly && !disabled\n            ? `var(${tokens.textFieldLeftHelperColorReadOnly})`\n            : `var(${tokens.textFieldLeftHelperColor})`};\n    margin-top: var(${tokens.textFieldLeftHelperOffset});\n\n    font-family: var(${tokens.textFieldLeftHelperFontFamily});\n    font-size: var(${tokens.textFieldLeftHelperFontSize});\n    font-style: var(${tokens.textFieldLeftHelperFontStyle});\n    font-weight: var(${tokens.textFieldLeftHelperFontWeight});\n    letter-spacing: var(${tokens.textFieldLeftHelperLetterSpacing});\n    line-height: var(${tokens.textFieldLeftHelperLineHeight});\n\n    opacity: var(${tokens.textFieldDisabledOpacity});\n    cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'auto')};\n`;\n\nexport const InfiniteLoaderWrapper = styled.li`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: content-box;\n    min-height: var(${tokens.textFieldHeight});\n`;\n"],"names":["base","Popover","component","popoverConfig","_exp3","_exp5","_ref","listWidth","StyledPopover","styled","name","class","propsAsIs","vars","_exp9","_ref2","listMaxHeight","Ul","_exp11","_ref3","readOnly","disabled","concat","tokens","textFieldLeftHelperColorReadOnly","textFieldLeftHelperColor","_exp20","_ref4","LeftHelper","InfiniteLoaderWrapper"],"mappings":";;;;;;;;;;AASO,IAAMA,IAAI,GAIhB,UAAA;AAED,IAAMC,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,KAAA,GAdvBA,SAcuBA,KAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAhBzBA,SAgByBA,KAAAA,GAAA;AAAA,EAAA,OAG1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHhD,IAAMC,aAAa,gBAAGC,YAAM,CAAAL,KAAA,EAAA,CAAA,CAAA;AAAAM,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAGlBR,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAEtD,EAAA;AAAC,IAAAS,KAAA,GArBgBA,SAqBhBA,KAAAA,GAAA;AAAA,EAAA,OAYgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OAAoBA,aAAa,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAVzD,IAAMC,EAAE,gBAAGR,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAUNC,KAA8C,EAAA,CAAA;AAAA,GAAA;AAAA,CAK/D,EAAA;AAAC,IAAAI,MAAA,GAtCgBA,SAsChBA,MAAAA,GAAA;AAAA,EAAA,OAMW,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAClBD,QAAQ,IAAI,CAACC,QAAQ,GAAA,MAAA,CAAAC,MAAA,CACRC,0BAAM,CAACC,gCAAiC,gBAAAF,MAAA,CACxCC,0BAAM,CAACE,wBAAyB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/CrCA,SA+CqCA,MAAAA,GAAA;AAAA,EAAA,OAWzC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGN,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,aAAa,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAlB5D,IAAMO,UAAU,gBAAGnB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAInBK,MAG0C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAWzCQ,MAAqD,EAAA,CAAA;AAAA,GAAA;AAAA,CAClE,EAAA;AAEM,IAAMG,qBAAqB,gBAAGpB,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C;;;;;;;;"}

package/cjs/components/Autocomplete/Autocomplete.styles_4wbmok.css

@@ -0,0 +1,5 @@
+.bn6ooh7 .popover-wrapper,.bn6ooh7 .popover-target{display:block;}
+.s1ih3p9n .popover-root{display:block;width:var(--s1ih3p9n-0);}
+.u610ple{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);}
+.l1nz87td{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);}
+.igdxyi6{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);}

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

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  suggestionItemIsFocused: 'suggestion-item-is-focused'
+};
+var 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'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Autocomplete.tokens.js.map

package/cjs/components/Autocomplete/Autocomplete.tokens.js.map

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

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

@@ -0,0 +1,112 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var 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 = 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;
+        }
+    }
+  };
+  return {
+    onKeyDown: onKeyDown
+  };
+};
+
+exports.keys = keys;
+exports.useKeyNavigation = useKeyNavigation;
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/cjs/components/Autocomplete/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/Autocomplete/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import { KeyboardEvent } from 'react';\nimport type { Dispatch } from 'react';\n\nimport { SuggestionItemType } from '../Autocomplete.types';\nimport type { FocusedPathAction } from '../reducers/focusedReducer';\n\nexport const keys = {\n    Enter: 'Enter',\n    Space: 'Space',\n    Tab: 'Tab',\n    Escape: 'Escape',\n    ArrowLeft: 'ArrowLeft',\n    ArrowRight: 'ArrowRight',\n    ArrowUp: 'ArrowUp',\n    ArrowDown: 'ArrowDown',\n    Home: 'Home',\n    End: 'End',\n    PageUp: 'PageUp',\n    PageDown: 'PageDown',\n};\n\ninterface ReturnedProps {\n    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ninterface Props {\n    isOpen: boolean;\n    setIsOpen: (e: boolean) => void;\n    focused: number | null;\n    dispatchFocused: Dispatch<FocusedPathAction>;\n    finalResults: SuggestionItemType[];\n    handleItemClick: (e: SuggestionItemType) => void;\n}\n\nexport const useKeyNavigation = ({\n    isOpen,\n    setIsOpen,\n    focused,\n    dispatchFocused,\n    finalResults,\n    handleItemClick,\n}: Props): ReturnedProps => {\n    const onKeyDown = (event: KeyboardEvent<HTMLElement>) => {\n        switch (event.code) {\n            case keys.ArrowDown: {\n                if (!isOpen) {\n                    setIsOpen(true);\n                    dispatchFocused({ type: 'setFirstItem' });\n                    break;\n                }\n\n                dispatchFocused({ type: 'setNextItem', listLength: finalResults.length });\n\n                break;\n            }\n\n            case keys.ArrowUp: {\n                if (!isOpen) {\n                    setIsOpen(true);\n                    dispatchFocused({ type: 'setLastItem', listLength: finalResults.length });\n                    break;\n                }\n\n                dispatchFocused({ type: 'setPrevItem', listLength: finalResults.length });\n\n                break;\n            }\n\n            case keys.Home: {\n                if (!isOpen) {\n                    return;\n                }\n\n                dispatchFocused({ type: 'setFirstItem' });\n\n                break;\n            }\n\n            case keys.End: {\n                if (!isOpen) {\n                    return;\n                }\n\n                dispatchFocused({ type: 'setLastItem', listLength: finalResults.length });\n\n                break;\n            }\n\n            case keys.Enter: {\n                if (!isOpen || focused === null) {\n                    return;\n                }\n\n                dispatchFocused({ type: 'reset' });\n                handleItemClick(finalResults[focused]);\n\n                break;\n            }\n\n            case keys.Tab:\n            case keys.Escape: {\n                if (!isOpen) {\n                    return;\n                }\n\n                setIsOpen(false);\n                dispatchFocused({ type: 'reset' });\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return { onKeyDown };\n};\n"],"names":["keys","Enter","Space","Tab","Escape","ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End","PageUp","PageDown","useKeyNavigation","_ref","isOpen","setIsOpen","focused","dispatchFocused","finalResults","handleItemClick","onKeyDown","event","code","type","listLength","length"],"mappings":"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"}

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

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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;
+      }
+  }
+}
+
+exports.focusedReducer = focusedReducer;
+//# sourceMappingURL=focusedReducer.js.map

package/cjs/components/Autocomplete/reducers/focusedReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusedReducer.js","sources":["../../../../src/components/Autocomplete/reducers/focusedReducer.ts"],"sourcesContent":["export type FocusedState = number | null;\n\nexport type FocusedPathAction =\n    | { type: 'reset' }\n    | { type: 'setNextItem'; listLength: number }\n    | { type: 'setPrevItem'; listLength: number }\n    | { type: 'setFirstItem' }\n    | { type: 'setLastItem'; listLength: number };\n\nexport function focusedReducer(state: FocusedState, action: FocusedPathAction): FocusedState {\n    switch (action.type) {\n        case 'reset': {\n            return null;\n        }\n\n        case 'setNextItem': {\n            if (state === action.listLength - 1) {\n                return state;\n            }\n\n            if (state === null) {\n                return 0;\n            }\n\n            return state + 1;\n        }\n\n        case 'setPrevItem': {\n            if (state === 0) {\n                return state;\n            }\n\n            if (state === null) {\n                return action.listLength - 1;\n            }\n\n            return state - 1;\n        }\n\n        case 'setFirstItem': {\n            return 0;\n        }\n\n        case 'setLastItem': {\n            return action.listLength - 1;\n        }\n\n        default: {\n            return state;\n        }\n    }\n}\n"],"names":["focusedReducer","state","action","type","listLength"],"mappings":";;;;AASO,SAASA,cAAcA,CAACC,KAAmB,EAAEC,MAAyB,EAAgB;EACzF,QAAQA,MAAM,CAACC,IAAI;AACf,IAAA,KAAK,OAAO;AAAE,MAAA;AACV,QAAA,OAAO,IAAI,CAAA;AACf,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;AAChB,QAAA,IAAIF,KAAK,KAAKC,MAAM,CAACE,UAAU,GAAG,CAAC,EAAE;AACjC,UAAA,OAAOH,KAAK,CAAA;AAChB,SAAA;QAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAO,CAAC,CAAA;AACZ,SAAA;QAEA,OAAOA,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;QAChB,IAAIA,KAAK,KAAK,CAAC,EAAE;AACb,UAAA,OAAOA,KAAK,CAAA;AAChB,SAAA;QAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;AAChB,UAAA,OAAOC,MAAM,CAACE,UAAU,GAAG,CAAC,CAAA;AAChC,SAAA;QAEA,OAAOH,KAAK,GAAG,CAAC,CAAA;AACpB,OAAA;AAEA,IAAA,KAAK,cAAc;AAAE,MAAA;AACjB,QAAA,OAAO,CAAC,CAAA;AACZ,OAAA;AAEA,IAAA,KAAK,aAAa;AAAE,MAAA;AAChB,QAAA,OAAOC,MAAM,CAACE,UAAU,GAAG,CAAC,CAAA;AAChC,OAAA;AAEA,IAAA;AAAS,MAAA;AACL,QAAA,OAAOH,KAAK,CAAA;AAChB,OAAA;AACJ,GAAA;AACJ;;;;"}

package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.css

@@ -0,0 +1,2 @@
+.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);}