@salutejs/plasma-new-hope 0.326.1-canary.2043.15849605311.0 → 0.327.0-canary.1741.15743877104.0

package/es/components/Autocomplete/Autocomplete.js

@@ -1,216 +1,196 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useReducer, useState, useRef, useLayoutEffect } from 'react';
+import { safeUseId } from '@salutejs/plasma-core';
 import { FloatingPopover } from './FloatingPopover.js';
 import { focusedReducer } from './reducers/focusedReducer.js';
 import { ListWrapper, Ul, InfiniteLoaderWrapper, base, StyledLeftHelper } from './Autocomplete.styles.js';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation.js';
-import { safeUseId } from '../../utils/react.js';
 import { useOutsideClick } from '../../hooks/useOutsideClick.js';
 import { useDidMountEffect } from '../../hooks/useDidMountEffect.js';
 import { StyledTextField } from './ui/TextField/TextField.styles.js';
 import { VirtualList } from './ui/VirtualList/VirtualList.js';
 import { SuggestionItem } from './ui/SuggestionItem/SuggestionItem.js';
 
-var _excluded = ["value", "defaultValue", "onChange", "suggestions", "view", "size", "labelPlacement", "keepPlaceholder", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "portal", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "renderItem", "onSearch", "hintText", "hintView", "hintSize", "beforeList", "afterList", "virtual"];
-
 /**
  * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
  */
-var autocompleteRoot = function autocompleteRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, ref) {
-    var _StyledLeftHelper;
-    var outerValue = _ref.value,
-      defaultValue = _ref.defaultValue,
-      onChange = _ref.onChange,
-      suggestions = _ref.suggestions,
-      view = _ref.view,
-      size = _ref.size,
-      labelPlacement = _ref.labelPlacement,
-      keepPlaceholder = _ref.keepPlaceholder,
-      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,
-      _ref$listMaxHeight = _ref.listMaxHeight,
-      listMaxHeight = _ref$listMaxHeight === void 0 ? '25rem' : _ref$listMaxHeight,
-      listWidth = _ref.listWidth,
-      portal = _ref.portal,
-      filter = _ref.filter,
-      onSuggestionSelect = _ref.onSuggestionSelect,
-      _ref$threshold = _ref.threshold,
-      threshold = _ref$threshold === void 0 ? 2 : _ref$threshold,
-      renderList = _ref.renderList,
-      renderListEnd = _ref.renderListEnd,
-      renderItem = _ref.renderItem,
-      onSearch = _ref.onSearch,
-      hintText = _ref.hintText,
-      _ref$hintView = _ref.hintView,
-      hintView = _ref$hintView === void 0 ? 'default' : _ref$hintView,
-      _ref$hintSize = _ref.hintSize,
-      hintSize = _ref$hintSize === void 0 ? 'm' : _ref$hintSize,
-      beforeList = _ref.beforeList,
-      afterList = _ref.afterList,
-      _ref$virtual = _ref.virtual,
-      virtual = _ref$virtual === void 0 ? false : _ref$virtual,
-      rest = _objectWithoutProperties(_ref, _excluded);
-    var _useReducer = useReducer(focusedReducer, null),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      focused = _useReducer2[0],
-      dispatchFocused = _useReducer2[1];
-    var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerValue = _useState2[0],
-      setInnerValue = _useState2[1];
-    var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isOpen = _useState4[0],
-      setIsOpen = _useState4[1];
-    var listId = safeUseId();
-    var value = outerValue !== null && outerValue !== void 0 ? outerValue : innerValue;
-    var helperTextId = safeUseId();
-    var floatingPopoverRef = useRef(null);
-    var targetRef = useOutsideClick(function () {
-      setIsOpen(false);
-    }, floatingPopoverRef);
-    var handleFocus = function handleFocus() {
-      if (value.toString().length >= threshold) {
-        setIsOpen(true);
-      }
-    };
-    var handleItemClick = function handleItemClick(e) {
-      setInnerValue(e.label);
-      if (onSuggestionSelect) {
-        onSuggestionSelect(e);
-      }
+const autocompleteRoot = Root => /*#__PURE__*/forwardRef(({
+  value: outerValue,
+  defaultValue,
+  onChange,
+  suggestions,
+  view,
+  size,
+  labelPlacement,
+  keepPlaceholder,
+  disabled,
+  readOnly,
+  label,
+  leftHelper,
+  contentLeft,
+  contentRight,
+  textBefore,
+  textAfter,
+  onScroll,
+  listMaxHeight = '25rem',
+  listWidth,
+  portal,
+  filter,
+  onSuggestionSelect,
+  threshold = 2,
+  renderList,
+  renderListEnd,
+  renderItem,
+  onSearch,
+  hintText,
+  hintView = 'default',
+  hintSize = 'm',
+  beforeList,
+  afterList,
+  virtual = false,
+  ...rest
+}, ref) => {
+  const [focused, dispatchFocused] = useReducer(focusedReducer, null);
+  const [innerValue, setInnerValue] = useState('');
+  const [isOpen, setIsOpen] = useState(false);
+  const listId = safeUseId();
+  const value = outerValue ?? innerValue;
+  const helperTextId = safeUseId();
+  const floatingPopoverRef = useRef(null);
+  const targetRef = useOutsideClick(() => {
+    setIsOpen(false);
+  }, floatingPopoverRef);
+  const handleFocus = () => {
+    if (value.toString().length >= threshold) {
+      setIsOpen(true);
+    }
+  };
+  const handleItemClick = e => {
+    setInnerValue(e.label);
+    if (onSuggestionSelect) {
+      onSuggestionSelect(e);
+    }
+    setIsOpen(false);
+  };
+  const handleChange = e => {
+    const currentValue = e.target.value;
+    setInnerValue(currentValue);
+    if (onChange) {
+      onChange(e);
+    }
+    if (currentValue.toString().length >= threshold) {
+      setIsOpen(true);
+    } else {
       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 helperTextStopPropagation = function helperTextStopPropagation(event) {
-      event.stopPropagation();
-    };
-    var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
-    var _useKeyNavigation = useKeyNavigation({
-        isOpen: isOpen,
-        setIsOpen: setIsOpen,
-        focused: focused,
-        dispatchFocused: dispatchFocused,
-        finalResults: finalResults,
-        handleItemClick: handleItemClick
-      }),
-      onKeyDown = _useKeyNavigation.onKeyDown;
-    useDidMountEffect(function () {
-      dispatchFocused({
-        type: 'reset'
-      });
-    }, [value]);
-    useLayoutEffect(function () {
-      if (defaultValue) {
-        setInnerValue(defaultValue);
-      }
-    }, [defaultValue]);
-    return /*#__PURE__*/React.createElement(Root, {
-      view: view,
+    }
+  };
+  const defaultFilterCallback = ({
+    label
+  }) => {
+    return label.toLowerCase().includes(value.toString().toLowerCase());
+  };
+  const helperTextStopPropagation = event => {
+    event.stopPropagation();
+  };
+  const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];
+  const {
+    onKeyDown
+  } = useKeyNavigation({
+    isOpen,
+    setIsOpen,
+    focused,
+    dispatchFocused,
+    finalResults,
+    handleItemClick
+  });
+  useDidMountEffect(() => {
+    dispatchFocused({
+      type: 'reset'
+    });
+  }, [value]);
+  useLayoutEffect(() => {
+    if (defaultValue) {
+      setInnerValue(defaultValue);
+    }
+  }, [defaultValue]);
+  return /*#__PURE__*/React.createElement(Root, {
+    view: view,
+    size: size,
+    labelPlacement: labelPlacement,
+    disabled: disabled,
+    readOnly: readOnly,
+    hintView: hintView,
+    hintSize: hintSize
+  }, /*#__PURE__*/React.createElement(FloatingPopover, {
+    ref: floatingPopoverRef,
+    opened: isOpen,
+    portal: portal,
+    listWidth: listWidth,
+    target: referenceRef => /*#__PURE__*/React.createElement(StyledTextField, _extends({
+      ref: ref,
+      inputWrapperRef: referenceRef,
+      value: value,
+      onChange: handleChange,
+      onSearch: focused === null ? onSearch : undefined,
       size: size,
-      labelPlacement: labelPlacement,
+      view: view,
       disabled: disabled,
       readOnly: readOnly,
-      hintView: hintView,
-      hintSize: hintSize
-    }, /*#__PURE__*/React.createElement(FloatingPopover, {
-      ref: floatingPopoverRef,
-      opened: isOpen,
-      portal: portal,
-      listWidth: listWidth,
-      target: function target(referenceRef) {
-        return /*#__PURE__*/React.createElement(StyledTextField, _extends({
-          ref: ref,
-          inputWrapperRef: referenceRef,
-          value: value,
-          onChange: handleChange,
-          onSearch: focused === null ? onSearch : undefined,
-          size: size,
-          view: view,
-          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,
-          hintText: String(hintText || ''),
-          labelPlacement: labelPlacement,
-          keepPlaceholder: keepPlaceholder,
-          leftHelper: leftHelper && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
-            onClick: helperTextStopPropagation
-          }, leftHelper)))
-        }, rest));
-      }
-    }, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Root, {
-      view: view,
-      size: size,
+      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": `${listId}/${focused}`,
+      "aria-describedby": helperTextId,
+      hintText: String(hintText || ''),
       labelPlacement: labelPlacement,
-      disabled: disabled,
-      readOnly: readOnly
-    }, /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(Ul, {
-      ref: targetRef,
-      id: listId,
-      role: "listbox",
-      "aria-label": label,
-      onScroll: virtual ? undefined : onScroll,
-      listMaxHeight: listMaxHeight,
-      virtual: virtual
-    }, virtual ? /*#__PURE__*/React.createElement(VirtualList, {
-      items: finalResults,
-      onClick: handleItemClick,
-      listId: listId,
-      listMaxHeight: listMaxHeight,
-      onScroll: onScroll,
-      renderItem: renderItem
-    }) : /*#__PURE__*/React.createElement(React.Fragment, null, beforeList, finalResults.map(function (suggestion, index) {
-      return /*#__PURE__*/React.createElement(SuggestionItem, {
-        key: index,
-        item: suggestion,
-        onClick: handleItemClick,
-        id: "".concat(listId, "/").concat(index),
-        focused: focused === index,
-        renderItem: renderItem
-      });
-    }), afterList), renderListEnd && /*#__PURE__*/React.createElement(InfiniteLoaderWrapper, null, renderListEnd()))))));
-  });
-};
-var autocompleteConfig = {
+      keepPlaceholder: keepPlaceholder,
+      leftHelper: leftHelper && /*#__PURE__*/React.createElement(StyledLeftHelper, {
+        onClick: helperTextStopPropagation
+      }, leftHelper)
+    }, rest))
+  }, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Root, {
+    view: view,
+    size: size,
+    labelPlacement: labelPlacement,
+    disabled: disabled,
+    readOnly: readOnly
+  }, /*#__PURE__*/React.createElement(ListWrapper, null, /*#__PURE__*/React.createElement(Ul, {
+    ref: targetRef,
+    id: listId,
+    role: "listbox",
+    "aria-label": label,
+    onScroll: virtual ? undefined : onScroll,
+    listMaxHeight: listMaxHeight,
+    virtual: virtual
+  }, virtual ? /*#__PURE__*/React.createElement(VirtualList, {
+    items: finalResults,
+    onClick: handleItemClick,
+    listId: listId,
+    listMaxHeight: listMaxHeight,
+    onScroll: onScroll,
+    renderItem: renderItem
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, beforeList, finalResults.map((suggestion, index) => /*#__PURE__*/React.createElement(SuggestionItem, {
+    key: index,
+    item: suggestion,
+    onClick: handleItemClick,
+    id: `${listId}/${index}`,
+    focused: focused === index,
+    renderItem: renderItem
+  })), afterList), renderListEnd && /*#__PURE__*/React.createElement(InfiniteLoaderWrapper, null, renderListEnd()))))));
+});
+const autocompleteConfig = {
   name: 'Autocomplete',
   tag: 'div',
   layout: autocompleteRoot,
-  base: base,
+  base,
   defaults: {
     view: 'default',
     size: 'l',

package/es/components/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from 'src/utils';\nimport { useDidMountEffect, useOutsideClick } from 'src/hooks';\nimport { RootProps } from 'src/engines';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField, VirtualList } from './ui';\nimport { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper, ListWrapper } 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, Omit<AutocompleteProps, 'hintText'>>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                defaultValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                keepPlaceholder,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight = '25rem',\n                listWidth,\n                portal,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                renderItem,\n                onSearch,\n                hintText,\n                hintView = 'default',\n                hintSize = 'm',\n                beforeList,\n                afterList,\n                virtual = false,\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\n            const helperTextId = safeUseId();\n            const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n            const targetRef = useOutsideClick<HTMLUListElement>(() => {\n                setIsOpen(false);\n            }, floatingPopoverRef);\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 helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n                event.stopPropagation();\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            useLayoutEffect(() => {\n                if (defaultValue) {\n                    setInnerValue(defaultValue);\n                }\n            }, [defaultValue]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    labelPlacement={labelPlacement}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    hintView={hintView}\n                    hintSize={hintSize}\n                >\n                    <FloatingPopover\n                        ref={floatingPopoverRef}\n                        opened={isOpen}\n                        portal={portal}\n                        listWidth={listWidth}\n                        target={(referenceRef) => (\n                            <StyledTextField\n                                ref={ref}\n                                inputWrapperRef={referenceRef}\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                size={size}\n                                view={view}\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                                hintText={String(hintText || '')}\n                                labelPlacement={labelPlacement}\n                                keepPlaceholder={keepPlaceholder}\n                                leftHelper={\n                                    leftHelper && (\n                                        <StyledLeftHelper onClick={helperTextStopPropagation}>\n                                            {leftHelper}\n                                        </StyledLeftHelper>\n                                    )\n                                }\n                                {...rest}\n                            />\n                        )}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Root\n                                    view={view}\n                                    size={size}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                >\n                                    <ListWrapper>\n                                        <Ul\n                                            ref={targetRef}\n                                            id={listId}\n                                            role=\"listbox\"\n                                            aria-label={label}\n                                            onScroll={virtual ? undefined : onScroll}\n                                            listMaxHeight={listMaxHeight}\n                                            virtual={virtual}\n                                        >\n                                            {virtual ? (\n                                                <VirtualList\n                                                    items={finalResults}\n                                                    onClick={handleItemClick}\n                                                    listId={listId}\n                                                    listMaxHeight={listMaxHeight}\n                                                    onScroll={onScroll}\n                                                    renderItem={renderItem}\n                                                />\n                                            ) : (\n                                                <>\n                                                    {beforeList}\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                                                            renderItem={renderItem}\n                                                        />\n                                                    ))}\n\n                                                    {afterList}\n                                                </>\n                                            )}\n\n                                            {renderListEnd && (\n                                                <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n                                            )}\n                                        </Ul>\n                                    </ListWrapper>\n                                </Root>\n                            ))}\n                    </FloatingPopover>\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","_StyledLeftHelper","outerValue","value","defaultValue","onChange","suggestions","view","size","labelPlacement","keepPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","_ref$listMaxHeight","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","_ref$threshold","threshold","renderList","renderListEnd","renderItem","onSearch","hintText","_ref$hintView","hintView","_ref$hintSize","hintSize","beforeList","afterList","_ref$virtual","virtual","rest","_objectWithoutProperties","_excluded","_useReducer","useReducer","focusedReducer","_useReducer2","_slicedToArray","focused","dispatchFocused","_useState","useState","_useState2","innerValue","setInnerValue","_useState3","_useState4","isOpen","setIsOpen","listId","safeUseId","helperTextId","floatingPopoverRef","useRef","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","_ref2","toLowerCase","includes","helperTextStopPropagation","event","stopPropagation","finalResults","_useKeyNavigation","useKeyNavigation","onKeyDown","useDidMountEffect","type","useLayoutEffect","React","createElement","FloatingPopover","opened","referenceRef","StyledTextField","_extends","inputWrapperRef","undefined","onFocus","role","concat","String","StyledLeftHelper","onClick","Boolean","ListWrapper","Ul","id","VirtualList","items","Fragment","map","suggestion","index","SuggestionItem","key","item","InfiniteLoaderWrapper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { useDidMountEffect, useOutsideClick } from 'src/hooks';\nimport { RootProps } from 'src/engines';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField, VirtualList } from './ui';\nimport { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper, ListWrapper } 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, Omit<AutocompleteProps, 'hintText'>>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                defaultValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                keepPlaceholder,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight = '25rem',\n                listWidth,\n                portal,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                renderItem,\n                onSearch,\n                hintText,\n                hintView = 'default',\n                hintSize = 'm',\n                beforeList,\n                afterList,\n                virtual = false,\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\n            const helperTextId = safeUseId();\n            const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n            const targetRef = useOutsideClick<HTMLUListElement>(() => {\n                setIsOpen(false);\n            }, floatingPopoverRef);\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 helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n                event.stopPropagation();\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            useLayoutEffect(() => {\n                if (defaultValue) {\n                    setInnerValue(defaultValue);\n                }\n            }, [defaultValue]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    labelPlacement={labelPlacement}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    hintView={hintView}\n                    hintSize={hintSize}\n                >\n                    <FloatingPopover\n                        ref={floatingPopoverRef}\n                        opened={isOpen}\n                        portal={portal}\n                        listWidth={listWidth}\n                        target={(referenceRef) => (\n                            <StyledTextField\n                                ref={ref}\n                                inputWrapperRef={referenceRef}\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                size={size}\n                                view={view}\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                                hintText={String(hintText || '')}\n                                labelPlacement={labelPlacement}\n                                keepPlaceholder={keepPlaceholder}\n                                leftHelper={\n                                    leftHelper && (\n                                        <StyledLeftHelper onClick={helperTextStopPropagation}>\n                                            {leftHelper}\n                                        </StyledLeftHelper>\n                                    )\n                                }\n                                {...rest}\n                            />\n                        )}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Root\n                                    view={view}\n                                    size={size}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                >\n                                    <ListWrapper>\n                                        <Ul\n                                            ref={targetRef}\n                                            id={listId}\n                                            role=\"listbox\"\n                                            aria-label={label}\n                                            onScroll={virtual ? undefined : onScroll}\n                                            listMaxHeight={listMaxHeight}\n                                            virtual={virtual}\n                                        >\n                                            {virtual ? (\n                                                <VirtualList\n                                                    items={finalResults}\n                                                    onClick={handleItemClick}\n                                                    listId={listId}\n                                                    listMaxHeight={listMaxHeight}\n                                                    onScroll={onScroll}\n                                                    renderItem={renderItem}\n                                                />\n                                            ) : (\n                                                <>\n                                                    {beforeList}\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                                                            renderItem={renderItem}\n                                                        />\n                                                    ))}\n\n                                                    {afterList}\n                                                </>\n                                            )}\n\n                                            {renderListEnd && (\n                                                <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n                                            )}\n                                        </Ul>\n                                    </ListWrapper>\n                                </Root>\n                            ))}\n                    </FloatingPopover>\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","value","outerValue","defaultValue","onChange","suggestions","view","size","labelPlacement","keepPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","threshold","renderList","renderListEnd","renderItem","onSearch","hintText","hintView","hintSize","beforeList","afterList","virtual","rest","ref","focused","dispatchFocused","useReducer","focusedReducer","innerValue","setInnerValue","useState","isOpen","setIsOpen","listId","safeUseId","helperTextId","floatingPopoverRef","useRef","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","toLowerCase","includes","helperTextStopPropagation","event","stopPropagation","finalResults","onKeyDown","useKeyNavigation","useDidMountEffect","type","useLayoutEffect","React","createElement","FloatingPopover","opened","referenceRef","StyledTextField","_extends","inputWrapperRef","undefined","onFocus","role","String","StyledLeftHelper","onClick","Boolean","ListWrapper","Ul","id","VirtualList","items","Fragment","map","suggestion","index","SuggestionItem","key","item","InfiniteLoaderWrapper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}

package/es/components/Autocomplete/Autocomplete.styles.js

@@ -1,35 +1,32 @@
 import './Autocomplete.styles_30e80h.css';
 import { styled } from '@linaria/react';
 
-var base = "bn6ooh7";
-var ListWrapper = /*#__PURE__*/styled('div')({
+const base = "bn6ooh7";
+const ListWrapper = /*#__PURE__*/styled('div')({
   name: "ListWrapper",
-  "class": "l1ih3p9n",
+  class: "l1ih3p9n",
   propsAsIs: false
 });
-var _exp11 = function _exp11() {
-  return function (_ref) {
-    var virtual = _ref.virtual,
-      listMaxHeight = _ref.listMaxHeight;
-    return virtual ? 'auto' : listMaxHeight || 'auto';
-  };
-};
-var Ul = /*#__PURE__*/styled('ul')({
+const _exp11 = /*#__PURE__*/() => ({
+  virtual,
+  listMaxHeight
+}) => virtual ? 'auto' : listMaxHeight || 'auto';
+const Ul = /*#__PURE__*/styled('ul')({
   name: "Ul",
-  "class": "u610ple",
+  class: "u610ple",
   propsAsIs: false,
   vars: {
-    "u610ple-0": [/*#__PURE__*/_exp11()]
+    "u610ple-0": [_exp11()]
   }
 });
-var InfiniteLoaderWrapper = /*#__PURE__*/styled('li')({
+const InfiniteLoaderWrapper = /*#__PURE__*/styled('li')({
   name: "InfiniteLoaderWrapper",
-  "class": "i1nz87td",
+  class: "i1nz87td",
   propsAsIs: false
 });
-var StyledLeftHelper = /*#__PURE__*/styled('span')({
+const StyledLeftHelper = /*#__PURE__*/styled('span')({
   name: "StyledLeftHelper",
-  "class": "sgdxyi6",
+  class: "sgdxyi6",
   propsAsIs: false
 });
 

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

@@ -1 +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 { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css``;\n\nexport const ListWrapper = styled.div`\n    margin: var(${tokens.margin}) 0 0 0;\n    padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem));\n    border-radius: var(${tokens.borderRadius});\n    box-sizing: border-box;\n    background: var(${tokens.background});\n    box-shadow: var(${tokens.boxShadow}),\n        inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n    listMaxHeight: AutocompleteProps['listMaxHeight'];\n    virtual: AutocompleteProps['virtual'];\n}>`\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n    height: auto;\n    max-height: ${({ virtual, listMaxHeight }) => (virtual ? 'auto' : listMaxHeight || 'auto')};\n    overflow: auto;\n\n    margin: 0;\n    padding: 0;\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\nexport const StyledLeftHelper = styled.span`\n    margin: 0;\n    padding: 0;\n`;\n"],"names":["base","ListWrapper","styled","name","class","propsAsIs","_exp11","_ref","virtual","listMaxHeight","Ul","vars","InfiniteLoaderWrapper","StyledLeftHelper"],"mappings":";;AAMO,IAAMA,IAAI,GAAQ,UAAA;AAElB,IAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC,EAAA;AAAC,IAAAC,MAAA,GAfgBA,SAehBA,MAAAA,GAAA;AAAA,EAAA,OAQgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAAEC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBD,OAAO,GAAG,MAAM,GAAGC,aAAa,IAAI,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AANvF,IAAMC,EAAE,gBAAGR,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAM,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMNL,MAA4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAK7F,EAAA;AAEM,IAAMM,qBAAqB,gBAAGV,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C,EAAA;AAEM,IAAMQ,gBAAgB,gBAAGX,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC;;;;"}
+{"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 { AutocompleteProps } from './Autocomplete.types';\nimport { tokens } from './Autocomplete.tokens';\n\nexport const base = css``;\n\nexport const ListWrapper = styled.div`\n    margin: var(${tokens.margin}) 0 0 0;\n    padding: calc(var(${tokens.padding}) + var(${tokens.dropdownBorderWidth}, 0rem));\n    border-radius: var(${tokens.borderRadius});\n    box-sizing: border-box;\n    background: var(${tokens.background});\n    box-shadow: var(${tokens.boxShadow}),\n        inset 0 0 0 var(${tokens.dropdownBorderWidth}, 0rem) var(${tokens.dropdownBorderColor}, transparent);\n`;\n\nexport const Ul = styled.ul<{\n    listMaxHeight: AutocompleteProps['listMaxHeight'];\n    virtual: AutocompleteProps['virtual'];\n}>`\n    border-radius: calc(var(${tokens.borderRadius}) - 0.125rem - var(${tokens.dropdownBorderWidth}, 0rem));\n    height: auto;\n    max-height: ${({ virtual, listMaxHeight }) => (virtual ? 'auto' : listMaxHeight || 'auto')};\n    overflow: auto;\n\n    margin: 0;\n    padding: 0;\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\nexport const StyledLeftHelper = styled.span`\n    margin: 0;\n    padding: 0;\n`;\n"],"names":["base","ListWrapper","styled","name","class","propsAsIs","_exp11","virtual","listMaxHeight","Ul","vars","InfiniteLoaderWrapper","StyledLeftHelper"],"mappings":";;AAMO,MAAMA,IAAI,GAAQ,UAAA;AAElB,MAAMC,WAAW,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC,EAAA;AAAC,MAAAC,MAAA,gBAfgBA,MAuBA,CAAC;EAAEC,OAAO;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAMD,OAAO,GAAG,MAAM,GAAGC,aAAa,IAAI,MAAO,CAAA;AANvF,MAAMC,EAAE,gBAAGP,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,CAMNJ,MAA4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAK7F,EAAA;AAEM,MAAMK,qBAAqB,gBAAGT,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,KAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM1C,EAAA;AAEM,MAAMO,gBAAgB,gBAAGV,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,KAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGrC;;;;"}

package/es/components/Autocomplete/Autocomplete.tokens.js

@@ -1,7 +1,7 @@
-var classes = {
+const classes = {
   suggestionItemIsFocused: 'suggestion-item-is-focused'
 };
-var tokens = {
+const tokens = {
   // Токены для TextField
   textFieldColor: '--plasma-autocomplete-textfield-color',
   textFieldClearColor: '--plasma-autocomplete-textfield-clear-color',