@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../../../utils/index.js');
+var plasmaCore = require('@salutejs/plasma-core');
 var tokens = require('../../tokens.js');
+var index = require('../../../../utils/index.js');
 var SegmentProvider = require('../../SegmentProvider/SegmentProvider.js');
 var base = require('./variations/_size/base.js');
 var base$1 = require('./variations/_view/base.js');
@@ -15,7 +16,6 @@ var base$6 = require('./variations/_filledBackgound/base.js');
 var base$4 = require('./variations/_stretch/base.js');
 var base$5 = require('./variations/_orientation/base.js');
 var SegmentGroup_styles = require('./SegmentGroup.styles.js');
-var react = require('../../../../utils/react.js');
 var IconDisclosureUpWithOffset = require('../../../_Icon/Icons/IconDisclosureUpWithOffset.js');
 var IconDisclosureLeftWithOffset = require('../../../_Icon/Icons/IconDisclosureLeftWithOffset.js');
 var IconDisclosureDownWithOffset = require('../../../_Icon/Icons/IconDisclosureDownWithOffset.js');
@@ -25,7 +25,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var _excluded = ["id", "selectionMode", "pilled", "stretch", "clip", "orientation", "filledBackground", "hasBackground", "disabled", "size", "view", "children"];
 var Keys = /*#__PURE__*/function (Keys) {
   Keys[Keys["end"] = 35] = "end";
   Keys[Keys["home"] = 36] = "home";
@@ -33,230 +32,215 @@ var Keys = /*#__PURE__*/function (Keys) {
   Keys[Keys["right"] = 39] = "right";
   return Keys;
 }(Keys || {});
-var getChildNodes = function getChildNodes(wrapper) {
-  var container = wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstChild;
-  return container ? Array.from(container === null || container === void 0 ? void 0 : container.childNodes) : [];
+const getChildNodes = wrapper => {
+  const container = wrapper?.firstChild;
+  return container ? Array.from(container?.childNodes) : [];
 };
-var segmentGroupRoot = function segmentGroupRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (props, outerRef) {
-    var id = props.id,
-      selectionMode = props.selectionMode,
-      pilled = props.pilled,
-      stretch = props.stretch,
-      _props$clip = props.clip,
-      clip = _props$clip === void 0 ? true : _props$clip,
-      _props$orientation = props.orientation,
-      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
-      _props$filledBackgrou = props.filledBackground,
-      filledBackground = _props$filledBackgrou === void 0 ? false : _props$filledBackgrou,
-      _props$hasBackground = props.hasBackground,
-      hasBackground = _props$hasBackground === void 0 ? false : _props$hasBackground,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      size = props.size,
-      view = props.view,
-      children = props.children,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-    var scrollRef = React.useRef(null);
-    var trackRef = React.useRef(null);
-    var leftArrowRef = React.useRef(null);
-    var _useSegmentInner = SegmentProvider.useSegmentInner(),
-      setSelectionMode = _useSegmentInner.setSelectionMode,
-      setDisabledGroup = _useSegmentInner.setDisabledGroup;
-    var _useState = React.useState(true),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      firstItemVisible = _useState2[0],
-      setFirstItemVisible = _useState2[1];
-    var _useState3 = React.useState(true),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      lastItemVisible = _useState4[0],
-      setLastItemVisible = _useState4[1];
-    var uniqId = react.safeUseId();
-    var segmentGroupId = id || uniqId;
-    var canClip = clip && !stretch;
-    var isVertical = orientation === 'vertical';
-    var stretchClass = (clip ? firstItemVisible && lastItemVisible : true) && stretch ? tokens.classes.segmentStretch : undefined;
-    var orientationClass = isVertical ? tokens.classes.segmentVertical : undefined;
-    var clipScrollClass = canClip ? tokens.classes.segmentGroupClipScroll : undefined;
-    var pilledAttr = (view !== 'clear' || hasBackground) && pilled;
-    var filledBackgroundAttr = view !== 'clear' && filledBackground || hasBackground;
-    var pilledClass = pilledAttr ? tokens.classes.segmentPilled : undefined;
-    var filledClass = filledBackgroundAttr ? tokens.classes.segmentGroupFilledBackground : undefined;
-    var onPrev = React.useCallback(function () {
-      if (disabled || !scrollRef.current) {
-        return;
-      }
-      var childNodes = getChildNodes(scrollRef.current);
-      var scrollLeft = Math.round(scrollRef.current.scrollLeft);
-      var firstOverflowingTab = childNodes.slice().reverse().find(function (child) {
-        if (!child || child.offsetLeft === undefined) {
-          return;
-        }
-        var tabStartX = child.offsetLeft;
-        return tabStartX < scrollLeft;
-      });
-      firstOverflowingTab === null || firstOverflowingTab === void 0 || firstOverflowingTab.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }, [disabled, scrollRef]);
-    var onNext = React.useCallback(function () {
-      if (disabled || !scrollRef.current) {
+const segmentGroupRoot = Root => /*#__PURE__*/React.forwardRef((props, outerRef) => {
+  const {
+    id,
+    selectionMode,
+    pilled,
+    stretch,
+    clip = true,
+    orientation = 'horizontal',
+    filledBackground = false,
+    hasBackground = false,
+    disabled = false,
+    size,
+    view,
+    children,
+    ...rest
+  } = props;
+  const scrollRef = React.useRef(null);
+  const trackRef = React.useRef(null);
+  const leftArrowRef = React.useRef(null);
+  const {
+    setSelectionMode,
+    setDisabledGroup
+  } = SegmentProvider.useSegmentInner();
+  const [firstItemVisible, setFirstItemVisible] = React.useState(true);
+  const [lastItemVisible, setLastItemVisible] = React.useState(true);
+  const uniqId = plasmaCore.safeUseId();
+  const segmentGroupId = id || uniqId;
+  const canClip = clip && !stretch;
+  const isVertical = orientation === 'vertical';
+  const stretchClass = (clip ? firstItemVisible && lastItemVisible : true) && stretch ? tokens.classes.segmentStretch : undefined;
+  const orientationClass = isVertical ? tokens.classes.segmentVertical : undefined;
+  const clipScrollClass = canClip ? tokens.classes.segmentGroupClipScroll : undefined;
+  const pilledAttr = (view !== 'clear' || hasBackground) && pilled;
+  const filledBackgroundAttr = view !== 'clear' && filledBackground || hasBackground;
+  const pilledClass = pilledAttr ? tokens.classes.segmentPilled : undefined;
+  const filledClass = filledBackgroundAttr ? tokens.classes.segmentGroupFilledBackground : undefined;
+  const onPrev = React.useCallback(() => {
+    if (disabled || !scrollRef.current) {
+      return;
+    }
+    const childNodes = getChildNodes(scrollRef.current);
+    const scrollLeft = Math.round(scrollRef.current.scrollLeft);
+    const firstOverflowingTab = childNodes.slice().reverse().find(child => {
+      if (!child || child.offsetLeft === undefined) {
         return;
       }
-      var scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
-      var childNodes = getChildNodes(scrollRef.current);
-      var lastOverflowingChild = childNodes.find(function (child) {
-        if (!child || child.offsetLeft === undefined) {
-          return;
-        }
-        var tabEndX = child.offsetLeft + child.offsetWidth;
-        return tabEndX > scrollRight;
-      });
-      lastOverflowingChild === null || lastOverflowingChild === void 0 || lastOverflowingChild.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }, [disabled, scrollRef]);
-    var onKeyDown = React.useCallback(function (event) {
-      var childNodes = getChildNodes(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current);
-      var index = childNodes.findIndex(function (child) {
-        return document.activeElement === child;
-      });
-      var minIndex = 0;
-      var maxIndex = childNodes.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 _childNodes$nextIndex, _childNodes$nextIndex2;
-        event.preventDefault();
-        (_childNodes$nextIndex = childNodes[nextIndex]) === null || _childNodes$nextIndex === void 0 || _childNodes$nextIndex.focus();
-        (_childNodes$nextIndex2 = childNodes[nextIndex]) === null || _childNodes$nextIndex2 === void 0 || _childNodes$nextIndex2.scrollIntoView({
-          block: 'center',
-          inline: 'center',
-          behavior: 'smooth'
-        });
-      }
-    }, []);
-    var handleScroll = React.useCallback(function (event) {
-      var _event$stopPropagatio;
-      (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 || _event$stopPropagatio.call(event);
-      if (!canClip) {
-        setFirstItemVisible(true);
-        setLastItemVisible(true);
+      const tabStartX = child.offsetLeft;
+      return tabStartX < scrollLeft;
+    });
+    firstOverflowingTab?.scrollIntoView({
+      block: 'nearest',
+      inline: 'nearest'
+    });
+  }, [disabled, scrollRef]);
+  const onNext = React.useCallback(() => {
+    if (disabled || !scrollRef.current) {
+      return;
+    }
+    const scrollRight = Math.round(scrollRef.current.scrollLeft + scrollRef.current.clientWidth);
+    const childNodes = getChildNodes(scrollRef.current);
+    const lastOverflowingChild = childNodes.find(child => {
+      if (!child || child.offsetLeft === undefined) {
         return;
       }
-      if (isVertical) {
-        var maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;
-        var scrollTop = Math.round(event.currentTarget.scrollTop);
-        setFirstItemVisible(scrollTop <= 0);
-        setLastItemVisible(scrollTop >= maxScrollTop);
+      const tabEndX = child.offsetLeft + child.offsetWidth;
+      return tabEndX > scrollRight;
+    });
+    lastOverflowingChild?.scrollIntoView({
+      block: 'nearest',
+      inline: 'nearest'
+    });
+  }, [disabled, scrollRef]);
+  const onKeyDown = React.useCallback(event => {
+    const childNodes = getChildNodes(scrollRef?.current);
+    const index = childNodes.findIndex(child => document.activeElement === child);
+    const minIndex = 0;
+    const maxIndex = childNodes.length - 1;
+    let 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;
-      }
-      var maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;
-      var scrollLeft = Math.round(event.currentTarget.scrollLeft);
-      setFirstItemVisible(scrollLeft <= 0);
-      setLastItemVisible(scrollLeft >= maxScrollLeft);
-    }, [isVertical, canClip]);
-    React.useEffect(function () {
-      handleScroll({
-        currentTarget: scrollRef.current
+    }
+    if (nextIndex !== index) {
+      event.preventDefault();
+      childNodes[nextIndex]?.focus();
+      childNodes[nextIndex]?.scrollIntoView({
+        block: 'center',
+        inline: 'center',
+        behavior: 'smooth'
       });
-    }, [handleScroll]);
-    React.useEffect(function () {
-      var _scrollRef$current, _scrollRef$current2, _scrollRef$current3, _scrollRef$current4;
-      if (!canClip) {
-        setLastItemVisible(true);
-        return;
-      }
-      setLastItemVisible(isVertical ? ((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.scrollHeight) === ((_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 ? void 0 : _scrollRef$current2.clientHeight) : ((_scrollRef$current3 = scrollRef.current) === null || _scrollRef$current3 === void 0 ? void 0 : _scrollRef$current3.scrollWidth) === ((_scrollRef$current4 = scrollRef.current) === null || _scrollRef$current4 === void 0 ? void 0 : _scrollRef$current4.clientWidth));
-    }, [isVertical, canClip]);
+    }
+  }, []);
+  const handleScroll = React.useCallback(event => {
+    event.stopPropagation?.();
+    if (!canClip) {
+      setFirstItemVisible(true);
+      setLastItemVisible(true);
+      return;
+    }
+    if (isVertical) {
+      const maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;
+      const scrollTop = Math.round(event.currentTarget.scrollTop);
+      setFirstItemVisible(scrollTop <= 0);
+      setLastItemVisible(scrollTop >= maxScrollTop);
+      return;
+    }
+    const maxScrollLeft = event.currentTarget.scrollWidth - event.currentTarget.clientWidth;
+    const scrollLeft = Math.round(event.currentTarget.scrollLeft);
+    setFirstItemVisible(scrollLeft <= 0);
+    setLastItemVisible(scrollLeft >= maxScrollLeft);
+  }, [isVertical, canClip]);
+  React.useEffect(() => {
+    handleScroll({
+      currentTarget: scrollRef.current
+    });
+  }, [handleScroll]);
+  React.useEffect(() => {
+    if (!canClip) {
+      setLastItemVisible(true);
+      return;
+    }
+    setLastItemVisible(isVertical ? scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight : scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth);
+  }, [isVertical, canClip]);
 
-    // Этот хук компенсирует появление левой/верхней стрелки при прокрутке
-    React.useEffect(function () {
-      if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
-        return;
-      }
-      if (isVertical) {
-        scrollRef.current.scrollTo({
-          top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight)
-        });
-        return;
-      }
+  // Этот хук компенсирует появление левой/верхней стрелки при прокрутке
+  React.useEffect(() => {
+    if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {
+      return;
+    }
+    if (isVertical) {
       scrollRef.current.scrollTo({
-        left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
+        top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight)
       });
-    }, [firstItemVisible, isVertical]);
-    var PreviousButton = React.useMemo(function () {
-      var ArrowNode = isVertical ? SegmentGroup_styles.StyledTopArrow : SegmentGroup_styles.StyledLeftArrow;
-      return /*#__PURE__*/React__default.default.createElement(ArrowNode, {
-        type: "button",
-        "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
-        onClick: onPrev,
-        tabIndex: disabled ? -1 : 0,
-        disabled: disabled
-      }, isVertical ? /*#__PURE__*/React__default.default.createElement(IconDisclosureUpWithOffset.IconDisclosureUpWithOffset, {
-        color: "var(".concat(tokens.tokens.arrowColor, ")"),
-        size: "s"
-      }) : /*#__PURE__*/React__default.default.createElement(IconDisclosureLeftWithOffset.IconDisclosureLeftWithOffset, {
-        color: "var(".concat(tokens.tokens.arrowColor, ")")
-      }));
-    }, [onPrev, isVertical]);
-    var NextButton = React.useMemo(function () {
-      var ArrowNode = isVertical ? SegmentGroup_styles.StyledBottomArrow : SegmentGroup_styles.StyledRightArrow;
-      return /*#__PURE__*/React__default.default.createElement(ArrowNode, {
-        type: "button",
-        "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
-        onClick: onNext,
-        tabIndex: disabled ? -1 : 0,
-        disabled: disabled
-      }, isVertical ? /*#__PURE__*/React__default.default.createElement(IconDisclosureDownWithOffset.IconDisclosureDownWithOffset, {
-        color: "var(".concat(tokens.tokens.arrowColor, ")"),
-        size: "s"
-      }) : /*#__PURE__*/React__default.default.createElement(IconDisclosureRightWithOffset.IconDisclosureRightWithOffset, {
-        color: "var(".concat(tokens.tokens.arrowColor, ")")
-      }));
-    }, [onNext, isVertical]);
-    React.useEffect(function () {
-      selectionMode && setSelectionMode(selectionMode);
-      setDisabledGroup(disabled);
-    }, [selectionMode, disabled]);
-    return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
-      view: view,
-      size: size,
-      orientation: orientation,
-      id: segmentGroupId,
-      ref: outerRef,
-      filledBackground: filledBackgroundAttr,
-      disabled: disabled,
-      pilled: pilledAttr,
-      className: index.cx(pilledClass, filledClass, stretchClass, orientationClass),
-      onKeyDown: onKeyDown
-    }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React__default.default.createElement(SegmentGroup_styles.StyledContentWrapper, {
-      className: index.cx(clipScrollClass),
-      ref: scrollRef,
-      onScroll: handleScroll
-    }, /*#__PURE__*/React__default.default.createElement(SegmentGroup_styles.StyledContent, {
-      ref: trackRef
-    }, children)), !lastItemVisible && NextButton);
-  });
-};
-var segmentGroupConfig = {
+      return;
+    }
+    scrollRef.current.scrollTo({
+      left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth)
+    });
+  }, [firstItemVisible, isVertical]);
+  const PreviousButton = React.useMemo(() => {
+    const ArrowNode = isVertical ? SegmentGroup_styles.StyledTopArrow : SegmentGroup_styles.StyledLeftArrow;
+    return /*#__PURE__*/React__default.default.createElement(ArrowNode, {
+      type: "button",
+      "aria-label": "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
+      onClick: onPrev,
+      tabIndex: disabled ? -1 : 0,
+      disabled: disabled
+    }, isVertical ? /*#__PURE__*/React__default.default.createElement(IconDisclosureUpWithOffset.IconDisclosureUpWithOffset, {
+      color: `var(${tokens.tokens.arrowColor})`,
+      size: "s"
+    }) : /*#__PURE__*/React__default.default.createElement(IconDisclosureLeftWithOffset.IconDisclosureLeftWithOffset, {
+      color: `var(${tokens.tokens.arrowColor})`
+    }));
+  }, [onPrev, isVertical]);
+  const NextButton = React.useMemo(() => {
+    const ArrowNode = isVertical ? SegmentGroup_styles.StyledBottomArrow : SegmentGroup_styles.StyledRightArrow;
+    return /*#__PURE__*/React__default.default.createElement(ArrowNode, {
+      type: "button",
+      "aria-label": "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u0441\u0435\u0433\u043C\u0435\u043D\u0442",
+      onClick: onNext,
+      tabIndex: disabled ? -1 : 0,
+      disabled: disabled
+    }, isVertical ? /*#__PURE__*/React__default.default.createElement(IconDisclosureDownWithOffset.IconDisclosureDownWithOffset, {
+      color: `var(${tokens.tokens.arrowColor})`,
+      size: "s"
+    }) : /*#__PURE__*/React__default.default.createElement(IconDisclosureRightWithOffset.IconDisclosureRightWithOffset, {
+      color: `var(${tokens.tokens.arrowColor})`
+    }));
+  }, [onNext, isVertical]);
+  React.useEffect(() => {
+    selectionMode && setSelectionMode(selectionMode);
+    setDisabledGroup(disabled);
+  }, [selectionMode, disabled]);
+  return /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+    view: view,
+    size: size,
+    orientation: orientation,
+    id: segmentGroupId,
+    ref: outerRef,
+    filledBackground: filledBackgroundAttr,
+    disabled: disabled,
+    pilled: pilledAttr,
+    className: index.cx(pilledClass, filledClass, stretchClass, orientationClass),
+    onKeyDown: onKeyDown
+  }, rest), !firstItemVisible && PreviousButton, /*#__PURE__*/React__default.default.createElement(SegmentGroup_styles.StyledContentWrapper, {
+    className: index.cx(clipScrollClass),
+    ref: scrollRef,
+    onScroll: handleScroll
+  }, /*#__PURE__*/React__default.default.createElement(SegmentGroup_styles.StyledContent, {
+    ref: trackRef
+  }, children)), !lastItemVisible && NextButton);
+});
+const segmentGroupConfig = {
   name: 'SegmentGroup',
   tag: 'div',
   layout: segmentGroupRoot,

package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentGroup.js","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { RefObject, MutableRefObject } from 'react';\nimport { safeUseId, cx } from 'src/utils';\nimport type { RootProps } from 'src/engines/types';\n\nimport {\n    IconDisclosureLeftWithOffset,\n    IconDisclosureRightWithOffset,\n    IconDisclosureDownWithOffset,\n    IconDisclosureUpWithOffset,\n} from '../../../_Icon';\nimport { classes, tokens } from '../../tokens';\nimport { useSegmentInner } from '../../SegmentProvider/SegmentProvider';\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 filledBackgroundCSS } from './variations/_filledBackgound/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport type { SegmentGroupProps } from './SegmentGroup.types';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    base,\n    StyledLeftArrow,\n    StyledRightArrow,\n    StyledTopArrow,\n    StyledBottomArrow,\n} from './SegmentGroup.styles';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    left = 37,\n    right = 39,\n}\n\nexport const getChildNodes = (wrapper: HTMLElement | null) => {\n    const container = wrapper?.firstChild;\n    return container ? (Array.from(container?.childNodes) as HTMLElement[]) : [];\n};\n\nexport const segmentGroupRoot = (Root: RootProps<HTMLDivElement, SegmentGroupProps>) =>\n    forwardRef<HTMLDivElement, SegmentGroupProps>((props, outerRef) => {\n        const {\n            id,\n            selectionMode,\n            pilled,\n            stretch,\n            clip = true,\n            orientation = 'horizontal',\n            filledBackground = false,\n            hasBackground = false,\n            disabled = false,\n            size,\n            view,\n            children,\n            ...rest\n        } = props;\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 { setSelectionMode, setDisabledGroup } = useSegmentInner();\n\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(true);\n\n        const uniqId = safeUseId();\n        const segmentGroupId = id || uniqId;\n\n        const canClip = clip && !stretch;\n\n        const isVertical = orientation === 'vertical';\n        const stretchClass =\n            (clip ? firstItemVisible && lastItemVisible : true) && stretch ? classes.segmentStretch : undefined;\n\n        const orientationClass = isVertical ? classes.segmentVertical : undefined;\n        const clipScrollClass = canClip ? classes.segmentGroupClipScroll : undefined;\n\n        const pilledAttr = (view !== 'clear' || hasBackground) && pilled;\n        const filledBackgroundAttr = (view !== 'clear' && filledBackground) || hasBackground;\n\n        const pilledClass = pilledAttr ? classes.segmentPilled : undefined;\n        const filledClass = filledBackgroundAttr ? classes.segmentGroupFilledBackground : undefined;\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const scrollLeft = Math.round(scrollRef.current.scrollLeft);\n            const firstOverflowingTab = childNodes\n                .slice()\n                .reverse()\n                .find((child: HTMLElement | null) => {\n                    if (!child || child.offsetLeft === undefined) {\n                        return;\n                    }\n                    const tabStartX = child.offsetLeft;\n\n                    return tabStartX < scrollLeft;\n                });\n\n            firstOverflowingTab?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\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\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const lastOverflowingChild = childNodes.find((child) => {\n                if (!child || child.offsetLeft === undefined) {\n                    return;\n                }\n                const tabEndX = child.offsetLeft + child.offsetWidth;\n\n                return tabEndX > scrollRight;\n            });\n\n            lastOverflowingChild?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\n\n        const onKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n            const childNodes = getChildNodes(scrollRef?.current);\n\n            const index = childNodes.findIndex((child) => document.activeElement === child);\n\n            const minIndex = 0;\n            const maxIndex = childNodes.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                childNodes[nextIndex]?.focus();\n                childNodes[nextIndex]?.scrollIntoView({\n                    block: 'center',\n                    inline: 'center',\n                    behavior: 'smooth',\n                });\n            }\n        }, []);\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation?.();\n\n                if (!canClip) {\n                    setFirstItemVisible(true);\n                    setLastItemVisible(true);\n                    return;\n                }\n\n                if (isVertical) {\n                    const maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;\n                    const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n                    setFirstItemVisible(scrollTop <= 0);\n                    setLastItemVisible(scrollTop >= maxScrollTop);\n                    return;\n                }\n\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            [isVertical, canClip],\n        );\n\n        useEffect(() => {\n            handleScroll(({ currentTarget: scrollRef.current } as unknown) as React.UIEvent<HTMLElement>);\n        }, [handleScroll]);\n\n        useEffect(() => {\n            if (!canClip) {\n                setLastItemVisible(true);\n                return;\n            }\n\n            setLastItemVisible(\n                isVertical\n                    ? scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight\n                    : scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth,\n            );\n        }, [isVertical, canClip]);\n\n        // Этот хук компенсирует появление левой/верхней стрелки при прокрутке\n        useEffect(() => {\n            if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {\n                return;\n            }\n\n            if (isVertical) {\n                scrollRef.current.scrollTo({\n                    top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight),\n                });\n                return;\n            }\n\n            scrollRef.current.scrollTo({\n                left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth),\n            });\n        }, [firstItemVisible, isVertical]);\n\n        const PreviousButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledTopArrow : StyledLeftArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Предыдущий сегмент\"\n                    onClick={onPrev}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureUpWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureLeftWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onPrev, isVertical]);\n\n        const NextButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledBottomArrow : StyledRightArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Следующий сегмент\"\n                    onClick={onNext}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureDownWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureRightWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onNext, isVertical]);\n\n        useEffect(() => {\n            selectionMode && setSelectionMode(selectionMode);\n            setDisabledGroup(disabled);\n        }, [selectionMode, disabled]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                orientation={orientation}\n                id={segmentGroupId}\n                ref={outerRef}\n                filledBackground={filledBackgroundAttr}\n                disabled={disabled}\n                pilled={pilledAttr}\n                className={cx(pilledClass, filledClass, stretchClass, orientationClass)}\n                onKeyDown={onKeyDown}\n                {...rest}\n            >\n                {!firstItemVisible && PreviousButton}\n                <StyledContentWrapper\n                    className={cx(clipScrollClass)}\n                    ref={scrollRef as RefObject<HTMLDivElement>}\n                    onScroll={handleScroll}\n                >\n                    <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>{children}</StyledContent>\n                </StyledContentWrapper>\n                {!lastItemVisible && NextButton}\n            </Root>\n        );\n    });\n\nexport const segmentGroupConfig = {\n    name: 'SegmentGroup',\n    tag: 'div',\n    layout: segmentGroupRoot,\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        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        stretch: {\n            css: stretchCSS,\n            attrs: true,\n        },\n        orientation: {\n            css: orientationCSS,\n        },\n        filledBackground: {\n            css: filledBackgroundCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","getChildNodes","wrapper","container","firstChild","Array","from","childNodes","segmentGroupRoot","Root","forwardRef","props","outerRef","id","selectionMode","pilled","stretch","_props$clip","clip","_props$orientation","orientation","_props$filledBackgrou","filledBackground","_props$hasBackground","hasBackground","_props$disabled","disabled","size","view","children","rest","_objectWithoutProperties","_excluded","scrollRef","useRef","trackRef","leftArrowRef","_useSegmentInner","useSegmentInner","setSelectionMode","setDisabledGroup","_useState","useState","_useState2","_slicedToArray","firstItemVisible","setFirstItemVisible","_useState3","_useState4","lastItemVisible","setLastItemVisible","uniqId","safeUseId","segmentGroupId","canClip","isVertical","stretchClass","classes","segmentStretch","undefined","orientationClass","segmentVertical","clipScrollClass","segmentGroupClipScroll","pilledAttr","filledBackgroundAttr","pilledClass","segmentPilled","filledClass","segmentGroupFilledBackground","onPrev","useCallback","current","scrollLeft","Math","round","firstOverflowingTab","slice","reverse","find","child","offsetLeft","tabStartX","scrollIntoView","block","inline","onNext","scrollRight","clientWidth","lastOverflowingChild","tabEndX","offsetWidth","onKeyDown","event","index","findIndex","document","activeElement","minIndex","maxIndex","length","nextIndex","keyCode","end","left","right","home","_childNodes$nextIndex","_childNodes$nextIndex2","preventDefault","focus","behavior","handleScroll","_event$stopPropagatio","stopPropagation","call","maxScrollTop","currentTarget","scrollHeight","clientHeight","scrollTop","maxScrollLeft","scrollWidth","useEffect","_scrollRef$current","_scrollRef$current2","_scrollRef$current3","_scrollRef$current4","scrollTo","top","PreviousButton","useMemo","ArrowNode","StyledTopArrow","StyledLeftArrow","React","createElement","type","onClick","tabIndex","IconDisclosureUpWithOffset","color","concat","tokens","arrowColor","IconDisclosureLeftWithOffset","NextButton","StyledBottomArrow","StyledRightArrow","IconDisclosureDownWithOffset","IconDisclosureRightWithOffset","_extends","ref","className","cx","StyledContentWrapper","onScroll","StyledContent","segmentGroupConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","stretchCSS","orientationCSS","filledBackgroundCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SegmentGroup.js","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState, useEffect, useRef, KeyboardEvent } from 'react';\nimport type { RefObject, MutableRefObject } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport {\n    IconDisclosureLeftWithOffset,\n    IconDisclosureRightWithOffset,\n    IconDisclosureDownWithOffset,\n    IconDisclosureUpWithOffset,\n} from '../../../_Icon';\nimport { classes, tokens } from '../../tokens';\nimport { cx } from '../../../../utils';\nimport { useSegmentInner } from '../../SegmentProvider/SegmentProvider';\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 filledBackgroundCSS } from './variations/_filledBackgound/base';\nimport { base as stretchCSS } from './variations/_stretch/base';\nimport { base as orientationCSS } from './variations/_orientation/base';\nimport type { SegmentGroupProps } from './SegmentGroup.types';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    base,\n    StyledLeftArrow,\n    StyledRightArrow,\n    StyledTopArrow,\n    StyledBottomArrow,\n} from './SegmentGroup.styles';\n\nenum Keys {\n    end = 35,\n    home = 36,\n    left = 37,\n    right = 39,\n}\n\nexport const getChildNodes = (wrapper: HTMLElement | null) => {\n    const container = wrapper?.firstChild;\n    return container ? (Array.from(container?.childNodes) as HTMLElement[]) : [];\n};\n\nexport const segmentGroupRoot = (Root: RootProps<HTMLDivElement, SegmentGroupProps>) =>\n    forwardRef<HTMLDivElement, SegmentGroupProps>((props, outerRef) => {\n        const {\n            id,\n            selectionMode,\n            pilled,\n            stretch,\n            clip = true,\n            orientation = 'horizontal',\n            filledBackground = false,\n            hasBackground = false,\n            disabled = false,\n            size,\n            view,\n            children,\n            ...rest\n        } = props;\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 { setSelectionMode, setDisabledGroup } = useSegmentInner();\n\n        const [firstItemVisible, setFirstItemVisible] = useState(true);\n        const [lastItemVisible, setLastItemVisible] = useState(true);\n\n        const uniqId = safeUseId();\n        const segmentGroupId = id || uniqId;\n\n        const canClip = clip && !stretch;\n\n        const isVertical = orientation === 'vertical';\n        const stretchClass =\n            (clip ? firstItemVisible && lastItemVisible : true) && stretch ? classes.segmentStretch : undefined;\n\n        const orientationClass = isVertical ? classes.segmentVertical : undefined;\n        const clipScrollClass = canClip ? classes.segmentGroupClipScroll : undefined;\n\n        const pilledAttr = (view !== 'clear' || hasBackground) && pilled;\n        const filledBackgroundAttr = (view !== 'clear' && filledBackground) || hasBackground;\n\n        const pilledClass = pilledAttr ? classes.segmentPilled : undefined;\n        const filledClass = filledBackgroundAttr ? classes.segmentGroupFilledBackground : undefined;\n\n        const onPrev = useCallback(() => {\n            if (disabled || !scrollRef.current) {\n                return;\n            }\n\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const scrollLeft = Math.round(scrollRef.current.scrollLeft);\n            const firstOverflowingTab = childNodes\n                .slice()\n                .reverse()\n                .find((child: HTMLElement | null) => {\n                    if (!child || child.offsetLeft === undefined) {\n                        return;\n                    }\n                    const tabStartX = child.offsetLeft;\n\n                    return tabStartX < scrollLeft;\n                });\n\n            firstOverflowingTab?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\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\n            const childNodes = getChildNodes(scrollRef.current);\n\n            const lastOverflowingChild = childNodes.find((child) => {\n                if (!child || child.offsetLeft === undefined) {\n                    return;\n                }\n                const tabEndX = child.offsetLeft + child.offsetWidth;\n\n                return tabEndX > scrollRight;\n            });\n\n            lastOverflowingChild?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n        }, [disabled, scrollRef]);\n\n        const onKeyDown = useCallback((event: KeyboardEvent<HTMLDivElement>) => {\n            const childNodes = getChildNodes(scrollRef?.current);\n\n            const index = childNodes.findIndex((child) => document.activeElement === child);\n\n            const minIndex = 0;\n            const maxIndex = childNodes.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                childNodes[nextIndex]?.focus();\n                childNodes[nextIndex]?.scrollIntoView({\n                    block: 'center',\n                    inline: 'center',\n                    behavior: 'smooth',\n                });\n            }\n        }, []);\n\n        const handleScroll = useCallback(\n            (event: React.UIEvent<HTMLElement>): void => {\n                event.stopPropagation?.();\n\n                if (!canClip) {\n                    setFirstItemVisible(true);\n                    setLastItemVisible(true);\n                    return;\n                }\n\n                if (isVertical) {\n                    const maxScrollTop = event.currentTarget.scrollHeight - event.currentTarget.clientHeight;\n                    const scrollTop = Math.round(event.currentTarget.scrollTop);\n\n                    setFirstItemVisible(scrollTop <= 0);\n                    setLastItemVisible(scrollTop >= maxScrollTop);\n                    return;\n                }\n\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            [isVertical, canClip],\n        );\n\n        useEffect(() => {\n            handleScroll(({ currentTarget: scrollRef.current } as unknown) as React.UIEvent<HTMLElement>);\n        }, [handleScroll]);\n\n        useEffect(() => {\n            if (!canClip) {\n                setLastItemVisible(true);\n                return;\n            }\n\n            setLastItemVisible(\n                isVertical\n                    ? scrollRef.current?.scrollHeight === scrollRef.current?.clientHeight\n                    : scrollRef.current?.scrollWidth === scrollRef.current?.clientWidth,\n            );\n        }, [isVertical, canClip]);\n\n        // Этот хук компенсирует появление левой/верхней стрелки при прокрутке\n        useEffect(() => {\n            if (firstItemVisible || !scrollRef.current || !leftArrowRef.current) {\n                return;\n            }\n\n            if (isVertical) {\n                scrollRef.current.scrollTo({\n                    top: Math.round(scrollRef.current.scrollTop + leftArrowRef.current.clientHeight),\n                });\n                return;\n            }\n\n            scrollRef.current.scrollTo({\n                left: Math.round(scrollRef.current.scrollLeft + leftArrowRef.current.clientWidth),\n            });\n        }, [firstItemVisible, isVertical]);\n\n        const PreviousButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledTopArrow : StyledLeftArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Предыдущий сегмент\"\n                    onClick={onPrev}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureUpWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureLeftWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onPrev, isVertical]);\n\n        const NextButton = useMemo(() => {\n            const ArrowNode = isVertical ? StyledBottomArrow : StyledRightArrow;\n            return (\n                <ArrowNode\n                    type=\"button\"\n                    aria-label=\"Следующий сегмент\"\n                    onClick={onNext}\n                    tabIndex={disabled ? -1 : 0}\n                    disabled={disabled}\n                >\n                    {isVertical ? (\n                        <IconDisclosureDownWithOffset color={`var(${tokens.arrowColor})`} size=\"s\" />\n                    ) : (\n                        <IconDisclosureRightWithOffset color={`var(${tokens.arrowColor})`} />\n                    )}\n                </ArrowNode>\n            );\n        }, [onNext, isVertical]);\n\n        useEffect(() => {\n            selectionMode && setSelectionMode(selectionMode);\n            setDisabledGroup(disabled);\n        }, [selectionMode, disabled]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                orientation={orientation}\n                id={segmentGroupId}\n                ref={outerRef}\n                filledBackground={filledBackgroundAttr}\n                disabled={disabled}\n                pilled={pilledAttr}\n                className={cx(pilledClass, filledClass, stretchClass, orientationClass)}\n                onKeyDown={onKeyDown}\n                {...rest}\n            >\n                {!firstItemVisible && PreviousButton}\n                <StyledContentWrapper\n                    className={cx(clipScrollClass)}\n                    ref={scrollRef as RefObject<HTMLDivElement>}\n                    onScroll={handleScroll}\n                >\n                    <StyledContent ref={trackRef as MutableRefObject<HTMLDivElement | null>}>{children}</StyledContent>\n                </StyledContentWrapper>\n                {!lastItemVisible && NextButton}\n            </Root>\n        );\n    });\n\nexport const segmentGroupConfig = {\n    name: 'SegmentGroup',\n    tag: 'div',\n    layout: segmentGroupRoot,\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        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        stretch: {\n            css: stretchCSS,\n            attrs: true,\n        },\n        orientation: {\n            css: orientationCSS,\n        },\n        filledBackground: {\n            css: filledBackgroundCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'clear',\n        size: 'xs',\n    },\n};\n"],"names":["Keys","getChildNodes","wrapper","container","firstChild","Array","from","childNodes","segmentGroupRoot","Root","forwardRef","props","outerRef","id","selectionMode","pilled","stretch","clip","orientation","filledBackground","hasBackground","disabled","size","view","children","rest","scrollRef","useRef","trackRef","leftArrowRef","setSelectionMode","setDisabledGroup","useSegmentInner","firstItemVisible","setFirstItemVisible","useState","lastItemVisible","setLastItemVisible","uniqId","safeUseId","segmentGroupId","canClip","isVertical","stretchClass","classes","segmentStretch","undefined","orientationClass","segmentVertical","clipScrollClass","segmentGroupClipScroll","pilledAttr","filledBackgroundAttr","pilledClass","segmentPilled","filledClass","segmentGroupFilledBackground","onPrev","useCallback","current","scrollLeft","Math","round","firstOverflowingTab","slice","reverse","find","child","offsetLeft","tabStartX","scrollIntoView","block","inline","onNext","scrollRight","clientWidth","lastOverflowingChild","tabEndX","offsetWidth","onKeyDown","event","index","findIndex","document","activeElement","minIndex","maxIndex","length","nextIndex","keyCode","end","left","right","home","preventDefault","focus","behavior","handleScroll","stopPropagation","maxScrollTop","currentTarget","scrollHeight","clientHeight","scrollTop","maxScrollLeft","scrollWidth","useEffect","scrollTo","top","PreviousButton","useMemo","ArrowNode","StyledTopArrow","StyledLeftArrow","React","createElement","type","onClick","tabIndex","IconDisclosureUpWithOffset","color","tokens","arrowColor","IconDisclosureLeftWithOffset","NextButton","StyledBottomArrow","StyledRightArrow","IconDisclosureDownWithOffset","IconDisclosureRightWithOffset","_extends","ref","className","cx","StyledContentWrapper","onScroll","StyledContent","segmentGroupConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","stretchCSS","orientationCSS","filledBackgroundCSS","defaults"],"mappings":"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"}