@salutejs/plasma-new-hope 0.134.0-canary.1406.10628421547.0 → 0.134.1-canary.1374.10632027763.0

package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js

@@ -0,0 +1,235 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useState, useMemo, useRef, useCallback, useEffect } from 'react';
+import { safeUseId } from '@salutejs/plasma-core';
+import { IconDisclosureLeft } from '../../../../_Icon/Icons/IconDisclosureLeft.js';
+import { IconDisclosureRight } from '../../../../_Icon/Icons/IconDisclosureRight.js';
+import '@linaria/react';
+import { tokens, classes } from '../../../tokens.js';
+import { cx } from '../../../../../utils/index.js';
+import { TabItemRefs, TabsContext } from '../../../TabsContext.js';
+import { base as base$1 } from './variations/_size/base.js';
+import { base as base$2 } from './variations/_view/base.js';
+import { base as base$3 } from './variations/_disabled/base.js';
+import { base as base$5 } from './variations/_pilled/base.js';
+import { base as base$4 } from './variations/_stretch/base.js';
+import { StyledArrow, StyledContentWrapper, StyledContent, base } from './HorizontalTabs.styles.js';
+
+var _excluded = ["id", "stretch", "disabled", "clip", "size", "view", "children", "pilled", "index", "className"];
+var Keys = /*#__PURE__*/function (Keys) {
+  Keys[Keys["end"] = 35] = "end";
+  Keys[Keys["home"] = 36] = "home";
+  Keys[Keys["left"] = 37] = "left";
+  Keys[Keys["right"] = 39] = "right";
+  return Keys;
+}(Keys || {});
+var horizontalTabsRoot = function horizontalTabsRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (props, outerRef) {
+    var id = props.id,
+      _props$stretch = props.stretch,
+      stretch = _props$stretch === void 0 ? false : _props$stretch,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$clip = props.clip,
+      clip = _props$clip === void 0 ? 'scroll' : _props$clip,
+      size = props.size,
+      view = props.view,
+      children = props.children,
+      _props$pilled = props.pilled,
+      pilled = _props$pilled === void 0 ? false : _props$pilled,
+      index = props.index,
+      className = props.className,
+      rest = _objectWithoutProperties(props, _excluded);
+    var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      firstItemVisible = _useState2[0],
+      setFirstItemVisible = _useState2[1];
+    var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      lastItemVisible = _useState4[0],
+      setLastItemVisible = _useState4[1];
+    var refs = useMemo(function () {
+      return new TabItemRefs(index);
+    }, []);
+    var uniqId = safeUseId();
+    var tabsId = id || uniqId;
+    var isFilled = view === 'filled'; // outer padding is only for filled view
+    var pilledAttr = view !== 'clear' && pilled;
+    var pilledClass = pilledAttr ? classes.tabsPilled : undefined;
+    var stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;
+    var hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;
+    var hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;
+    var clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;
+    var clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;
+    var scrollRef = useRef(null);
+    var trackRef = useRef(null);
+    var leftArrowRef = useRef(null);
+    var onPrev = useCallback(function () {
+      var _firstOverflowingTab$;
+      if (disabled || !scrollRef.current) {
+        return;
+      }
+      var scrollLeft = Math.round(scrollRef.current.scrollLeft);
+      var firstOverflowingTab = refs.items.slice().reverse().find(function (item) {
+        if (!item.current || item.current.offsetLeft === undefined) {
+          return;
+        }
+        var tabStartX = item.current.offsetLeft;
+        return tabStartX < scrollLeft;
+      });
+      firstOverflowingTab === null || firstOverflowingTab === void 0 || (_firstOverflowingTab$ = firstOverflowingTab.current) === null || _firstOverflowingTab$ === void 0 || _firstOverflowingTab$.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }, [disabled, scrollRef, refs]);
+    var onNext = useCallback(function () {
+      var _lastOverflowingTab$c;
+      if (disabled || !scrollRef.current) {
+        return;
+      }
+      var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
+      var lastOverflowingTab = refs.items.find(function (item) {
+        if (!item.current || item.current.offsetLeft === undefined) {
+          return;
+        }
+        var tabEndX = item.current.offsetLeft + item.current.offsetWidth;
+        return tabEndX > scrollRight;
+      });
+      lastOverflowingTab === null || lastOverflowingTab === void 0 || (_lastOverflowingTab$c = lastOverflowingTab.current) === null || _lastOverflowingTab$c === void 0 || _lastOverflowingTab$c.scrollIntoView({
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }, [disabled, scrollRef, refs]);
+    var PreviousButton = useMemo(function () {
+      return /*#__PURE__*/React.createElement(StyledArrow, {
+        type: "button",
+        "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0442\u0430\u0431",
+        onClick: onPrev,
+        tabIndex: disabled ? -1 : 0,
+        disabled: disabled,
+        isFilled: isFilled,
+        ref: leftArrowRef,
+        isLeftArrow: true
+      }, /*#__PURE__*/React.createElement(IconDisclosureLeft, {
+        color: "var(".concat(tokens.arrowColor, ")")
+      }));
+    }, [onPrev, disabled, isFilled]);
+    var NextButton = useMemo(function () {
+      return /*#__PURE__*/React.createElement(StyledArrow, {
+        type: "button",
+        "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0442\u0430\u0431",
+        onClick: onNext,
+        tabIndex: disabled ? -1 : 0,
+        disabled: disabled,
+        isFilled: isFilled
+      }, /*#__PURE__*/React.createElement(IconDisclosureRight, {
+        color: "var(".concat(tokens.arrowColor, ")")
+      }));
+    }, [onNext, disabled, isFilled]);
+    var handleScroll = useCallback(function (event) {
+      event.stopPropagation();
+      var maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;
+      var scrollLeft = Math.round(event.currentTarget.scrollLeft);
+      setFirstItemVisible(scrollLeft <= 0);
+      setLastItemVisible(scrollLeft >= maxScrollLeft);
+    }, [setFirstItemVisible, setLastItemVisible]);
+    var onKeyDown = useCallback(function (event) {
+      if (index === undefined) {
+        return;
+      }
+      var minIndex = 0;
+      var maxIndex = refs.items.length - 1;
+      var nextIndex;
+      switch (event.keyCode) {
+        case Keys.end:
+          nextIndex = maxIndex;
+          break;
+        case Keys.left:
+          nextIndex = index > minIndex ? index - 1 : index;
+          break;
+        case Keys.right:
+          nextIndex = index < maxIndex ? index + 1 : index;
+          break;
+        case Keys.home:
+          nextIndex = minIndex;
+          break;
+        default:
+          return;
+      }
+      if (nextIndex !== index) {
+        var _refs$items$nextIndex, _refs$items$nextIndex2;
+        event.preventDefault();
+        (_refs$items$nextIndex = refs.items[nextIndex].current) === null || _refs$items$nextIndex === void 0 || _refs$items$nextIndex.focus();
+        (_refs$items$nextIndex2 = refs.items[nextIndex].current) === null || _refs$items$nextIndex2 === void 0 || _refs$items$nextIndex2.scrollIntoView({
+          block: 'center',
+          inline: 'center',
+          behavior: 'smooth'
+        });
+      }
+    }, [index]);
+    useEffect(function () {
+      var _scrollRef$current, _scrollRef$current2;
+      setLastItemVisible(((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollWidth) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientWidth));
+    }, []);
+
+    // Этот хук компенсирует появление левой стрелки при прокрутке
+    useEffect(function () {
+      if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
+        return;
+      }
+      scrollRef.current.scrollTo({
+        left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
+      });
+    }, [firstItemVisible, scrollRef, leftArrowRef]);
+    return /*#__PURE__*/React.createElement(TabsContext.Provider, {
+      value: refs
+    }, /*#__PURE__*/React.createElement(Root, _extends({
+      view: view,
+      role: "tablist",
+      size: size,
+      pilled: pilled,
+      id: tabsId,
+      ref: outerRef,
+      disabled: disabled,
+      className: cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className),
+      onKeyDown: onKeyDown
+    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React.createElement(StyledContentWrapper, {
+      className: cx(clipScrollClass, clipShowAllClass),
+      ref: scrollRef,
+      onScroll: handleScroll
+    }, /*#__PURE__*/React.createElement(StyledContent, {
+      ref: trackRef
+    }, children)), !lastItemVisible && NextButton));
+  });
+};
+var horizontalTabsConfig = {
+  name: 'HorizontalTabs',
+  tag: 'div',
+  layout: horizontalTabsRoot,
+  base: base,
+  variations: {
+    size: {
+      css: base$1
+    },
+    view: {
+      css: base$2
+    },
+    disabled: {
+      css: base$3,
+      attrs: true
+    },
+    stretch: {
+      css: base$4,
+      attrs: true
+    },
+    pilled: {
+      css: base$5
+    }
+  },
+  defaults: {
+    view: 'clear',
+    size: 'xs'
+  }
+};
+
+export { horizontalTabsConfig, horizontalTabsRoot };
+//# sourceMappingURL=HorizontalTabs.js.map

package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabs.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../../engines/types';\nimport { IconDisclosureLeft, IconDisclosureRight } from '../../../../_Icon';\nimport { classes, tokens } from '../../../tokens';\nimport { cx } from '../../../../../utils';\nimport { TabItemRefs, TabsContext } from '../../../TabsContext';\nimport type { HorizontalTabsProps } from '../../../Tabs.types';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { StyledArrow, StyledContent, StyledContentWrapper, base } from './HorizontalTabs.styles';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    left = 37,\n    right = 39,\n}\n\nexport const horizontalTabsRoot = (Root: RootProps<HTMLDivElement, HorizontalTabsProps>) =>\n    forwardRef<HTMLDivElement, HorizontalTabsProps>((props, outerRef) => {\n        const {\n            id,\n            stretch = false,\n            disabled = false,\n            clip = 'scroll',\n            size,\n            view,\n            children,\n            pilled = false,\n            index,\n            className,\n            ...rest\n        } = props;\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(true);\n\n        const refs = useMemo(() => new TabItemRefs(index), []);\n\n        const uniqId = safeUseId();\n        const tabsId = id || uniqId;\n\n        const isFilled = view === 'filled'; // outer padding is only for filled view\n        const pilledAttr = view !== 'clear' && pilled;\n        const pilledClass = pilledAttr ? classes.tabsPilled : undefined;\n\n        const stretchClass = firstItemVisible && lastItemVisible && stretch ? classes.tabsStretch : undefined;\n        const hasLeftArrowClass = !firstItemVisible ? classes.tabsHasLeftArrow : undefined;\n        const hasRightArrowClass = !lastItemVisible ? classes.tabsHasRightArrow : undefined;\n        const clipScrollClass = clip === 'scroll' ? classes.tabsClipScroll : undefined;\n        const clipShowAllClass = clip === 'showAll' ? classes.tabsClipShowAll : undefined;\n\n        const scrollRef = useRef<HTMLElement | null>(null);\n        const trackRef = useRef<HTMLElement | null>(null);\n        const leftArrowRef = useRef<HTMLButtonElement | null>(null);\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollLeft = Math.round(scrollRef.current.scrollLeft);\n            const firstOverflowingTab = refs.items\n                .slice()\n                .reverse()\n                .find((item: MutableRefObject<HTMLElement | null>) => {\n                    if (!item.current || item.current.offsetLeft === undefined) {\n                        return;\n                    }\n                    const tabStartX = item.current.offsetLeft;\n\n                    return tabStartX < scrollLeft;\n                });\n\n            firstOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef, refs]);\n\n        const onNext = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);\n            const lastOverflowingTab = refs.items.find((item: MutableRefObject<HTMLElement | null>) => {\n                if (!item.current || item.current.offsetLeft === undefined) {\n                    return;\n                }\n                const tabEndX = item.current.offsetLeft + item.current.offsetWidth;\n\n                return tabEndX > scrollRight;\n            });\n\n            lastOverflowingTab?.current?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef, refs]);\n\n        const PreviousButton = useMemo(\n            () => (\n                <StyledArrow\n                    type=\"button\"\n                    aria-label=\"Предыдущий таб\"\n                    onClick={onPrev}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                    isFilled={isFilled}\n                    ref={leftArrowRef}\n                    isLeftArrow\n                >\n                    <IconDisclosureLeft color={`var(${tokens.arrowColor})`} />\n                </StyledArrow>\n            ),\n            [onPrev, disabled, isFilled],\n        );\n\n        const NextButton = useMemo(\n            () => (\n                <StyledArrow\n                    type=\"button\"\n                    aria-label=\"Следующий таб\"\n                    onClick={onNext}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                    isFilled={isFilled}\n                >\n                    <IconDisclosureRight color={`var(${tokens.arrowColor})`} />\n                </StyledArrow>\n            ),\n            [onNext, disabled, isFilled],\n        );\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation();\n                const maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;\n                const scrollLeft = Math.round(event.currentTarget.scrollLeft);\n\n                setFirstItemVisible(scrollLeft <= 0);\n                setLastItemVisible(scrollLeft >= maxScrollLeft);\n            },\n            [setFirstItemVisible, setLastItemVisible],\n        );\n\n        const onKeyDown = useCallback(\n            (event: KeyboardEvent<HTMLDivElement>) => {\n                if (index === undefined) {\n                    return;\n                }\n\n                const minIndex = 0;\n                const maxIndex = refs.items.length - 1;\n                let nextIndex: number;\n\n                switch (event.keyCode) {\n                    case Keys.end:\n                        nextIndex = maxIndex;\n                        break;\n                    case Keys.left:\n                        nextIndex = index > minIndex ? index - 1 : index;\n                        break;\n                    case Keys.right:\n                        nextIndex = index < maxIndex ? index + 1 : index;\n                        break;\n                    case Keys.home:\n                        nextIndex = minIndex;\n                        break;\n                    default:\n                        return;\n                }\n\n                if (nextIndex !== index) {\n                    event.preventDefault();\n                    refs.items[nextIndex].current?.focus();\n                    refs.items[nextIndex].current?.scrollIntoView({\n                        block: 'center',\n                        inline: 'center',\n                        behavior: 'smooth',\n                    });\n                }\n            },\n            [index],\n        );\n\n        useEffect(() => {\n            setLastItemVisible(scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth);\n        }, []);\n\n        // Этот хук компенсирует появление левой стрелки при прокрутке\n        useEffect(() => {\n            if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {\n                return;\n            }\n\n            scrollRef.current.scrollTo({\n                left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth),\n            });\n        }, [firstItemVisible, scrollRef, leftArrowRef]);\n\n        return (\n            <TabsContext.Provider value={refs}>\n                <Root\n                    view={view}\n                    role=\"tablist\"\n                    size={size}\n                    pilled={pilled}\n                    id={tabsId}\n                    ref={outerRef}\n                    disabled={disabled}\n                    className={cx(pilledClass, stretchClass, hasLeftArrowClass, hasRightArrowClass, className)}\n                    onKeyDown={onKeyDown}\n                    {...rest}\n                >\n                    {!firstItemVisible && PreviousButton}\n                    <StyledContentWrapper\n                        className={cx(clipScrollClass, clipShowAllClass)}\n                        ref={scrollRef as MutableRefObject<HTMLDivElement | null>}\n                        onScroll={handleScroll}\n                    >\n                        <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>\n                            {children}\n                        </StyledContent>\n                    </StyledContentWrapper>\n                    {!lastItemVisible && NextButton}\n                </Root>\n            </TabsContext.Provider>\n        );\n    });\n\nexport const horizontalTabsConfig = {\n    name: 'HorizontalTabs',\n    tag: 'div',\n    layout: horizontalTabsRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        stretch: {\n            css: stretchCSS,\n            attrs: true,\n        },\n        pilled: {\n            css: pilledCSS,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","horizontalTabsRoot","Root","forwardRef","props","outerRef","id","_props$stretch","stretch","_props$disabled","disabled","_props$clip","clip","size","view","children","_props$pilled","pilled","index","className","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","refs","useMemo","TabItemRefs","uniqId","safeUseId","tabsId","isFilled","pilledAttr","pilledClass","classes","tabsPilled","undefined","stretchClass","tabsStretch","hasLeftArrowClass","tabsHasLeftArrow","hasRightArrowClass","tabsHasRightArrow","clipScrollClass","tabsClipScroll","clipShowAllClass","tabsClipShowAll","scrollRef","useRef","trackRef","leftArrowRef","onPrev","useCallback","_firstOverflowingTab$","current","scrollLeft","Math","round","firstOverflowingTab","items","slice","reverse","find","item","offsetLeft","tabStartX","scrollIntoView","block","inline","onNext","_lastOverflowingTab$c","scrollRight","clientWidth","lastOverflowingTab","tabEndX","offsetWidth","PreviousButton","React","createElement","StyledArrow","type","onClick","tabIndex","ref","isLeftArrow","IconDisclosureLeft","color","concat","tokens","arrowColor","NextButton","IconDisclosureRight","handleScroll","event","stopPropagation","maxScrollLeft","currentTarget","scrollWidth","onKeyDown","minIndex","maxIndex","length","nextIndex","keyCode","end","left","right","home","_refs$items$nextIndex","_refs$items$nextIndex2","preventDefault","focus","behavior","useEffect","_scrollRef$current","_scrollRef$current2","scrollTo","TabsContext","Provider","value","_extends","role","cx","StyledContentWrapper","onScroll","StyledContent","horizontalTabsConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","stretchCSS","pilledCSS","defaults"],"mappings":"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"}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js

@@ -0,0 +1,46 @@
+import './HorizontalTabs.styles_m8d2xg.css';
+import { styled } from '@linaria/react';
+import { tokens } from '../../../tokens.js';
+
+var base = "b7gl603";
+var StyledContent = /*#__PURE__*/styled('div')({
+  name: "StyledContent",
+  "class": "s191iwmt",
+  propsAsIs: false
+});
+var StyledContentWrapper = /*#__PURE__*/styled('div')({
+  name: "StyledContentWrapper",
+  "class": "s158pfyo",
+  propsAsIs: false
+});
+var _exp4 = function _exp4() {
+  return function (_ref) {
+    var isFilled = _ref.isFilled;
+    return isFilled ? "var(".concat(tokens.arrowOuterPadding, ")") : '';
+  };
+};
+var _exp5 = function _exp5() {
+  return function (_ref2) {
+    var isLeftArrow = _ref2.isLeftArrow;
+    return isLeftArrow ? "var(".concat(tokens.arrowInnerPadding, ")") : 'var(--plasma_private-outer-padding)';
+  };
+};
+var _exp6 = function _exp6() {
+  return function (_ref3) {
+    var isLeftArrow = _ref3.isLeftArrow;
+    return isLeftArrow ? 'var(--plasma_private-outer-padding)' : "var(".concat(tokens.arrowInnerPadding, ")");
+  };
+};
+var StyledArrow = /*#__PURE__*/styled('button')({
+  name: "StyledArrow",
+  "class": "s1in38wj",
+  propsAsIs: false,
+  vars: {
+    "s1in38wj-0": [/*#__PURE__*/_exp4()],
+    "s1in38wj-1": [/*#__PURE__*/_exp5()],
+    "s1in38wj-2": [/*#__PURE__*/_exp6()]
+  }
+});
+
+export { StyledArrow, StyledContent, StyledContentWrapper, base };
+//# sourceMappingURL=HorizontalTabs.styles.js.map

package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalTabs.styles.js","sources":["../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { addFocus } from '../../../../../mixins';\nimport { classes, tokens } from '../../../tokens';\n\nexport const base = css`\n    display: flex;\n    gap: 0.125rem;\n    align-items: center;\n    position: relative;\n`;\n\nexport const StyledContent = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n`;\n\nexport const StyledContentWrapper = styled.div`\n    /* allows correctly display outline focus on tabs item */\n    margin: -0.125rem;\n    padding: 0.25rem;\n\n    box-sizing: content-box;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    align-items: center;\n\n    &.${classes.tabsClipScroll} {\n        overflow: scroll;\n        scroll-padding: 0.25rem;\n        overscroll-behavior: contain;\n\n        scrollbar-width: none;\n        ::-webkit-scrollbar {\n            display: none;\n        }\n    }\n\n    &.${classes.tabsClipShowAll} {\n        overflow: visible;\n    }\n`;\n\nexport const StyledArrow = styled.button<{ isLeftArrow?: boolean; isFilled?: boolean }>`\n    display: flex;\n    cursor: pointer;\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    outline: none;\n\n    ${addFocus({\n        outlineSize: '0.063rem',\n        outlineOffset: '-0.125rem',\n        outlineColor: `var(${tokens.outlineFocusColor})`,\n        outlineRadius: 'calc(var(--plasma_private-outline-radius) - 0.063rem)',\n    })};\n\n    &[disabled] {\n        cursor: not-allowed;\n    }\n\n    --plasma_private-outer-padding: ${({ isFilled }) => (isFilled ? `var(${tokens.arrowOuterPadding})` : '')};\n\n    padding-right: ${({ isLeftArrow }) =>\n        isLeftArrow ? `var(${tokens.arrowInnerPadding})` : 'var(--plasma_private-outer-padding)'};\n    padding-left: ${({ isLeftArrow }) =>\n        isLeftArrow ? 'var(--plasma_private-outer-padding)' : `var(${tokens.arrowInnerPadding})`};\n`;\n"],"names":["base","StyledContent","styled","name","class","propsAsIs","StyledContentWrapper","_exp4","_ref","isFilled","concat","tokens","arrowOuterPadding","_exp5","_ref2","isLeftArrow","arrowInnerPadding","_exp6","_ref3","StyledArrow","vars"],"mappings":";;;AAMO,IAAMA,IAAI,GAKhB,UAAA;AAEM,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;AAEM,IAAMC,oBAAoB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA0BzC,EAAA;AAAC,IAAAE,KAAA,GA5CgBA,SA4ChBA,KAAAA,GAAA;AAAA,EAAA,OAqBoC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;IAAAA,OAAgBA,QAAQ,UAAAC,MAAA,CAAUC,MAAM,CAACC,iBAAkB,SAAK,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjE1FA,SAiE0FA,KAAAA,GAAA;AAAA,EAAA,OAEvF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAChBA,WAAW,UAAAL,MAAA,CAAUC,MAAM,CAACK,iBAAkB,SAAK,qCAAqC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GApE9EA,SAoE8EA,KAAAA,GAAA;AAAA,EAAA,OAC5E,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGH,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OACfA,WAAW,GAAG,qCAAqC,GAAA,MAAA,CAAAL,MAAA,CAAUC,MAAM,CAACK,iBAAkB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAxBzF,IAAMG,WAAW,gBAAGjB,MAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAmBKb,KAAsE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEvFM,KAC2E,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC5EI,KAC4E,EAAA,CAAA;AAAA,GAAA;AAAA,CAC/F;;;;"}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.styles_m8d2xg.css

@@ -0,0 +1,4 @@
+.b7gl603{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
+.s191iwmt{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.s158pfyo{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;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;}.s158pfyo.tabs-clip-scroll{overflow:scroll;-webkit-scroll-padding:0.25rem;-moz-scroll-padding:0.25rem;-ms-scroll-padding:0.25rem;scroll-padding:0.25rem;overscroll-behavior:contain;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.s158pfyo.tabs-clip-scroll::-webkit-scrollbar{display:none;}.s158pfyo.tabs-clip-show-all{overflow:visible;}
+.s1in38wj{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1in38wj-0);padding-right:var(--s1in38wj-1);padding-left:var(--s1in38wj-2);}.s1in38wj::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1in38wj.focus-visible:focus::before,.s1in38wj[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.s1in38wj[disabled]{cursor:not-allowed;}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js

@@ -0,0 +1,5 @@
+import './base_j9bg3m.css';
+var base = "bbh58a1";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n    opacity: var(${tokens.disabledOpacity});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAEhB;;;;"}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_disabled/base_j9bg3m.css

@@ -0,0 +1 @@
+.bbh58a1{opacity:var(--plasma-tabs-disabled-opacity);}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js

@@ -0,0 +1,5 @@
+import './base_r0ggur.css';
+var base = "bc7z19b";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n    &.${String(classes.tabsPilled)} {\n        --plasma_private-outline-radius: var(${tokens.tabsPilledBorderRadius});\n        border-radius: var(${tokens.tabsPilledBorderRadius});\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAKhB;;;;"}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_pilled/base_r0ggur.css

@@ -0,0 +1 @@
+.bc7z19b.tabs-pilled{--plasma_private-outline-radius:var(--plasma-tabs-pilled-border-radius);border-radius:var(--plasma-tabs-pilled-border-radius);}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js

@@ -0,0 +1,5 @@
+import './base_1sq08yf.css';
+var base = "bxoicu2";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../../../../tokens';\n\nexport const base = css`\n    width: var(${tokens.tabsWidth});\n    height: var(${tokens.tabsHeight});\n\n    --plasma_private-outline-radius: var(${tokens.tabsBorderRadius});\n    border-radius: var(${tokens.tabsBorderRadius});\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAMhB;;;;"}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_size/base_1sq08yf.css

@@ -0,0 +1 @@
+.bxoicu2{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js

@@ -0,0 +1,5 @@
+import './base_1j9ii1x.css';
+var base = "b1eicxhd";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes } from '../../../../../tokens';\nimport { StyledContent, StyledContentWrapper } from '../../HorizontalTabs.styles';\n\nexport const base = css`\n    &.${classes.tabsStretch} {\n        width: 100%;\n\n        ${StyledContentWrapper}, ${StyledContent}, ${StyledContent} > button {\n            width: 100%;\n            margin-left: 0;\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAShB;;;;"}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_stretch/base_1j9ii1x.css

@@ -0,0 +1 @@
+.b1eicxhd.tabs-stretched{width:100%;}.b1eicxhd.tabs-stretched .s158pfyo,.b1eicxhd.tabs-stretched .s191iwmt,.b1eicxhd.tabs-stretched .s191iwmt > button{width:100%;margin-left:0;}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js

@@ -0,0 +1,5 @@
+import './base_9miwn.css';
+var base = "bupjtit";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../../src/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../../../../tokens';\n\nexport const base = css`\n    background-color: var(${tokens.tabsBackgroundColor});\n\n    &::after {\n        content: '';\n        position: absolute;\n        bottom: 0.125rem;\n        left: 0.125rem;\n        right: 0.125rem;\n        background: var(${tokens.tabsDividerColor});\n        height: var(${tokens.tabsDividerHeight});\n        border-radius: var(${tokens.tabsDividerBorderRadius});\n    }\n\n    &.${classes.tabsHasLeftArrow} {\n        &::after {\n            left: 1.5rem;\n        }\n    }\n\n    &.${classes.tabsHasRightArrow} {\n        &::after {\n            right: 1.5rem;\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAyBhB;;;;"}

package/es/components/Tabs/ui/horizontal/HorizontalTabs/variations/_view/base_9miwn.css

@@ -0,0 +1 @@
+.bupjtit{background-color:var(--plasma-tabs-background-color);}.bupjtit::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.bupjtit.tabs-has-left-arrow::after{left:1.5rem;}.bupjtit.tabs-has-right-arrow::after{right:1.5rem;}

package/es/components/TextField/TextField.js

@@ -95,8 +95,7 @@ var textFieldRoot = function textFieldRoot(Root) {
         enumerationType: enumerationType,
         updateChips: updateChips,
         onSearch: onSearch,
-        onChange: onChange,
-        onEnterDisabled: rest.onEnterDisabled
+        onChange: onChange
       }),
       handleInputKeydown = _useKeyNavigation.handleInputKeydown,
       handleChipKeyDown = _useKeyNavigation.handleChipKeyDown,
@@ -149,10 +148,7 @@ var textFieldRoot = function textFieldRoot(Root) {
     }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       htmlFor: id
-    }, innerLabelValue), /*#__PURE__*/React.createElement(InputWrapper
-    // Рефка для внутреннего использования. Не отдается наружу.
-    , {
-      ref: rest.inputWrapperRef,
+    }, innerLabelValue), /*#__PURE__*/React.createElement(InputWrapper, {
       className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
     }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
       tabIndex: -1,

package/es/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n    Input,\n    LeftHelper,\n    Label,\n    InputWrapper,\n    InputLabelWrapper,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledChips,\n    StyledTextBefore,\n    StyledTextAfter,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n    /* NOTE: Webkit не применяет opacity к inline тегам */\n    display: block;\n    overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n    forwardRef<HTMLInputElement, TextFieldProps>(\n        (\n            {\n                id,\n                className,\n                style,\n\n                // layout\n                contentLeft,\n                contentRight,\n                label,\n                labelPlacement,\n                textBefore,\n                textAfter,\n                placeholder,\n                leftHelper,\n                enumerationType = 'plain',\n                // variations\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                // controlled\n                chips: values,\n\n                // events\n                onChange,\n                onChangeChips,\n                onSearch,\n                onKeyDown,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const contentRef = useRef<HTMLDivElement>(null);\n            const inputRef = useRef<HTMLInputElement>(null);\n            const inputForkRef = useForkRef(inputRef, ref);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n            const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n            const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const labelId = safeUseId();\n            const helperTextId = safeUseId();\n\n            const isChipEnumeration = enumerationType === 'chip';\n            const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n            const labelInside = size !== 'xs' && labelPlacement === 'inner';\n            const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n            const innerPlaceholderValue = hideLabel ? label : placeholder;\n            const innerLabelValue = hideLabel ? undefined : label;\n            const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;\n            const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes];\n\n            const isChipsVisible = isChipEnumeration && chips?.length;\n            const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n            const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n            const wrapperWithoutRightContent =\n                !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n            const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                const { maxLength, value } = event.target;\n\n                if (maxLength !== -1 && value.length > maxLength) {\n                    return;\n                }\n\n                onChange?.(event);\n            };\n\n            const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n                setChips(newChips);\n                onChangeChips?.(newValues);\n            };\n\n            const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n                controlledRefs,\n                disabled,\n                readOnly,\n                chips,\n                enumerationType,\n                updateChips,\n                onSearch,\n                onChange,\n                onEnterDisabled: (rest as any).onEnterDisabled,\n            });\n\n            const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n            const handleInputFocus = () => {\n                if (readOnly || disabled || !inputRef?.current) {\n                    return;\n                }\n\n                inputRef.current.scrollTo({\n                    top: 0,\n                    left: inputRef.current.offsetLeft,\n                    behavior: 'smooth',\n                });\n\n                inputRef.current.focus();\n            };\n\n            const getRef = (element: HTMLButtonElement | null, index: number) => {\n                if (element && chipsRefs?.current) {\n                    chipsRefs.current[index] = element;\n                }\n            };\n\n            const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n                handleInputKeydown(event);\n                onKeyDown && onKeyDown(event);\n            };\n\n            useEffect(() => {\n                if (!isChipEnumeration && !values?.length) {\n                    return;\n                }\n\n                const newChips =\n                    values?.map((value, index) => ({\n                        id: `${index}_${value}`,\n                        text: value,\n                    })) || [];\n\n                setChips(newChips);\n            }, [isChipEnumeration, values]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    labelPlacement={innerLabelPlacementValue}\n                    onClick={handleInputFocus}\n                    className={cx(labelPlacementClass, hideLabelClass, className)}\n                    style={style}\n                >\n                    {labelInside ||\n                        (innerLabelValue && (\n                            <Label id={labelId} htmlFor={id}>\n                                {innerLabelValue}\n                            </Label>\n                        ))}\n                    <InputWrapper\n                        // Рефка для внутреннего использования. Не отдается наружу.\n                        ref={(rest as any).inputWrapperRef}\n                        className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}\n                    >\n                        {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                        <InputLabelWrapper\n                            tabIndex={-1}\n                            ref={contentRef}\n                            onKeyDown={handleContentKeyDown}\n                            className={withHasChips}\n                        >\n                            {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n                            {isChipEnumeration && Boolean(chips?.length) && (\n                                <StyledChips>\n                                    {chips?.map(({ id: chipId, text }, index) => {\n                                        return (\n                                            <TextFieldChip\n                                                id={chipId}\n                                                ref={(element) => getRef(element, index)}\n                                                key={`${chipId}_${index}`}\n                                                disabled={disabled}\n                                                readOnly={readOnly}\n                                                value={text}\n                                                text={text}\n                                                onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n                                                onClear={() => onChipClear(chipId, index)}\n                                                onClick={onChipClick}\n                                            />\n                                        );\n                                    })}\n                                </StyledChips>\n                            )}\n                            <Input\n                                ref={inputForkRef}\n                                id={innerId}\n                                aria-labelledby={labelId}\n                                aria-describedby={helperTextId}\n                                placeholder={innerPlaceholderValue}\n                                disabled={disabled}\n                                readOnly={!disabled && readOnly}\n                                onChange={handleChange}\n                                onKeyDown={handleOnKeyDown}\n                                {...rest}\n                            />\n                            {labelInside && (\n                                <Label id={labelId} htmlFor={innerId}>\n                                    {innerLabelValue}\n                                </Label>\n                            )}\n                            {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n                        </InputLabelWrapper>\n                        {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                    </InputWrapper>\n                    {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const textFieldConfig = {\n    name: 'TextField',\n    tag: 'div',\n    layout: textFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n        labelPlacement: {\n            css: labelPlacementCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","hideLabelClass","classes","labelPlacementClass","concat","isChipsVisible","length","withHasChips","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","onEnterDisabled","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","React","createElement","onClick","cx","Label","htmlFor","InputWrapper","inputWrapperRef","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","Boolean","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { ChangeEventHandler, KeyboardEvent, ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { ChipValues, TextFieldPrimitiveValue, TextFieldProps } from './TextField.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_read-only/base';\nimport { base as labelPlacementCSS } from './variations/_label-placement/base';\nimport {\n    Input,\n    LeftHelper,\n    Label,\n    InputWrapper,\n    InputLabelWrapper,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledChips,\n    StyledTextBefore,\n    StyledTextAfter,\n} from './TextField.styles';\nimport { classes } from './TextField.tokens';\nimport { TextFieldChip } from './ui';\nimport { useKeyNavigation } from './hooks';\n\nexport const base = css`\n    /* NOTE: Webkit не применяет opacity к inline тегам */\n    display: block;\n    overflow: hidden;\n`;\n\nexport const textFieldRoot = (Root: RootProps<HTMLDivElement, TextFieldProps>) =>\n    forwardRef<HTMLInputElement, TextFieldProps>(\n        (\n            {\n                id,\n                className,\n                style,\n\n                // layout\n                contentLeft,\n                contentRight,\n                label,\n                labelPlacement,\n                textBefore,\n                textAfter,\n                placeholder,\n                leftHelper,\n                enumerationType = 'plain',\n\n                // variations\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                // controlled\n                chips: values,\n\n                // events\n                onChange,\n                onChangeChips,\n                onSearch,\n                onKeyDown,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const contentRef = useRef<HTMLDivElement>(null);\n            const inputRef = useRef<HTMLInputElement>(null);\n            const inputForkRef = useForkRef(inputRef, ref);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n\n            const controlledRefs = { contentRef, inputRef, chipsRefs };\n\n            const [chips, setChips] = useState<Array<ChipValues>>([]);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const labelId = safeUseId();\n            const helperTextId = safeUseId();\n\n            const isChipEnumeration = enumerationType === 'chip';\n            const hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';\n            const labelInside = size !== 'xs' && labelPlacement === 'inner';\n            const innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;\n            const innerPlaceholderValue = hideLabel ? label : placeholder;\n            const innerLabelValue = hideLabel ? undefined : label;\n            const hideLabelClass = hideLabel && label ? classes.hideLabel : undefined;\n            const labelPlacementClass = classes[`${labelPlacement}LabelPlacement` as keyof typeof classes];\n\n            const isChipsVisible = isChipEnumeration && chips?.length;\n            const withHasChips = isChipsVisible ? classes.hasChips : undefined;\n            const wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;\n            const wrapperWithoutRightContent =\n                !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;\n\n            const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                const { maxLength, value } = event.target;\n\n                if (maxLength !== -1 && value.length > maxLength) {\n                    return;\n                }\n\n                onChange?.(event);\n            };\n\n            const updateChips = (newChips: Array<ChipValues>, newValues: Array<TextFieldPrimitiveValue>) => {\n                setChips(newChips);\n                onChangeChips?.(newValues);\n            };\n\n            const { handleInputKeydown, handleChipKeyDown, onChipClear, handleContentKeyDown } = useKeyNavigation({\n                controlledRefs,\n                disabled,\n                readOnly,\n                chips,\n                enumerationType,\n                updateChips,\n                onSearch,\n                onChange,\n            });\n\n            const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n            const handleInputFocus = () => {\n                if (readOnly || disabled || !inputRef?.current) {\n                    return;\n                }\n\n                inputRef.current.scrollTo({\n                    top: 0,\n                    left: inputRef.current.offsetLeft,\n                    behavior: 'smooth',\n                });\n\n                inputRef.current.focus();\n            };\n\n            const getRef = (element: HTMLButtonElement | null, index: number) => {\n                if (element && chipsRefs?.current) {\n                    chipsRefs.current[index] = element;\n                }\n            };\n\n            const handleOnKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n                handleInputKeydown(event);\n                onKeyDown && onKeyDown(event);\n            };\n\n            useEffect(() => {\n                if (!isChipEnumeration && !values?.length) {\n                    return;\n                }\n\n                const newChips =\n                    values?.map((value, index) => ({\n                        id: `${index}_${value}`,\n                        text: value,\n                    })) || [];\n\n                setChips(newChips);\n            }, [isChipEnumeration, values]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    labelPlacement={innerLabelPlacementValue}\n                    onClick={handleInputFocus}\n                    className={cx(labelPlacementClass, hideLabelClass, className)}\n                    style={style}\n                >\n                    {labelInside ||\n                        (innerLabelValue && (\n                            <Label id={labelId} htmlFor={id}>\n                                {innerLabelValue}\n                            </Label>\n                        ))}\n                    <InputWrapper className={cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)}>\n                        {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                        <InputLabelWrapper\n                            tabIndex={-1}\n                            ref={contentRef}\n                            onKeyDown={handleContentKeyDown}\n                            className={withHasChips}\n                        >\n                            {textBefore && <StyledTextBefore>{textBefore}</StyledTextBefore>}\n                            {isChipEnumeration && Boolean(chips?.length) && (\n                                <StyledChips>\n                                    {chips?.map(({ id: chipId, text }, index) => {\n                                        return (\n                                            <TextFieldChip\n                                                id={chipId}\n                                                ref={(element) => getRef(element, index)}\n                                                key={`${chipId}_${index}`}\n                                                disabled={disabled}\n                                                readOnly={readOnly}\n                                                value={text}\n                                                text={text}\n                                                onKeyDown={(event) => handleChipKeyDown(event, chipId, index)}\n                                                onClear={() => onChipClear(chipId, index)}\n                                                onClick={onChipClick}\n                                            />\n                                        );\n                                    })}\n                                </StyledChips>\n                            )}\n                            <Input\n                                ref={inputForkRef}\n                                id={innerId}\n                                aria-labelledby={labelId}\n                                aria-describedby={helperTextId}\n                                placeholder={innerPlaceholderValue}\n                                disabled={disabled}\n                                readOnly={!disabled && readOnly}\n                                onChange={handleChange}\n                                onKeyDown={handleOnKeyDown}\n                                {...rest}\n                            />\n                            {labelInside && (\n                                <Label id={labelId} htmlFor={innerId}>\n                                    {innerLabelValue}\n                                </Label>\n                            )}\n                            {textAfter && <StyledTextAfter>{textAfter}</StyledTextAfter>}\n                        </InputLabelWrapper>\n                        {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                    </InputWrapper>\n                    {leftHelper && <LeftHelper id={helperTextId}>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const textFieldConfig = {\n    name: 'TextField',\n    tag: 'div',\n    layout: textFieldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n        labelPlacement: {\n            css: labelPlacementCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["base","textFieldRoot","Root","forwardRef","_ref","ref","id","className","style","contentLeft","contentRight","label","labelPlacement","textBefore","textAfter","placeholder","leftHelper","_ref$enumerationType","enumerationType","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","values","chips","onChange","onChangeChips","onSearch","onKeyDown","rest","contentRef","useRef","inputRef","inputForkRef","useForkRef","chipsRefs","controlledRefs","_useState","useState","_useState2","_slicedToArray","setChips","uniqId","safeUseId","innerId","labelId","helperTextId","isChipEnumeration","hideLabel","labelInside","innerLabelPlacementValue","innerPlaceholderValue","innerLabelValue","undefined","hideLabelClass","classes","labelPlacementClass","concat","isChipsVisible","length","withHasChips","hasChips","wrapperWithoutLeftContent","hasEmptyContentLeft","wrapperWithoutRightContent","hasEmptyContentRight","handleChange","event","_event$target","target","maxLength","value","updateChips","newChips","newValues","_useKeyNavigation","useKeyNavigation","handleInputKeydown","handleChipKeyDown","onChipClear","handleContentKeyDown","onChipClick","stopPropagation","handleInputFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","getRef","element","index","handleOnKeyDown","useEffect","map","text","React","createElement","onClick","cx","Label","htmlFor","InputWrapper","StyledContentLeft","InputLabelWrapper","tabIndex","StyledTextBefore","Boolean","StyledChips","_ref2","chipId","TextFieldChip","key","onClear","Input","_extends","StyledTextAfter","StyledContentRight","LeftHelper","textFieldConfig","name","tag","layout","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","labelPlacementCSS","defaults"],"mappings":"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"}

package/es/components/TextField/hooks/useKeyNavigation.js

@@ -20,9 +20,7 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
     enumerationType = _ref.enumerationType,
     updateChips = _ref.updateChips,
     onChange = _ref.onChange,
-    onSearch = _ref.onSearch,
-    _ref$onEnterDisabled = _ref.onEnterDisabled,
-    onEnterDisabled = _ref$onEnterDisabled === void 0 ? false : _ref$onEnterDisabled;
+    onSearch = _ref.onSearch;
   var _useState = useState(-1),
     _useState2 = _slicedToArray(_useState, 2),
     activeChipIndex = _useState2[0],
@@ -34,24 +32,22 @@ var useKeyNavigation = function useKeyNavigation(_ref) {
     if (disabled || readOnly) {
       return;
     }
-    if (event.key === Keys.Enter && !onEnterDisabled) {
-      if (enumerationType === 'chip' && value) {
-        var nextIndex = (chips === null || chips === void 0 ? void 0 : chips.length) || 0;
-        var newChips = [].concat(_toConsumableArray(chips), [{
-          id: "".concat(nextIndex, "_").concat(value),
-          text: value
-        }]);
-        var newValues = newChips.map(function (_ref3) {
-          var text = _ref3.text;
-          return text;
-        });
-        updateChips(newChips, newValues);
-        event.target.value = '';
-        onChange === null || onChange === void 0 || onChange(event);
-      }
-      if (onSearch) {
-        onSearch(value, event);
-      }
+    if (event.key === Keys.Enter && enumerationType === 'chip' && value) {
+      var nextIndex = (chips === null || chips === void 0 ? void 0 : chips.length) || 0;
+      var newChips = [].concat(_toConsumableArray(chips), [{
+        id: "".concat(nextIndex, "_").concat(value),
+        text: value
+      }]);
+      var newValues = newChips.map(function (_ref3) {
+        var text = _ref3.text;
+        return text;
+      });
+      updateChips(newChips, newValues);
+      event.target.value = '';
+      onChange === null || onChange === void 0 || onChange(event);
+    }
+    if (event.key === Keys.Enter && onSearch) {
+      onSearch(value, event);
     }
     if (event.key === Keys.Backspace && chips.length && (inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.selectionStart) === 0) {
       var _newChips = _toConsumableArray(chips);