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

package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItemOld.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../engines';\nimport { classes } from '../../Dropdown.tokens';\nimport { cx } from '../../../../utils';\nimport { getValidComponent } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledContentLeft, StyledContentRight, StyledText, base } from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\n/**\n * Элемент выпадающего списка\n */\nexport const dropdownItemOldRoot = (Root: RootProps<HTMLDivElement, DropdownItemProps>) =>\n    forwardRef<HTMLDivElement, DropdownItemProps>(\n        (\n            {\n                id,\n                className,\n                children,\n                text,\n                isSelected,\n                name,\n                checked,\n                value,\n                role,\n                view,\n                size,\n                disabled,\n                contentLeft: ContentLeftComponent,\n                contentRight: ContentRightComponent,\n                onSelect,\n                onClick,\n                onChange,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n\n            const withDropdownItemIsSelected = checked || isSelected ? classes.dropdownItemIsSelected : undefined;\n            const withDropdownItemIsDisabled = disabled ? classes.dropdownItemIsDisabled : undefined;\n\n            const handleOnClick = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (disabled) {\n                        return;\n                    }\n\n                    onClick?.(event);\n\n                    if (onSelect && !ContentLeftComponent) {\n                        onSelect(value, text);\n                    }\n                },\n                [onSelect, disabled],\n            );\n\n            const handleOnChange = useCallback(\n                (event: React.MouseEvent<HTMLInputElement>) => {\n                    if (disabled) {\n                        return;\n                    }\n\n                    onChange?.(event);\n\n                    if (onSelect && ContentLeftComponent) {\n                        onSelect(value, text);\n                    }\n                },\n                [onSelect, disabled],\n            );\n\n            const contentProps = {\n                name,\n                value,\n                checked: checked || isSelected,\n                disabled,\n                tabIndex: 0,\n                ...(!disabled && { onChange: handleOnChange }),\n            };\n\n            const ContentLeft = useMemo(() => getValidComponent(ContentLeftComponent, contentProps), [\n                ContentRightComponent,\n                contentProps,\n            ]);\n\n            const ContentRight = useMemo(() => getValidComponent(ContentRightComponent, contentProps), [\n                ContentRightComponent,\n                contentProps,\n            ]);\n\n            return (\n                <Root\n                    className={cx(withDropdownItemIsSelected, withDropdownItemIsDisabled, className)}\n                    view={view}\n                    size={size}\n                    id={innerId}\n                    isSelected={isSelected}\n                    role={role}\n                    ref={outerRootRef}\n                    tabIndex={0}\n                    aria-disabled={disabled}\n                    onClick={handleOnClick}\n                    data-value={value}\n                    {...rest}\n                >\n                    {text ? (\n                        <>\n                            <StyledContentLeft>{ContentLeftComponent && ContentLeft}</StyledContentLeft>\n                            <StyledText>{text}</StyledText>\n                            <StyledContentRight>{ContentRightComponent && ContentRight}</StyledContentRight>\n                        </>\n                    ) : (\n                        children\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const dropdownItemOldConfig = {\n    name: 'DropdownItem',\n    tag: 'div',\n    layout: dropdownItemOldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["dropdownItemOldRoot","Root","forwardRef","id","className","children","text","isSelected","name","checked","value","role","view","size","disabled","contentLeft","ContentLeftComponent","contentRight","ContentRightComponent","onSelect","onClick","onChange","rest","outerRootRef","uniqId","safeUseId","innerId","withDropdownItemIsSelected","classes","dropdownItemIsSelected","undefined","withDropdownItemIsDisabled","dropdownItemIsDisabled","handleOnClick","useCallback","event","handleOnChange","contentProps","tabIndex","ContentLeft","useMemo","getValidComponent","ContentRight","React","createElement","_extends","cx","ref","Fragment","StyledContentLeft","StyledText","StyledContentRight","dropdownItemOldConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"DropdownItemOld.js","sources":["../../../../../src/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { safeUseId, cx } from 'src/utils';\nimport type { RootProps } from 'src/engines';\n\nimport { classes } from '../../Dropdown.tokens';\nimport { getValidComponent } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledContentLeft, StyledContentRight, StyledText, base } from './DropdownItem.styles';\nimport type { DropdownItemProps } from './DropdownItem.type';\n\n/**\n * Элемент выпадающего списка\n */\nexport const dropdownItemOldRoot = (Root: RootProps<HTMLDivElement, DropdownItemProps>) =>\n    forwardRef<HTMLDivElement, DropdownItemProps>(\n        (\n            {\n                id,\n                className,\n                children,\n                text,\n                isSelected,\n                name,\n                checked,\n                value,\n                role,\n                view,\n                size,\n                disabled,\n                contentLeft: ContentLeftComponent,\n                contentRight: ContentRightComponent,\n                onSelect,\n                onClick,\n                onChange,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n\n            const withDropdownItemIsSelected = checked || isSelected ? classes.dropdownItemIsSelected : undefined;\n            const withDropdownItemIsDisabled = disabled ? classes.dropdownItemIsDisabled : undefined;\n\n            const handleOnClick = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (disabled) {\n                        return;\n                    }\n\n                    onClick?.(event);\n\n                    if (onSelect && !ContentLeftComponent) {\n                        onSelect(value, text);\n                    }\n                },\n                [onSelect, disabled],\n            );\n\n            const handleOnChange = useCallback(\n                (event: React.MouseEvent<HTMLInputElement>) => {\n                    if (disabled) {\n                        return;\n                    }\n\n                    onChange?.(event);\n\n                    if (onSelect && ContentLeftComponent) {\n                        onSelect(value, text);\n                    }\n                },\n                [onSelect, disabled],\n            );\n\n            const contentProps = {\n                name,\n                value,\n                checked: checked || isSelected,\n                disabled,\n                tabIndex: 0,\n                ...(!disabled && { onChange: handleOnChange }),\n            };\n\n            const ContentLeft = useMemo(() => getValidComponent(ContentLeftComponent, contentProps), [\n                ContentRightComponent,\n                contentProps,\n            ]);\n\n            const ContentRight = useMemo(() => getValidComponent(ContentRightComponent, contentProps), [\n                ContentRightComponent,\n                contentProps,\n            ]);\n\n            return (\n                <Root\n                    className={cx(withDropdownItemIsSelected, withDropdownItemIsDisabled, className)}\n                    view={view}\n                    size={size}\n                    id={innerId}\n                    isSelected={isSelected}\n                    role={role}\n                    ref={outerRootRef}\n                    tabIndex={0}\n                    aria-disabled={disabled}\n                    onClick={handleOnClick}\n                    data-value={value}\n                    {...rest}\n                >\n                    {text ? (\n                        <>\n                            <StyledContentLeft>{ContentLeftComponent && ContentLeft}</StyledContentLeft>\n                            <StyledText>{text}</StyledText>\n                            <StyledContentRight>{ContentRightComponent && ContentRight}</StyledContentRight>\n                        </>\n                    ) : (\n                        children\n                    )}\n                </Root>\n            );\n        },\n    );\n\nexport const dropdownItemOldConfig = {\n    name: 'DropdownItem',\n    tag: 'div',\n    layout: dropdownItemOldRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["dropdownItemOldRoot","Root","forwardRef","id","className","children","text","isSelected","name","checked","value","role","view","size","disabled","contentLeft","ContentLeftComponent","contentRight","ContentRightComponent","onSelect","onClick","onChange","rest","outerRootRef","uniqId","safeUseId","innerId","withDropdownItemIsSelected","classes","dropdownItemIsSelected","undefined","withDropdownItemIsDisabled","dropdownItemIsDisabled","handleOnClick","useCallback","event","handleOnChange","contentProps","tabIndex","ContentLeft","useMemo","getValidComponent","ContentRight","React","createElement","_extends","cx","ref","Fragment","StyledContentLeft","StyledText","StyledContentRight","dropdownItemOldConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;AAYA;AACA;AACA;MACaA,mBAAmB,GAAIC,IAAkD,iBAClFC,gBAAU,CACN,CACI;EACIC,EAAE;EACFC,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJC,UAAU;EACVC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,QAAQ;AACRC,EAAAA,WAAW,EAAEC,oBAAoB;AACjCC,EAAAA,YAAY,EAAEC,qBAAqB;EACnCC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACR,GAAGC,IAAAA;AACP,CAAC,EACDC,YAAY,KACX;AACD,EAAA,MAAMC,MAAM,GAAGC,eAAS,EAAE,CAAA;AAC1B,EAAA,MAAMC,OAAO,GAAGvB,EAAE,IAAIqB,MAAM,CAAA;EAE5B,MAAMG,0BAA0B,GAAGlB,OAAO,IAAIF,UAAU,GAAGqB,uBAAO,CAACC,sBAAsB,GAAGC,SAAS,CAAA;EACrG,MAAMC,0BAA0B,GAAGjB,QAAQ,GAAGc,uBAAO,CAACI,sBAAsB,GAAGF,SAAS,CAAA;AAExF,EAAA,MAAMG,aAAa,GAAGC,iBAAW,CAC5BC,KAAuC,IAAK;AACzC,IAAA,IAAIrB,QAAQ,EAAE;AACV,MAAA,OAAA;AACJ,KAAA;IAEAM,OAAO,GAAGe,KAAK,CAAC,CAAA;AAEhB,IAAA,IAAIhB,QAAQ,IAAI,CAACH,oBAAoB,EAAE;AACnCG,MAAAA,QAAQ,CAACT,KAAK,EAAEJ,IAAI,CAAC,CAAA;AACzB,KAAA;AACJ,GAAC,EACD,CAACa,QAAQ,EAAEL,QAAQ,CACvB,CAAC,CAAA;AAED,EAAA,MAAMsB,cAAc,GAAGF,iBAAW,CAC7BC,KAAyC,IAAK;AAC3C,IAAA,IAAIrB,QAAQ,EAAE;AACV,MAAA,OAAA;AACJ,KAAA;IAEAO,QAAQ,GAAGc,KAAK,CAAC,CAAA;IAEjB,IAAIhB,QAAQ,IAAIH,oBAAoB,EAAE;AAClCG,MAAAA,QAAQ,CAACT,KAAK,EAAEJ,IAAI,CAAC,CAAA;AACzB,KAAA;AACJ,GAAC,EACD,CAACa,QAAQ,EAAEL,QAAQ,CACvB,CAAC,CAAA;AAED,EAAA,MAAMuB,YAAY,GAAG;IACjB7B,IAAI;IACJE,KAAK;IACLD,OAAO,EAAEA,OAAO,IAAIF,UAAU;IAC9BO,QAAQ;AACRwB,IAAAA,QAAQ,EAAE,CAAC;IACX,IAAI,CAACxB,QAAQ,IAAI;AAAEO,MAAAA,QAAQ,EAAEe,cAAAA;KAAgB,CAAA;GAChD,CAAA;AAED,EAAA,MAAMG,WAAW,GAAGC,aAAO,CAAC,MAAMC,uBAAiB,CAACzB,oBAAoB,EAAEqB,YAAY,CAAC,EAAE,CACrFnB,qBAAqB,EACrBmB,YAAY,CACf,CAAC,CAAA;AAEF,EAAA,MAAMK,YAAY,GAAGF,aAAO,CAAC,MAAMC,uBAAiB,CAACvB,qBAAqB,EAAEmB,YAAY,CAAC,EAAE,CACvFnB,qBAAqB,EACrBmB,YAAY,CACf,CAAC,CAAA;AAEF,EAAA,oBACIM,sBAAA,CAAAC,aAAA,CAAC3C,IAAI,EAAA4C,iCAAA,CAAA;IACDzC,SAAS,EAAE0C,UAAE,CAACnB,0BAA0B,EAAEI,0BAA0B,EAAE3B,SAAS,CAAE;AACjFQ,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,IAAI,EAAEA,IAAK;AACXV,IAAAA,EAAE,EAAEuB,OAAQ;AACZnB,IAAAA,UAAU,EAAEA,UAAW;AACvBI,IAAAA,IAAI,EAAEA,IAAK;AACXoC,IAAAA,GAAG,EAAExB,YAAa;AAClBe,IAAAA,QAAQ,EAAE,CAAE;AACZ,IAAA,eAAA,EAAexB,QAAS;AACxBM,IAAAA,OAAO,EAAEa,aAAc;IACvB,YAAYvB,EAAAA,KAAAA;GACRY,EAAAA,IAAI,GAEPhB,IAAI,gBACDqC,sBAAA,CAAAC,aAAA,CAAAD,sBAAA,CAAAK,QAAA,EACIL,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACK,qCAAiB,EAAEjC,IAAAA,EAAAA,oBAAoB,IAAIuB,WAA+B,CAAC,eAC5EI,sBAAA,CAAAC,aAAA,CAACM,8BAAU,QAAE5C,IAAiB,CAAC,eAC/BqC,sBAAA,CAAAC,aAAA,CAACO,sCAAkB,QAAEjC,qBAAqB,IAAIwB,YAAiC,CACjF,CAAC,GAEHrC,QAEF,CAAC,CAAA;AAEf,CACJ,EAAC;AAEE,MAAM+C,qBAAqB,GAAG;AACjC5C,EAAAA,IAAI,EAAE,cAAc;AACpB6C,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEtD,mBAAmB;QAC3BuD,wBAAI;AACJC,EAAAA,UAAU,EAAE;AACR5C,IAAAA,IAAI,EAAE;AACF6C,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD7C,IAAAA,IAAI,EAAE;AACF4C,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNhD,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownOld.js","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/DropdownOld.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../../engines';\nimport { useFocusTrap } from '../../../../hooks';\nimport { safeUseId } from '../../../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownOldRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                id,\n                target,\n                children,\n                hasArrow,\n                role,\n                view,\n                size,\n                frame,\n                onToggle,\n                isFocusTrapped = true,\n                isOpen = false,\n                opened = false,\n                placement = 'auto',\n                trigger = 'click',\n                offset = [0, 6],\n                preventOverflow = false,\n                closeOnOverlayClick = false,\n                closeOnEsc = false,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const dropdownRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n            const trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);\n\n            const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n            return (\n                <StyledPopover\n                    role={role}\n                    opened={innerIsOpen}\n                    usePortal={false}\n                    onToggle={(is, event) => onToggle?.(is, event)}\n                    id={innerId}\n                    ref={dropdownForkRef}\n                    target={target}\n                    offset={offset}\n                    preventOverflow={preventOverflow}\n                    hasArrow={hasArrow}\n                    placement={getPlacements(placement)}\n                    trigger={trigger}\n                    closeOnOverlayClick={closeOnOverlayClick}\n                    closeOnEsc={closeOnEsc}\n                    isFocusTrapped={isFocusTrapped}\n                    frame={frame}\n                >\n                    <Root ref={handleRef} view={view} size={size} {...rest}>\n                        <StyledDropdown>{children}</StyledDropdown>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const dropdownOldConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownOldRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["dropdownOldRoot","Root","forwardRef","id","target","children","hasArrow","role","view","size","frame","onToggle","isFocusTrapped","isOpen","opened","placement","trigger","offset","preventOverflow","closeOnOverlayClick","closeOnEsc","rest","outerRootRef","innerIsOpen","Boolean","uniqId","safeUseId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","_extends","StyledDropdown","dropdownOldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"DropdownOld.js","sources":["../../../../../src/components/Dropdown/ui/DropdownOld/DropdownOld.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport type { RootProps } from 'src/engines';\nimport { safeUseId } from 'src/utils';\nimport { useFocusTrap } from 'src/hooks';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownOldRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                id,\n                target,\n                children,\n                hasArrow,\n                role,\n                view,\n                size,\n                frame,\n                onToggle,\n                isFocusTrapped = true,\n                isOpen = false,\n                opened = false,\n                placement = 'auto',\n                trigger = 'click',\n                offset = [0, 6],\n                preventOverflow = false,\n                closeOnOverlayClick = false,\n                closeOnEsc = false,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const dropdownRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n            const trapRef = useFocusTrap(innerIsOpen && isFocusTrapped);\n\n            const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n            return (\n                <StyledPopover\n                    role={role}\n                    opened={innerIsOpen}\n                    usePortal={false}\n                    onToggle={(is, event) => onToggle?.(is, event)}\n                    id={innerId}\n                    ref={dropdownForkRef}\n                    target={target}\n                    offset={offset}\n                    preventOverflow={preventOverflow}\n                    hasArrow={hasArrow}\n                    placement={getPlacements(placement)}\n                    trigger={trigger}\n                    closeOnOverlayClick={closeOnOverlayClick}\n                    closeOnEsc={closeOnEsc}\n                    isFocusTrapped={isFocusTrapped}\n                    frame={frame}\n                >\n                    <Root ref={handleRef} view={view} size={size} {...rest}>\n                        <StyledDropdown>{children}</StyledDropdown>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const dropdownOldConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownOldRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["dropdownOldRoot","Root","forwardRef","id","target","children","hasArrow","role","view","size","frame","onToggle","isFocusTrapped","isOpen","opened","placement","trigger","offset","preventOverflow","closeOnOverlayClick","closeOnEsc","rest","outerRootRef","innerIsOpen","Boolean","uniqId","safeUseId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","_extends","StyledDropdown","dropdownOldConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Radiobox/Radiobox.js

@@ -5,14 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
-var Checkbox_styles = require('../Checkbox/Checkbox.styles.js');
 var index = require('../../utils/index.js');
+var Checkbox_styles = require('../Checkbox/Checkbox.styles.js');
 var base$1 = require('./variations/_view/base.js');
 var base = require('./variations/_size/base.js');
 var base$2 = require('./variations/_disabled/base.js');
 var base$3 = require('./variations/_focused/base.js');
 var Radiobox_styles = require('./Radiobox.styles.js');
 var Radiobox_tokens = require('./Radiobox.tokens.js');
+var react = require('../../utils/react.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -33,7 +34,7 @@ const radioboxRoot = Root => /*#__PURE__*/React.forwardRef((props, ref) => {
     'aria-label': ariaLabelExternal,
     ...rest
   } = props;
-  const uniqId = plasmaCore.safeUseId();
+  const uniqId = react.safeUseId();
   const uniqLabelId = `label-${uniqId}`;
   const uniqDescriptionId = `description-${uniqId}`;
   const radioboxId = id || `input-${uniqId}`;

package/cjs/components/Radiobox/Radiobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { safeUseId, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { InputHTMLAttributes } from '../../types';\nimport type { Filter, RootProps } from '../../engines/types';\nimport {\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledContent,\n    StyledTrigger,\n    StyledTriggerWrapper,\n} from '../Checkbox/Checkbox.styles';\nimport { BaseboxProps } from '../Checkbox/Checkbox.types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { StyledEllipse, base } from './Radiobox.styles';\nimport { classes } from './Radiobox.tokens';\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> &\n    Omit<BaseboxProps, 'indeterminate' | 'appearance'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n    forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const radioboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={radioboxId}\n                    ref={ref}\n                    type=\"radio\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={radioboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.radioboxTrigger}>\n                            <StyledEllipse />\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const radioboxConfig = {\n    name: 'Radiobox',\n    tag: 'div',\n    layout: radioboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","singleLine","ariaLabelExternal","rest","uniqId","safeUseId","uniqLabelId","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","radioboxTrigger","StyledEllipse","StyledContent","StyledLabel","cx","StyledDescription","radioboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BO,MAAMA,YAAY,GAAIC,IAAgD,iBACzEC,gBAAU,CAAkC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACxD,MAAM;IACFC,IAAI;IACJC,IAAI;IACJC,OAAO;IACPC,QAAQ;IACRC,EAAE;IACFC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,SAAS;AACTC,IAAAA,UAAU,GAAG,KAAK;AAClB,IAAA,YAAY,EAAEC,iBAAiB;IAC/B,GAAGC,IAAAA;AACP,GAAC,GAAGb,KAAK,CAAA;AAET,EAAA,MAAMc,MAAM,GAAGC,oBAAS,EAAE,CAAA;AAC1B,EAAA,MAAMC,WAAW,GAAG,CAASF,MAAAA,EAAAA,MAAM,CAAE,CAAA,CAAA;AACrC,EAAA,MAAMG,iBAAiB,GAAG,CAAeH,YAAAA,EAAAA,MAAM,CAAE,CAAA,CAAA;AACjD,EAAA,MAAMI,UAAU,GAAGZ,EAAE,IAAI,CAAA,MAAA,EAASQ,MAAM,CAAE,CAAA,CAAA;AAE1C,EAAA,MAAMK,SAAS,GAAGC,aAAO,CAAC,MAAMR,iBAAiB,IAAIS,0BAAe,CAACd,KAAK,CAAC,EAAE,CAACK,iBAAiB,EAAEL,KAAK,CAAC,CAAC,CAAA;AACxG,EAAA,MAAMe,iBAAiB,GAAG,OAAOf,KAAK,KAAK,QAAQ,CAAA;AACnD,EAAA,MAAMgB,UAAU,GAAGnB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACnC,EAAA,MAAMoB,UAAU,GAAGjB,KAAK,IAAIC,WAAW,CAAA;EACvC,MAAMiB,eAAe,GAAGd,UAAU,GAAGe,uBAAO,CAACf,UAAU,GAAGgB,SAAS,CAAA;EACnE,MAAMC,oBAAoB,GAAG,CAACrB,KAAK,IAAIC,WAAW,GAAGkB,uBAAO,CAACG,eAAe,GAAGF,SAAS,CAAA;AAExF,EAAA,oBACIG,sBAAA,CAAAC,aAAA,CAACjC,IAAI,EAAA;AACDK,IAAAA,IAAI,EAAEA,IAAK;AACXD,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AACjBK,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEA,SAAU;AACrBsB,IAAAA,QAAQ,EAAE,CAAC,CAAA;GAEXF,eAAAA,sBAAA,CAAAC,aAAA,CAACE,2BAAW,EAAAC,iCAAA,KACJrB,IAAI,EAAA;AACRP,IAAAA,EAAE,EAAEY,UAAW;AACfjB,IAAAA,GAAG,EAAEA,GAAI;AACTkC,IAAAA,IAAI,EAAC,OAAO;AACZ9B,IAAAA,QAAQ,EAAEA,QAAS;AACnB,IAAA,YAAA,EAAYc,SAAU;AACtB,IAAA,kBAAA,EAAkBF,iBAAkB;AACpCe,IAAAA,QAAQ,EAAET,UAAAA;AAAW,GAAA,CACxB,CAAC,eACFO,sBAAA,CAAAC,aAAA,CAACK,oCAAoB,EAAA;AAACC,IAAAA,OAAO,EAAEnB,UAAW;AAACR,IAAAA,SAAS,EAAEe,eAAAA;GAClDK,eAAAA,sBAAA,CAAAC,aAAA,CAACO,oCAAoB,qBACjBR,sBAAA,CAAAC,aAAA,CAACQ,6BAAa,EAAA;IAAC7B,SAAS,EAAEgB,uBAAO,CAACc,eAAAA;AAAgB,GAAA,eAC9CV,sBAAA,CAAAC,aAAA,CAACU,6BAAa,MAAE,CACL,CACG,CAAC,EACtBjB,UAAU,iBACPM,sBAAA,CAAAC,aAAA,CAACW,6BAAa,EAAA;AAAChC,IAAAA,SAAS,EAAEe,eAAAA;AAAgB,GAAA,EACrClB,KAAK,iBACFuB,sBAAA,CAAAC,aAAA,CAACY,2BAAW,EAAA;AACRjC,IAAAA,SAAS,EAAEkC,QAAE,CAACnB,eAAe,EAAEG,oBAAoB,CAAE;AACrDtB,IAAAA,EAAE,EAAEU,WAAY;IAChB,aAAaM,EAAAA,iBAAAA;GAEZf,EAAAA,KACQ,CAChB,EACAC,WAAW,iBACRsB,sBAAA,CAAAC,aAAA,CAACc,iCAAiB,EAAA;AAACnC,IAAAA,SAAS,EAAEe,eAAgB;AAACnB,IAAAA,EAAE,EAAEW,iBAAAA;AAAkB,GAAA,EAChET,WACc,CAEZ,CAED,CACpB,CAAC,CAAA;AAEf,CAAC,EAAC;AAEC,MAAMsC,cAAc,GAAG;AAC1BC,EAAAA,IAAI,EAAE,UAAU;AAChBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEpD,YAAY;QACpBqD,oBAAI;AACJC,EAAAA,UAAU,EAAE;AACRjD,IAAAA,IAAI,EAAE;AACFkD,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDlD,IAAAA,IAAI,EAAE;AACFiD,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDjD,IAAAA,QAAQ,EAAE;AACN+C,MAAAA,GAAG,EAAEG,WAAAA;KACR;AACDnD,IAAAA,OAAO,EAAE;AACLgD,MAAAA,GAAG,EAAEI,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNvD,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE,QAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"Radiobox.js","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { extractTextFrom } from '@salutejs/plasma-core';\nimport { safeUseId, cx } from 'src/utils';\nimport type { InputHTMLAttributes } from 'src/types';\nimport type { Filter, RootProps } from 'src/engines/types';\n\nimport {\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledContent,\n    StyledTrigger,\n    StyledTriggerWrapper,\n} from '../Checkbox/Checkbox.styles';\nimport { BaseboxProps } from '../Checkbox/Checkbox.types';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { StyledEllipse, base } from './Radiobox.styles';\nimport { classes } from './Radiobox.tokens';\n\ntype RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> &\n    Omit<BaseboxProps, 'indeterminate' | 'appearance'>;\n\nexport const radioboxRoot = (Root: RootProps<HTMLInputElement, RadioboxProps>) =>\n    forwardRef<HTMLInputElement, RadioboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const radioboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={radioboxId}\n                    ref={ref}\n                    type=\"radio\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={radioboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.radioboxTrigger}>\n                            <StyledEllipse />\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription className={singleLineClass} id={uniqDescriptionId}>\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const radioboxConfig = {\n    name: 'Radiobox',\n    tag: 'div',\n    layout: radioboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["radioboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","style","className","singleLine","ariaLabelExternal","rest","uniqId","safeUseId","uniqLabelId","uniqDescriptionId","radioboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","React","createElement","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","radioboxTrigger","StyledEllipse","StyledContent","StyledLabel","cx","StyledDescription","radioboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}

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

@@ -4,9 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
-var tokens = require('../../tokens.js');
 var index = require('../../../../utils/index.js');
+var tokens = require('../../tokens.js');
 var SegmentProvider = require('../../SegmentProvider/SegmentProvider.js');
 var base = require('./variations/_size/base.js');
 var base$1 = require('./variations/_view/base.js');
@@ -16,6 +15,7 @@ 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');
@@ -61,7 +61,7 @@ const segmentGroupRoot = Root => /*#__PURE__*/React.forwardRef((props, outerRef)
   } = SegmentProvider.useSegmentInner();
   const [firstItemVisible, setFirstItemVisible] = React.useState(true);
   const [lastItemVisible, setLastItemVisible] = React.useState(true);
-  const uniqId = plasmaCore.safeUseId();
+  const uniqId = react.safeUseId();
   const segmentGroupId = id || uniqId;
   const canClip = clip && !stretch;
   const isVertical = orientation === 'vertical';

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 } 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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"}
+{"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","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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"}

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
 var index = require('../../../../utils/index.js');
 var tokens = require('../../tokens.js');
 var SegmentProvider = require('../../SegmentProvider/SegmentProvider.js');
@@ -13,6 +12,7 @@ var base$1 = require('./variations/_view/base.js');
 var base$2 = require('./variations/_disabled/base.js');
 var base$3 = require('./variations/_pilled/base.js');
 var SegmentItem_styles = require('./SegmentItem.styles.js');
+var react = require('../../../../utils/react.js');
 var extractTextFrom = require('../../../../utils/extractTextFrom.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -39,7 +39,7 @@ const segmentItemRoot = Root => /*#__PURE__*/React.forwardRef((props, outerRef)
     handleSelect,
     selectedSegmentItems
   } = SegmentProvider.useSegmentInner();
-  const uniqId = plasmaCore.safeUseId();
+  const uniqId = react.safeUseId();
   const segmentId = id || `label-${uniqId}`;
   const ariaLabelDefault = React.useMemo(() => extractTextFrom.extractTextFrom(label), [label]);
   const pilledClass = pilled ? tokens.classes.segmentPilled : undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentItem.js","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport type { MouseEvent } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../../../engines/types';\nimport { cx, extractTextFrom } from '../../../../utils';\nimport { classes } 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 type { SegmentItemProps } from './SegmentItem.types';\nimport { StyledContent, base, LeftContent, RightContent } from './SegmentItem.styles';\n\nexport const segmentItemRoot = (Root: RootProps<HTMLLabelElement, SegmentItemProps>) =>\n    forwardRef<HTMLLabelElement, SegmentItemProps>((props, outerRef) => {\n        const {\n            size,\n            view = 'default',\n            className,\n            id,\n            label,\n            value,\n            pilled,\n            contentLeft,\n            contentRight,\n            customHandleSelect,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n        const { disabledGroup, handleSelect, selectedSegmentItems } = useSegmentInner();\n\n        const uniqId = safeUseId();\n        const segmentId = id || `label-${uniqId}`;\n\n        const ariaLabelDefault = useMemo(() => extractTextFrom(label), [label]);\n        const pilledClass = pilled ? classes.segmentPilled : undefined;\n        const xsSize = size === 'xs' ? classes.segmentXsSize : undefined;\n\n        const isSelected = selectedSegmentItems?.includes(value || ariaLabelDefault);\n        const selectedClass = isSelected ? classes.selectedSegmentItem : undefined;\n\n        const handleSelectSegment = (event: MouseEvent<HTMLButtonElement>) => {\n            if (disabledGroup) {\n                return;\n            }\n\n            customHandleSelect?.(event);\n            handleSelect?.(value || ariaLabelDefault);\n        };\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                id={segmentId}\n                ref={outerRef}\n                aria-label={ariaLabelExternal || ariaLabelDefault}\n                value={value}\n                pilled={pilled}\n                className={cx(selectedClass, pilledClass, xsSize, className)}\n                onClick={handleSelectSegment}\n                tabIndex={disabledGroup ? -1 : 0}\n                disabled={disabledGroup}\n                {...rest}\n            >\n                {contentLeft && <LeftContent>{contentLeft}</LeftContent>}\n                <StyledContent>{label || value}</StyledContent>\n                {contentRight && (\n                    <RightContent className={typeof contentRight === 'string' ? classes.segmentAdditionalText : ''}>\n                        {contentRight}\n                    </RightContent>\n                )}\n            </Root>\n        );\n    });\n\nexport const segmentItemConfig = {\n    name: 'SegmentItem',\n    tag: 'button',\n    layout: segmentItemRoot,\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    },\n    defaults: {\n        view: 'default',\n        size: 'xs',\n    },\n};\n"],"names":["segmentItemRoot","Root","forwardRef","props","outerRef","size","view","className","id","label","value","pilled","contentLeft","contentRight","customHandleSelect","ariaLabelExternal","rest","disabledGroup","handleSelect","selectedSegmentItems","useSegmentInner","uniqId","safeUseId","segmentId","ariaLabelDefault","useMemo","extractTextFrom","pilledClass","classes","segmentPilled","undefined","xsSize","segmentXsSize","isSelected","includes","selectedClass","selectedSegmentItem","handleSelectSegment","event","React","createElement","_extends","ref","cx","onClick","tabIndex","disabled","LeftContent","StyledContent","RightContent","segmentAdditionalText","segmentItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SegmentItem.js","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport type { MouseEvent } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport { cx, safeUseId, extractTextFrom } from 'src/utils';\n\nimport { classes } 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 type { SegmentItemProps } from './SegmentItem.types';\nimport { StyledContent, base, LeftContent, RightContent } from './SegmentItem.styles';\n\nexport const segmentItemRoot = (Root: RootProps<HTMLLabelElement, SegmentItemProps>) =>\n    forwardRef<HTMLLabelElement, SegmentItemProps>((props, outerRef) => {\n        const {\n            size,\n            view = 'default',\n            className,\n            id,\n            label,\n            value,\n            pilled,\n            contentLeft,\n            contentRight,\n            customHandleSelect,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n        const { disabledGroup, handleSelect, selectedSegmentItems } = useSegmentInner();\n\n        const uniqId = safeUseId();\n        const segmentId = id || `label-${uniqId}`;\n\n        const ariaLabelDefault = useMemo(() => extractTextFrom(label), [label]);\n        const pilledClass = pilled ? classes.segmentPilled : undefined;\n        const xsSize = size === 'xs' ? classes.segmentXsSize : undefined;\n\n        const isSelected = selectedSegmentItems?.includes(value || ariaLabelDefault);\n        const selectedClass = isSelected ? classes.selectedSegmentItem : undefined;\n\n        const handleSelectSegment = (event: MouseEvent<HTMLButtonElement>) => {\n            if (disabledGroup) {\n                return;\n            }\n\n            customHandleSelect?.(event);\n            handleSelect?.(value || ariaLabelDefault);\n        };\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                id={segmentId}\n                ref={outerRef}\n                aria-label={ariaLabelExternal || ariaLabelDefault}\n                value={value}\n                pilled={pilled}\n                className={cx(selectedClass, pilledClass, xsSize, className)}\n                onClick={handleSelectSegment}\n                tabIndex={disabledGroup ? -1 : 0}\n                disabled={disabledGroup}\n                {...rest}\n            >\n                {contentLeft && <LeftContent>{contentLeft}</LeftContent>}\n                <StyledContent>{label || value}</StyledContent>\n                {contentRight && (\n                    <RightContent className={typeof contentRight === 'string' ? classes.segmentAdditionalText : ''}>\n                        {contentRight}\n                    </RightContent>\n                )}\n            </Root>\n        );\n    });\n\nexport const segmentItemConfig = {\n    name: 'SegmentItem',\n    tag: 'button',\n    layout: segmentItemRoot,\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    },\n    defaults: {\n        view: 'default',\n        size: 'xs',\n    },\n};\n"],"names":["segmentItemRoot","Root","forwardRef","props","outerRef","size","view","className","id","label","value","pilled","contentLeft","contentRight","customHandleSelect","ariaLabelExternal","rest","disabledGroup","handleSelect","selectedSegmentItems","useSegmentInner","uniqId","safeUseId","segmentId","ariaLabelDefault","useMemo","extractTextFrom","pilledClass","classes","segmentPilled","undefined","xsSize","segmentXsSize","isSelected","includes","selectedClass","selectedSegmentItem","handleSelectSegment","event","React","createElement","_extends","ref","cx","onClick","tabIndex","disabled","LeftContent","StyledContent","RightContent","segmentAdditionalText","segmentItemConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","attrs","pilledCSS","defaults"],"mappings":"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"}

package/cjs/components/Select/FloatingPopover.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@floating-ui/react');
 var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
 var getPlacement = require('./utils/getPlacement.js');
 var getFallbackPlacements = require('./utils/getFallbackPlacements.js');
+var react$1 = require('../../utils/react.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -54,7 +54,7 @@ const FloatingPopover = /*#__PURE__*/React.forwardRef(({
       }
     })]
   });
-  const wrappedId = plasmaCore.safeUseId();
+  const wrappedId = react$1.safeUseId();
   const handleClick = () => {
     if (onToggle) {
       onToggle(!opened);

package/cjs/components/Select/FloatingPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import {\n    flip,\n    shift,\n    size,\n    useFloating,\n    FloatingPortal,\n    offset as offsetMiddleware,\n    autoUpdate,\n} from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\n// TODO: #2003\nconst LIST_PADDING = 2;\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, zIndex, isInner }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            whileElementsMounted(referenceEl, floatingEl, update) {\n                return autoUpdate(referenceEl, floatingEl, update, {\n                    ancestorScroll: false,\n                    ancestorResize: false,\n                    layoutShift: false,\n                });\n            },\n            placement: getPlacement(placement),\n            open: opened,\n            middleware: [\n                offsetMiddleware({\n                    mainAxis: isInner ? LIST_PADDING * 2 : 0,\n                    alignmentAxis: isInner ? -LIST_PADDING : 0,\n                }),\n                flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width:\n                                listWidth ||\n                                `${isInner ? rects.reference.width + LIST_PADDING * 2 : rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: zIndex || 1000 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["LIST_PADDING","FloatingPopover","forwardRef","target","children","opened","onToggle","placement","portal","listWidth","zIndex","isInner","ref","refs","floatingStyles","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","getPlacement","open","middleware","offsetMiddleware","mainAxis","alignmentAxis","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","rects","elements","Object","assign","floating","style","width","reference","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","root"],"mappings":"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"}
+{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Select/FloatingPopover.tsx"],"sourcesContent":["import {\n    flip,\n    shift,\n    size,\n    useFloating,\n    FloatingPortal,\n    offset as offsetMiddleware,\n    autoUpdate,\n} from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { getPlacement, getFallbackPlacements } from './utils';\nimport type { FloatingPopoverProps } from './Select.types';\n\n// TODO: #2003\nconst LIST_PADDING = 2;\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, zIndex, isInner }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            whileElementsMounted(referenceEl, floatingEl, update) {\n                return autoUpdate(referenceEl, floatingEl, update, {\n                    ancestorScroll: false,\n                    ancestorResize: false,\n                    layoutShift: false,\n                });\n            },\n            placement: getPlacement(placement),\n            open: opened,\n            middleware: [\n                offsetMiddleware({\n                    mainAxis: isInner ? LIST_PADDING * 2 : 0,\n                    alignmentAxis: isInner ? -LIST_PADDING : 0,\n                }),\n                flip({ fallbackPlacements: getFallbackPlacements(placement) }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width:\n                                listWidth ||\n                                `${isInner ? rects.reference.width + LIST_PADDING * 2 : rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: zIndex || 1000 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["LIST_PADDING","FloatingPopover","forwardRef","target","children","opened","onToggle","placement","portal","listWidth","zIndex","isInner","ref","refs","floatingStyles","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","getPlacement","open","middleware","offsetMiddleware","mainAxis","alignmentAxis","flip","fallbackPlacements","getFallbackPlacements","shift","size","apply","rects","elements","Object","assign","floating","style","width","reference","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","root"],"mappings":"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"}

package/cjs/components/Select/Select.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
 var useKeyboardNavigation = require('./hooks/useKeyboardNavigation.js');
 var usePathMaps = require('./hooks/usePathMaps.js');
 var Select_styles = require('./Select.styles.js');
@@ -14,6 +13,7 @@ var Select_context = require('./Select.context.js');
 var initialItemsTransform = require('./utils/initialItemsTransform.js');
 var pathReducer = require('./reducers/pathReducer.js');
 var focusedPathReducer = require('./reducers/focusedPathReducer.js');
+var react = require('../../utils/react.js');
 var useOutsideClick = require('../../hooks/useOutsideClick.js');
 var isEmpty = require('../../utils/isEmpty.js');
 var updateDescendants = require('./utils/updateDescendants.js');
@@ -119,7 +119,7 @@ const selectRoot = Root => /*#__PURE__*/React.forwardRef((props, ref) => {
   const isCurrentListOpen = Boolean(path[0]);
   const activeDescendantItemValue = useKeyboardNavigation.getItemByFocused(focusedPath, focusedToValueMap)?.value.toString() || '';
   const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;
-  const treeId = plasmaCore.safeUseId();
+  const treeId = react.safeUseId();
   const view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView.getView(status, outerView);
 
   // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.