@salutejs/plasma-new-hope 0.88.0-canary.1223.9448363766.0 → 0.88.0-canary.1223.9462887113.0

package/cjs/components/Accordion/Accordion.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index$1 = require('../../utils/index.js');
+var index = require('../../utils/index.js');
 var Accordion_styles = require('./Accordion.styles.js');
 var Accordion_tokens = require('./Accordion.tokens.js');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
-var index = require('./utils/index.js');
+var index$1 = require('./utils/index.js');
 
 var accordionRoot = function accordionRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
@@ -17,39 +17,44 @@ var accordionRoot = function accordionRoot(Root) {
       view = _ref.view,
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      _ref$defaultActiveInd = _ref.defaultActiveIndex,
-      defaultActiveIndex = _ref$defaultActiveInd === void 0 ? [] : _ref$defaultActiveInd,
+      _ref$defaultActiveEve = _ref.defaultActiveEventKey,
+      defaultActiveEventKey = _ref$defaultActiveEve === void 0 ? [] : _ref$defaultActiveEve,
       children = _ref.children,
       disabled = _ref.disabled,
       className = _ref.className,
       singleActive = _ref.singleActive,
       onChange = _ref.onChange;
     var stretchingClass = Accordion_tokens.classes["".concat(stretching, "Stretching")];
-    var _useState = React.useState(defaultActiveIndex),
+    var _useState = React.useState(defaultActiveEventKey),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
       activeIndex = _useState2[0],
       setActiveIndex = _useState2[1];
     var updateValue = function updateValue(index, value) {
-      onChange && onChange(index, value);
+      if (onChange) {
+        onChange(index, value);
+      }
       if (singleActive) {
-        setActiveIndex([index]);
+        if (value) {
+          setActiveIndex([index]);
+        } else {
+          setActiveIndex([]);
+        }
       } else if (value) {
         setActiveIndex([index].concat(_rollupPluginBabelHelpers.toConsumableArray(activeIndex)));
       } else {
-        var indexItem = activeIndex.findIndex(function (i) {
-          return i === index;
+        var updatedActiveIndex = activeIndex.filter(function (i) {
+          return i !== index;
         });
-        setActiveIndex(activeIndex.splice(indexItem, 1));
+        setActiveIndex(updatedActiveIndex);
       }
     };
     var childrenArray = React.Children.toArray(children);
-    var childrenMemo = index.getChildren(childrenArray, activeIndex, disabled, updateValue);
     return /*#__PURE__*/React.createElement(Root, {
       ref: outerRootRef,
       size: size,
       view: view,
-      className: index$1.cx(stretchingClass, Accordion_tokens.classes.accordionRoot, className)
-    }, childrenMemo);
+      className: index.cx(stretchingClass, Accordion_tokens.classes.accordionRoot, className)
+    }, index$1.getChildren(childrenArray, activeIndex, disabled, updateValue));
   });
 };
 var accordionConfig = {

package/cjs/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { Children, forwardRef, useState } from 'react';\n\nimport { RootPropsOmitOnChange } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { AccordionProps } from './Accordion.types';\nimport { base } from './Accordion.styles';\nimport { classes } from './Accordion.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getChildren } from './utils';\n\nexport const accordionRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, AccordionProps>) =>\n    forwardRef<HTMLDivElement, AccordionProps>(\n        (\n            {\n                size,\n                view,\n                stretching = 'filled',\n                defaultActiveIndex = [],\n                children,\n                disabled,\n                className,\n                singleActive,\n                onChange,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            const [activeIndex, setActiveIndex] = useState<number[]>(defaultActiveIndex);\n\n            const updateValue = (index: number, value?: boolean) => {\n                onChange && onChange(index, value);\n                if (singleActive) {\n                    setActiveIndex([index]);\n                } else if (value) {\n                    setActiveIndex([index, ...activeIndex]);\n                } else {\n                    const indexItem = activeIndex.findIndex((i) => i === index);\n                    setActiveIndex(activeIndex.splice(indexItem, 1));\n                }\n            };\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n            const childrenMemo = getChildren(childrenArray, activeIndex, disabled, updateValue);\n\n            return (\n                <Root\n                    ref={outerRootRef}\n                    size={size}\n                    view={view}\n                    className={cx(stretchingClass, classes.accordionRoot, className)}\n                >\n                    {childrenMemo}\n                </Root>\n            );\n        },\n    );\n\nexport const accordionConfig = {\n    name: 'Accordion',\n    tag: 'div',\n    layout: accordionRoot,\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":["accordionRoot","Root","forwardRef","_ref","outerRootRef","size","view","_ref$stretching","stretching","_ref$defaultActiveInd","defaultActiveIndex","children","disabled","className","singleActive","onChange","stretchingClass","classes","concat","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","updateValue","index","value","_toConsumableArray","indexItem","findIndex","i","splice","childrenArray","Children","toArray","childrenMemo","getChildren","React","createElement","ref","cx","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { Children, forwardRef, useState } from 'react';\n\nimport { RootPropsOmitOnChange } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { AccordionProps } from './Accordion.types';\nimport { base } from './Accordion.styles';\nimport { classes } from './Accordion.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getChildren } from './utils';\n\nexport const accordionRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, AccordionProps>) =>\n    forwardRef<HTMLDivElement, AccordionProps>(\n        (\n            {\n                size,\n                view,\n                stretching = 'filled',\n                defaultActiveEventKey = [],\n                children,\n                disabled,\n                className,\n                singleActive,\n                onChange,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            const [activeIndex, setActiveIndex] = useState<number[]>(defaultActiveEventKey);\n\n            const updateValue = (index: number, value?: boolean) => {\n                if (onChange) {\n                    onChange(index, value);\n                }\n                if (singleActive) {\n                    if (value) {\n                        setActiveIndex([index]);\n                    } else {\n                        setActiveIndex([]);\n                    }\n                } else if (value) {\n                    setActiveIndex([index, ...activeIndex]);\n                } else {\n                    const updatedActiveIndex = activeIndex.filter((i) => i !== index);\n                    setActiveIndex(updatedActiveIndex);\n                }\n            };\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n            return (\n                <Root\n                    ref={outerRootRef}\n                    size={size}\n                    view={view}\n                    className={cx(stretchingClass, classes.accordionRoot, className)}\n                >\n                    {getChildren(childrenArray, activeIndex, disabled, updateValue)}\n                </Root>\n            );\n        },\n    );\n\nexport const accordionConfig = {\n    name: 'Accordion',\n    tag: 'div',\n    layout: accordionRoot,\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":["accordionRoot","Root","forwardRef","_ref","outerRootRef","size","view","_ref$stretching","stretching","_ref$defaultActiveEve","defaultActiveEventKey","children","disabled","className","singleActive","onChange","stretchingClass","classes","concat","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","updateValue","index","value","_toConsumableArray","updatedActiveIndex","filter","i","childrenArray","Children","toArray","React","createElement","ref","cx","getChildren","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -24,39 +24,35 @@ var AccordionItem = function AccordionItem(_ref) {
     disabled = _ref.disabled,
     onChange = _ref.onChange;
   var key = eventKey !== null && eventKey !== void 0 ? eventKey : index;
-  var _useState = React.useState(value),
+  var _useState = React.useState(),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setShow = _useState2[1];
-  var _useState3 = React.useState(),
-    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-    leftPadding = _useState4[0],
-    setLeftPadding = _useState4[1];
+    leftPadding = _useState2[0],
+    setLeftPadding = _useState2[1];
   var handleOpen = function handleOpen() {
     if (disabled) {
       return;
     }
-    setShow(!isOpen);
-    onChange && onChange(key, !isOpen);
+    if (onChange) {
+      onChange(key, !value);
+    }
   };
   var onKeyPress = function onKeyPress(event) {
     if (disabled) {
       return;
     }
     event.persist();
-    if (event.keyCode === 13) {
+    if (event.keyCode === 13 || event.keyCode === 32) {
       handleOpen();
     }
   };
   var leftContentRef = React.useRef(null);
   React.useEffect(function () {
     var _leftContentRef$curre, _leftContentRef$curre2;
-    setShow(value);
     var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
     var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(Accordion_tokens.tokens.accordionItemGap, "))") : 0;
     setLeftPadding(leftPaddingBody);
   }, [value, type, leftContentRef, setLeftPadding]);
-  var showedBody = isOpen ? Accordion_tokens.classes.accordionItemShowBody : undefined;
+  var openedBodyClass = value ? Accordion_tokens.classes.accordionItemShowBody : undefined;
   var StyledAnimationPLus = function StyledAnimationPLus() {
     return /*#__PURE__*/React.createElement(AccordionItem_styles.StyledPlus, null, _StyledMinus || (_StyledMinus = /*#__PURE__*/React.createElement(AccordionItem_styles.StyledMinus, {
       size: "xs",
@@ -64,7 +60,7 @@ var AccordionItem = function AccordionItem(_ref) {
     })), /*#__PURE__*/React.createElement(AccordionItem_styles.StyledMinus, {
       size: "xs",
       color: "inhert",
-      className: showedBody !== null && showedBody !== void 0 ? showedBody : Accordion_tokens.classes.accordionPlusAnimationElement
+      className: openedBodyClass !== null && openedBodyClass !== void 0 ? openedBodyClass : Accordion_tokens.classes.accordionPlusAnimationElement
     }));
   };
   var accordionBorderRadius = roundness.convertRoundnessMatrix(pin, "var(".concat(Accordion_tokens.tokens.accordionItemBorderRadius, ")"), '1.5rem');
@@ -73,9 +69,9 @@ var AccordionItem = function AccordionItem(_ref) {
     size: "xs",
     color: "inhert"
   })) : undefined;
-  var leftContentRotate = type === 'arrow' && isOpen ? Accordion_tokens.classes.accordionItemShowBody : undefined;
+  var leftContentRotate = type === 'arrow' && value ? Accordion_tokens.classes.accordionItemShowBody : undefined;
   var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPLus, null) : undefined;
-  var rightContentRotate = type === 'sign' && isOpen ? Accordion_tokens.classes.accordionItemShowBody : undefined;
+  var rightContentRotate = type === 'sign' && value ? Accordion_tokens.classes.accordionItemShowBody : undefined;
   return /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionItem, {
     role: "tab",
     className: Accordion_tokens.classes.accordionItem,
@@ -91,10 +87,10 @@ var AccordionItem = function AccordionItem(_ref) {
   }, /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionContentLeft, {
     ref: leftContentRef,
     className: leftContentRotate
-  }, leftContent), /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionTitle, null, "".concat(title, " ").concat(value, " ").concat(isOpen))), /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionContentRight, {
+  }, leftContent), /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionTitle, null, title)), /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionContentRight, {
     className: rightContentRotate
   }, rightContent && rightContent)), /*#__PURE__*/React.createElement(AccordionItem_styles.StyledAccordionBodyAnimate, {
-    className: showedBody,
+    className: openedBodyClass,
     style: {
       paddingLeft: "".concat(leftPadding)
     }

package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState, KeyboardEvent, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\n\nimport {\n    StyledAccordionItem,\n    StyledAccordionHeader,\n    StyledAccordionBody,\n    StyledAccordionTitle,\n    StyledAccordionContentLeft,\n    StyledAccordionHeaderLeft,\n    StyledAccordionContentRight,\n    StyledArrow,\n    StyledMinus,\n    StyledPlus,\n    StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributes<HTMLDivElement> & AccordionItemProps> = ({\n    value,\n    contentRight,\n    contentLeft,\n    title,\n    pin = 'square-square',\n    children,\n    type = 'sign',\n    index,\n    eventKey,\n    disabled,\n    onChange,\n}) => {\n    const key = eventKey ?? index;\n\n    const [isOpen, setShow] = useState(value);\n    const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n    const handleOpen = () => {\n        if (disabled) {\n            return;\n        }\n        setShow(!isOpen);\n        onChange && onChange(key, !isOpen);\n    };\n\n    const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n        if (disabled) {\n            return;\n        }\n        event.persist();\n        if (event.keyCode === 13) {\n            handleOpen();\n        }\n    };\n\n    const leftContentRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        setShow(value);\n        const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n        const leftPaddingBody = leftContentWidth ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;\n        setLeftPadding(leftPaddingBody);\n    }, [value, type, leftContentRef, setLeftPadding]);\n\n    const showedBody = isOpen ? classes.accordionItemShowBody : undefined;\n\n    const StyledAnimationPLus = () => (\n        <StyledPlus>\n            <StyledMinus size=\"xs\" color=\"inhert\" />\n            <StyledMinus size=\"xs\" color=\"inhert\" className={showedBody ?? classes.accordionPlusAnimationElement} />\n        </StyledPlus>\n    );\n\n    const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n    const disabledClass = disabled ? classes.accordionDisabled : '';\n\n    const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n    const leftContentRotate = type === 'arrow' && isOpen ? classes.accordionItemShowBody : undefined;\n\n    const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n    const rightContentRotate = type === 'sign' && isOpen ? classes.accordionItemShowBody : undefined;\n\n    return (\n        <StyledAccordionItem\n            role=\"tab\"\n            className={classes.accordionItem}\n            tabIndex={0}\n            key={key}\n            style={{ borderRadius: accordionBorderRadius }}\n            onKeyDown={onKeyPress}\n        >\n            <StyledAccordionHeader onClick={handleOpen} className={disabledClass}>\n                <StyledAccordionHeaderLeft>\n                    {leftContent && (\n                        <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n                            {leftContent}\n                        </StyledAccordionContentLeft>\n                    )}\n                    <StyledAccordionTitle>{`${title} ${value} ${isOpen}`}</StyledAccordionTitle>\n                </StyledAccordionHeaderLeft>\n\n                <StyledAccordionContentRight className={rightContentRotate}>\n                    {rightContent && rightContent}\n                </StyledAccordionContentRight>\n            </StyledAccordionHeader>\n            <StyledAccordionBodyAnimate className={showedBody} style={{ paddingLeft: `${leftPadding}` }}>\n                <StyledAccordionBody>{children}</StyledAccordionBody>\n            </StyledAccordionBodyAnimate>\n        </StyledAccordionItem>\n    );\n};\n"],"names":["AccordionItem","_ref","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","eventKey","disabled","onChange","key","_useState","useState","_useState2","_slicedToArray","isOpen","setShow","_useState3","_useState4","leftPadding","setLeftPadding","handleOpen","onKeyPress","event","persist","keyCode","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","showedBody","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","className","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","role","accordionItem","tabIndex","style","borderRadius","onKeyDown","StyledAccordionHeader","onClick","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState, KeyboardEvent, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\n\nimport {\n    StyledAccordionItem,\n    StyledAccordionHeader,\n    StyledAccordionBody,\n    StyledAccordionTitle,\n    StyledAccordionContentLeft,\n    StyledAccordionHeaderLeft,\n    StyledAccordionContentRight,\n    StyledArrow,\n    StyledMinus,\n    StyledPlus,\n    StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributes<HTMLDivElement> & AccordionItemProps> = ({\n    value,\n    contentRight,\n    contentLeft,\n    title,\n    pin = 'square-square',\n    children,\n    type = 'sign',\n    index,\n    eventKey,\n    disabled,\n    onChange,\n}) => {\n    const key = eventKey ?? index;\n\n    const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n    const handleOpen = () => {\n        if (disabled) {\n            return;\n        }\n        if (onChange) {\n            onChange(key, !value);\n        }\n    };\n\n    const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n        if (disabled) {\n            return;\n        }\n        event.persist();\n        if (event.keyCode === 13 || event.keyCode === 32) {\n            handleOpen();\n        }\n    };\n\n    const leftContentRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n        const leftPaddingBody = leftContentWidth ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;\n        setLeftPadding(leftPaddingBody);\n    }, [value, type, leftContentRef, setLeftPadding]);\n\n    const openedBodyClass = value ? classes.accordionItemShowBody : undefined;\n\n    const StyledAnimationPLus = () => (\n        <StyledPlus>\n            <StyledMinus size=\"xs\" color=\"inhert\" />\n            <StyledMinus\n                size=\"xs\"\n                color=\"inhert\"\n                className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n            />\n        </StyledPlus>\n    );\n\n    const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n    const disabledClass = disabled ? classes.accordionDisabled : '';\n\n    const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n    const leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;\n\n    const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n    const rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;\n\n    return (\n        <StyledAccordionItem\n            role=\"tab\"\n            className={classes.accordionItem}\n            tabIndex={0}\n            key={key}\n            style={{ borderRadius: accordionBorderRadius }}\n            onKeyDown={onKeyPress}\n        >\n            <StyledAccordionHeader onClick={handleOpen} className={disabledClass}>\n                <StyledAccordionHeaderLeft>\n                    {leftContent && (\n                        <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n                            {leftContent}\n                        </StyledAccordionContentLeft>\n                    )}\n                    <StyledAccordionTitle>{title}</StyledAccordionTitle>\n                </StyledAccordionHeaderLeft>\n\n                <StyledAccordionContentRight className={rightContentRotate}>\n                    {rightContent && rightContent}\n                </StyledAccordionContentRight>\n            </StyledAccordionHeader>\n            <StyledAccordionBodyAnimate className={openedBodyClass} style={{ paddingLeft: `${leftPadding}` }}>\n                <StyledAccordionBody>{children}</StyledAccordionBody>\n            </StyledAccordionBodyAnimate>\n        </StyledAccordionItem>\n    );\n};\n"],"names":["AccordionItem","_ref","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","eventKey","disabled","onChange","key","_useState","useState","_useState2","_slicedToArray","leftPadding","setLeftPadding","handleOpen","onKeyPress","event","persist","keyCode","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","className","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","role","accordionItem","tabIndex","style","borderRadius","onKeyDown","StyledAccordionHeader","onClick","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody"],"mappings":"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"}

package/cjs/components/Accordion/utils/index.js

@@ -11,10 +11,10 @@ var updatePropsRecursively = function updatePropsRecursively(children, activeInd
     }
     var props = {
       index: index,
-      value: !!(activeIndex !== null && activeIndex !== void 0 && activeIndex.find(function (i) {
+      value: !!((activeIndex === null || activeIndex === void 0 ? void 0 : activeIndex.findIndex(function (i) {
         var _child$props$eventKey;
         return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
-      })),
+      })) !== -1),
       disabled: disabled,
       onChange: updateValue
     };

package/cjs/components/Accordion/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/utils/index.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { AccordionItemProps } from '../ui/AccordionItem/AccordionItem.types';\n\nexport const updatePropsRecursively = (\n    children?: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n): ReactNode[] =>\n    Children.map(children || [], (child, index) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const props = {\n            index,\n            value: !!activeIndex?.find((i: number) => i === (child.props.eventKey ?? index)),\n            disabled,\n            onChange: updateValue,\n        };\n\n        return cloneElement(child, props);\n    });\n\nexport const getChildren = (\n    children: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n) => {\n    return updatePropsRecursively(children, activeIndex, disabled, updateValue);\n};\n"],"names":["updatePropsRecursively","children","activeIndex","disabled","updateValue","Children","map","child","index","isValidElement","props","value","find","i","_child$props$eventKey","eventKey","onChange","cloneElement","getChildren"],"mappings":";;;;;;AAIaA,IAAAA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,QAA6C,EAC7CC,WAAsB,EACtBC,QAAkB,EAClBC,WAAsD,EAAA;AAAA,EAAA,OAEtDC,cAAQ,CAACC,GAAG,CAACL,QAAQ,IAAI,EAAE,EAAE,UAACM,KAAK,EAAEC,KAAK,EAAK;AAC3C,IAAA,IAAI,eAACC,oBAAc,CAACF,KAAK,CAAC,EAAE;AACxB,MAAA,OAAOA,KAAK,CAAA;AAChB,KAAA;AAEA,IAAA,IAAMG,KAAK,GAAG;AACVF,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,KAAK,EAAE,CAAC,EAACT,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,IAAAA,WAAW,CAAEU,IAAI,CAAC,UAACC,CAAS,EAAA;AAAA,QAAA,IAAAC,qBAAA,CAAA;AAAA,QAAA,OAAKD,CAAC,MAAA,CAAAC,qBAAA,GAAMP,KAAK,CAACG,KAAK,CAACK,QAAQ,cAAAD,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAIN,KAAK,CAAC,CAAA;OAAC,CAAA,CAAA;AAChFL,MAAAA,QAAQ,EAARA,QAAQ;AACRa,MAAAA,QAAQ,EAAEZ,WAAAA;KACb,CAAA;AAED,IAAA,oBAAOa,kBAAY,CAACV,KAAK,EAAEG,KAAK,CAAC,CAAA;AACrC,GAAC,CAAC,CAAA;AAAA,EAAA;AAEOQ,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBjB,QAA4C,EAC5CC,WAAsB,EACtBC,QAAkB,EAClBC,WAAsD,EACrD;EACD,OAAOJ,sBAAsB,CAACC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAAA;AAC/E;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/utils/index.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { AccordionItemProps } from '../ui/AccordionItem/AccordionItem.types';\n\nexport const updatePropsRecursively = (\n    children?: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n): ReactNode[] =>\n    Children.map(children || [], (child, index) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const props = {\n            index,\n            value: !!(activeIndex?.findIndex((i: number) => i === (child.props.eventKey ?? index)) !== -1),\n            disabled,\n            onChange: updateValue,\n        };\n\n        return cloneElement(child, props);\n    });\n\nexport const getChildren = (\n    children: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n) => {\n    return updatePropsRecursively(children, activeIndex, disabled, updateValue);\n};\n"],"names":["updatePropsRecursively","children","activeIndex","disabled","updateValue","Children","map","child","index","isValidElement","props","value","findIndex","i","_child$props$eventKey","eventKey","onChange","cloneElement","getChildren"],"mappings":";;;;;;AAIaA,IAAAA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,QAA6C,EAC7CC,WAAsB,EACtBC,QAAkB,EAClBC,WAAsD,EAAA;AAAA,EAAA,OAEtDC,cAAQ,CAACC,GAAG,CAACL,QAAQ,IAAI,EAAE,EAAE,UAACM,KAAK,EAAEC,KAAK,EAAK;AAC3C,IAAA,IAAI,eAACC,oBAAc,CAACF,KAAK,CAAC,EAAE;AACxB,MAAA,OAAOA,KAAK,CAAA;AAChB,KAAA;AAEA,IAAA,IAAMG,KAAK,GAAG;AACVF,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,KAAK,EAAE,CAAC,EAAE,CAAAT,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,SAAS,CAAC,UAACC,CAAS,EAAA;AAAA,QAAA,IAAAC,qBAAA,CAAA;AAAA,QAAA,OAAKD,CAAC,MAAA,CAAAC,qBAAA,GAAMP,KAAK,CAACG,KAAK,CAACK,QAAQ,cAAAD,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAIN,KAAK,CAAC,CAAA;OAAC,CAAA,MAAK,CAAC,CAAC,CAAC;AAC9FL,MAAAA,QAAQ,EAARA,QAAQ;AACRa,MAAAA,QAAQ,EAAEZ,WAAAA;KACb,CAAA;AAED,IAAA,oBAAOa,kBAAY,CAACV,KAAK,EAAEG,KAAK,CAAC,CAAA;AACrC,GAAC,CAAC,CAAA;AAAA,EAAA;AAEOQ,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBjB,QAA4C,EAC5CC,WAAsB,EACtBC,QAAkB,EAClBC,WAAsD,EACrD;EACD,OAAOJ,sBAAsB,CAACC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAAA;AAC/E;;;;;"}

package/es/components/Accordion/Accordion.js

@@ -13,39 +13,44 @@ var accordionRoot = function accordionRoot(Root) {
       view = _ref.view,
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      _ref$defaultActiveInd = _ref.defaultActiveIndex,
-      defaultActiveIndex = _ref$defaultActiveInd === void 0 ? [] : _ref$defaultActiveInd,
+      _ref$defaultActiveEve = _ref.defaultActiveEventKey,
+      defaultActiveEventKey = _ref$defaultActiveEve === void 0 ? [] : _ref$defaultActiveEve,
       children = _ref.children,
       disabled = _ref.disabled,
       className = _ref.className,
       singleActive = _ref.singleActive,
       onChange = _ref.onChange;
     var stretchingClass = classes["".concat(stretching, "Stretching")];
-    var _useState = useState(defaultActiveIndex),
+    var _useState = useState(defaultActiveEventKey),
       _useState2 = _slicedToArray(_useState, 2),
       activeIndex = _useState2[0],
       setActiveIndex = _useState2[1];
     var updateValue = function updateValue(index, value) {
-      onChange && onChange(index, value);
+      if (onChange) {
+        onChange(index, value);
+      }
       if (singleActive) {
-        setActiveIndex([index]);
+        if (value) {
+          setActiveIndex([index]);
+        } else {
+          setActiveIndex([]);
+        }
       } else if (value) {
         setActiveIndex([index].concat(_toConsumableArray(activeIndex)));
       } else {
-        var indexItem = activeIndex.findIndex(function (i) {
-          return i === index;
+        var updatedActiveIndex = activeIndex.filter(function (i) {
+          return i !== index;
         });
-        setActiveIndex(activeIndex.splice(indexItem, 1));
+        setActiveIndex(updatedActiveIndex);
       }
     };
     var childrenArray = Children.toArray(children);
-    var childrenMemo = getChildren(childrenArray, activeIndex, disabled, updateValue);
     return /*#__PURE__*/React.createElement(Root, {
       ref: outerRootRef,
       size: size,
       view: view,
       className: cx(stretchingClass, classes.accordionRoot, className)
-    }, childrenMemo);
+    }, getChildren(childrenArray, activeIndex, disabled, updateValue));
   });
 };
 var accordionConfig = {

package/es/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { Children, forwardRef, useState } from 'react';\n\nimport { RootPropsOmitOnChange } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { AccordionProps } from './Accordion.types';\nimport { base } from './Accordion.styles';\nimport { classes } from './Accordion.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getChildren } from './utils';\n\nexport const accordionRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, AccordionProps>) =>\n    forwardRef<HTMLDivElement, AccordionProps>(\n        (\n            {\n                size,\n                view,\n                stretching = 'filled',\n                defaultActiveIndex = [],\n                children,\n                disabled,\n                className,\n                singleActive,\n                onChange,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            const [activeIndex, setActiveIndex] = useState<number[]>(defaultActiveIndex);\n\n            const updateValue = (index: number, value?: boolean) => {\n                onChange && onChange(index, value);\n                if (singleActive) {\n                    setActiveIndex([index]);\n                } else if (value) {\n                    setActiveIndex([index, ...activeIndex]);\n                } else {\n                    const indexItem = activeIndex.findIndex((i) => i === index);\n                    setActiveIndex(activeIndex.splice(indexItem, 1));\n                }\n            };\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n            const childrenMemo = getChildren(childrenArray, activeIndex, disabled, updateValue);\n\n            return (\n                <Root\n                    ref={outerRootRef}\n                    size={size}\n                    view={view}\n                    className={cx(stretchingClass, classes.accordionRoot, className)}\n                >\n                    {childrenMemo}\n                </Root>\n            );\n        },\n    );\n\nexport const accordionConfig = {\n    name: 'Accordion',\n    tag: 'div',\n    layout: accordionRoot,\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":["accordionRoot","Root","forwardRef","_ref","outerRootRef","size","view","_ref$stretching","stretching","_ref$defaultActiveInd","defaultActiveIndex","children","disabled","className","singleActive","onChange","stretchingClass","classes","concat","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","updateValue","index","value","_toConsumableArray","indexItem","findIndex","i","splice","childrenArray","Children","toArray","childrenMemo","getChildren","React","createElement","ref","cx","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { Children, forwardRef, useState } from 'react';\n\nimport { RootPropsOmitOnChange } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { AccordionProps } from './Accordion.types';\nimport { base } from './Accordion.styles';\nimport { classes } from './Accordion.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { getChildren } from './utils';\n\nexport const accordionRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, AccordionProps>) =>\n    forwardRef<HTMLDivElement, AccordionProps>(\n        (\n            {\n                size,\n                view,\n                stretching = 'filled',\n                defaultActiveEventKey = [],\n                children,\n                disabled,\n                className,\n                singleActive,\n                onChange,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            const [activeIndex, setActiveIndex] = useState<number[]>(defaultActiveEventKey);\n\n            const updateValue = (index: number, value?: boolean) => {\n                if (onChange) {\n                    onChange(index, value);\n                }\n                if (singleActive) {\n                    if (value) {\n                        setActiveIndex([index]);\n                    } else {\n                        setActiveIndex([]);\n                    }\n                } else if (value) {\n                    setActiveIndex([index, ...activeIndex]);\n                } else {\n                    const updatedActiveIndex = activeIndex.filter((i) => i !== index);\n                    setActiveIndex(updatedActiveIndex);\n                }\n            };\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n            return (\n                <Root\n                    ref={outerRootRef}\n                    size={size}\n                    view={view}\n                    className={cx(stretchingClass, classes.accordionRoot, className)}\n                >\n                    {getChildren(childrenArray, activeIndex, disabled, updateValue)}\n                </Root>\n            );\n        },\n    );\n\nexport const accordionConfig = {\n    name: 'Accordion',\n    tag: 'div',\n    layout: accordionRoot,\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":["accordionRoot","Root","forwardRef","_ref","outerRootRef","size","view","_ref$stretching","stretching","_ref$defaultActiveEve","defaultActiveEventKey","children","disabled","className","singleActive","onChange","stretchingClass","classes","concat","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","updateValue","index","value","_toConsumableArray","updatedActiveIndex","filter","i","childrenArray","Children","toArray","React","createElement","ref","cx","getChildren","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -20,39 +20,35 @@ var AccordionItem = function AccordionItem(_ref) {
     disabled = _ref.disabled,
     onChange = _ref.onChange;
   var key = eventKey !== null && eventKey !== void 0 ? eventKey : index;
-  var _useState = useState(value),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setShow = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    leftPadding = _useState4[0],
-    setLeftPadding = _useState4[1];
+    leftPadding = _useState2[0],
+    setLeftPadding = _useState2[1];
   var handleOpen = function handleOpen() {
     if (disabled) {
       return;
     }
-    setShow(!isOpen);
-    onChange && onChange(key, !isOpen);
+    if (onChange) {
+      onChange(key, !value);
+    }
   };
   var onKeyPress = function onKeyPress(event) {
     if (disabled) {
       return;
     }
     event.persist();
-    if (event.keyCode === 13) {
+    if (event.keyCode === 13 || event.keyCode === 32) {
       handleOpen();
     }
   };
   var leftContentRef = useRef(null);
   useEffect(function () {
     var _leftContentRef$curre, _leftContentRef$curre2;
-    setShow(value);
     var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
     var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
     setLeftPadding(leftPaddingBody);
   }, [value, type, leftContentRef, setLeftPadding]);
-  var showedBody = isOpen ? classes.accordionItemShowBody : undefined;
+  var openedBodyClass = value ? classes.accordionItemShowBody : undefined;
   var StyledAnimationPLus = function StyledAnimationPLus() {
     return /*#__PURE__*/React.createElement(StyledPlus, null, _StyledMinus || (_StyledMinus = /*#__PURE__*/React.createElement(StyledMinus, {
       size: "xs",
@@ -60,7 +56,7 @@ var AccordionItem = function AccordionItem(_ref) {
     })), /*#__PURE__*/React.createElement(StyledMinus, {
       size: "xs",
       color: "inhert",
-      className: showedBody !== null && showedBody !== void 0 ? showedBody : classes.accordionPlusAnimationElement
+      className: openedBodyClass !== null && openedBodyClass !== void 0 ? openedBodyClass : classes.accordionPlusAnimationElement
     }));
   };
   var accordionBorderRadius = convertRoundnessMatrix(pin, "var(".concat(tokens.accordionItemBorderRadius, ")"), '1.5rem');
@@ -69,9 +65,9 @@ var AccordionItem = function AccordionItem(_ref) {
     size: "xs",
     color: "inhert"
   })) : undefined;
-  var leftContentRotate = type === 'arrow' && isOpen ? classes.accordionItemShowBody : undefined;
+  var leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;
   var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPLus, null) : undefined;
-  var rightContentRotate = type === 'sign' && isOpen ? classes.accordionItemShowBody : undefined;
+  var rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;
   return /*#__PURE__*/React.createElement(StyledAccordionItem, {
     role: "tab",
     className: classes.accordionItem,
@@ -87,10 +83,10 @@ var AccordionItem = function AccordionItem(_ref) {
   }, /*#__PURE__*/React.createElement(StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/React.createElement(StyledAccordionContentLeft, {
     ref: leftContentRef,
     className: leftContentRotate
-  }, leftContent), /*#__PURE__*/React.createElement(StyledAccordionTitle, null, "".concat(title, " ").concat(value, " ").concat(isOpen))), /*#__PURE__*/React.createElement(StyledAccordionContentRight, {
+  }, leftContent), /*#__PURE__*/React.createElement(StyledAccordionTitle, null, title)), /*#__PURE__*/React.createElement(StyledAccordionContentRight, {
     className: rightContentRotate
   }, rightContent && rightContent)), /*#__PURE__*/React.createElement(StyledAccordionBodyAnimate, {
-    className: showedBody,
+    className: openedBodyClass,
     style: {
       paddingLeft: "".concat(leftPadding)
     }

package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState, KeyboardEvent, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\n\nimport {\n    StyledAccordionItem,\n    StyledAccordionHeader,\n    StyledAccordionBody,\n    StyledAccordionTitle,\n    StyledAccordionContentLeft,\n    StyledAccordionHeaderLeft,\n    StyledAccordionContentRight,\n    StyledArrow,\n    StyledMinus,\n    StyledPlus,\n    StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributes<HTMLDivElement> & AccordionItemProps> = ({\n    value,\n    contentRight,\n    contentLeft,\n    title,\n    pin = 'square-square',\n    children,\n    type = 'sign',\n    index,\n    eventKey,\n    disabled,\n    onChange,\n}) => {\n    const key = eventKey ?? index;\n\n    const [isOpen, setShow] = useState(value);\n    const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n    const handleOpen = () => {\n        if (disabled) {\n            return;\n        }\n        setShow(!isOpen);\n        onChange && onChange(key, !isOpen);\n    };\n\n    const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n        if (disabled) {\n            return;\n        }\n        event.persist();\n        if (event.keyCode === 13) {\n            handleOpen();\n        }\n    };\n\n    const leftContentRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        setShow(value);\n        const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n        const leftPaddingBody = leftContentWidth ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;\n        setLeftPadding(leftPaddingBody);\n    }, [value, type, leftContentRef, setLeftPadding]);\n\n    const showedBody = isOpen ? classes.accordionItemShowBody : undefined;\n\n    const StyledAnimationPLus = () => (\n        <StyledPlus>\n            <StyledMinus size=\"xs\" color=\"inhert\" />\n            <StyledMinus size=\"xs\" color=\"inhert\" className={showedBody ?? classes.accordionPlusAnimationElement} />\n        </StyledPlus>\n    );\n\n    const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n    const disabledClass = disabled ? classes.accordionDisabled : '';\n\n    const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n    const leftContentRotate = type === 'arrow' && isOpen ? classes.accordionItemShowBody : undefined;\n\n    const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n    const rightContentRotate = type === 'sign' && isOpen ? classes.accordionItemShowBody : undefined;\n\n    return (\n        <StyledAccordionItem\n            role=\"tab\"\n            className={classes.accordionItem}\n            tabIndex={0}\n            key={key}\n            style={{ borderRadius: accordionBorderRadius }}\n            onKeyDown={onKeyPress}\n        >\n            <StyledAccordionHeader onClick={handleOpen} className={disabledClass}>\n                <StyledAccordionHeaderLeft>\n                    {leftContent && (\n                        <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n                            {leftContent}\n                        </StyledAccordionContentLeft>\n                    )}\n                    <StyledAccordionTitle>{`${title} ${value} ${isOpen}`}</StyledAccordionTitle>\n                </StyledAccordionHeaderLeft>\n\n                <StyledAccordionContentRight className={rightContentRotate}>\n                    {rightContent && rightContent}\n                </StyledAccordionContentRight>\n            </StyledAccordionHeader>\n            <StyledAccordionBodyAnimate className={showedBody} style={{ paddingLeft: `${leftPadding}` }}>\n                <StyledAccordionBody>{children}</StyledAccordionBody>\n            </StyledAccordionBodyAnimate>\n        </StyledAccordionItem>\n    );\n};\n"],"names":["AccordionItem","_ref","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","eventKey","disabled","onChange","key","_useState","useState","_useState2","_slicedToArray","isOpen","setShow","_useState3","_useState4","leftPadding","setLeftPadding","handleOpen","onKeyPress","event","persist","keyCode","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","showedBody","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","className","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","role","accordionItem","tabIndex","style","borderRadius","onKeyDown","StyledAccordionHeader","onClick","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState, KeyboardEvent, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\n\nimport {\n    StyledAccordionItem,\n    StyledAccordionHeader,\n    StyledAccordionBody,\n    StyledAccordionTitle,\n    StyledAccordionContentLeft,\n    StyledAccordionHeaderLeft,\n    StyledAccordionContentRight,\n    StyledArrow,\n    StyledMinus,\n    StyledPlus,\n    StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributes<HTMLDivElement> & AccordionItemProps> = ({\n    value,\n    contentRight,\n    contentLeft,\n    title,\n    pin = 'square-square',\n    children,\n    type = 'sign',\n    index,\n    eventKey,\n    disabled,\n    onChange,\n}) => {\n    const key = eventKey ?? index;\n\n    const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n    const handleOpen = () => {\n        if (disabled) {\n            return;\n        }\n        if (onChange) {\n            onChange(key, !value);\n        }\n    };\n\n    const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n        if (disabled) {\n            return;\n        }\n        event.persist();\n        if (event.keyCode === 13 || event.keyCode === 32) {\n            handleOpen();\n        }\n    };\n\n    const leftContentRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n        const leftPaddingBody = leftContentWidth ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;\n        setLeftPadding(leftPaddingBody);\n    }, [value, type, leftContentRef, setLeftPadding]);\n\n    const openedBodyClass = value ? classes.accordionItemShowBody : undefined;\n\n    const StyledAnimationPLus = () => (\n        <StyledPlus>\n            <StyledMinus size=\"xs\" color=\"inhert\" />\n            <StyledMinus\n                size=\"xs\"\n                color=\"inhert\"\n                className={openedBodyClass ?? classes.accordionPlusAnimationElement}\n            />\n        </StyledPlus>\n    );\n\n    const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`, '1.5rem');\n    const disabledClass = disabled ? classes.accordionDisabled : '';\n\n    const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n    const leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;\n\n    const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n    const rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;\n\n    return (\n        <StyledAccordionItem\n            role=\"tab\"\n            className={classes.accordionItem}\n            tabIndex={0}\n            key={key}\n            style={{ borderRadius: accordionBorderRadius }}\n            onKeyDown={onKeyPress}\n        >\n            <StyledAccordionHeader onClick={handleOpen} className={disabledClass}>\n                <StyledAccordionHeaderLeft>\n                    {leftContent && (\n                        <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n                            {leftContent}\n                        </StyledAccordionContentLeft>\n                    )}\n                    <StyledAccordionTitle>{title}</StyledAccordionTitle>\n                </StyledAccordionHeaderLeft>\n\n                <StyledAccordionContentRight className={rightContentRotate}>\n                    {rightContent && rightContent}\n                </StyledAccordionContentRight>\n            </StyledAccordionHeader>\n            <StyledAccordionBodyAnimate className={openedBodyClass} style={{ paddingLeft: `${leftPadding}` }}>\n                <StyledAccordionBody>{children}</StyledAccordionBody>\n            </StyledAccordionBodyAnimate>\n        </StyledAccordionItem>\n    );\n};\n"],"names":["AccordionItem","_ref","value","contentRight","contentLeft","title","_ref$pin","pin","children","_ref$type","type","index","eventKey","disabled","onChange","key","_useState","useState","_useState2","_slicedToArray","leftPadding","setLeftPadding","handleOpen","onKeyPress","event","persist","keyCode","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","openedBodyClass","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","className","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","disabledClass","accordionDisabled","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","role","accordionItem","tabIndex","style","borderRadius","onKeyDown","StyledAccordionHeader","onClick","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody"],"mappings":"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"}

package/es/components/Accordion/utils/index.js

@@ -7,10 +7,10 @@ var updatePropsRecursively = function updatePropsRecursively(children, activeInd
     }
     var props = {
       index: index,
-      value: !!(activeIndex !== null && activeIndex !== void 0 && activeIndex.find(function (i) {
+      value: !!((activeIndex === null || activeIndex === void 0 ? void 0 : activeIndex.findIndex(function (i) {
         var _child$props$eventKey;
         return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
-      })),
+      })) !== -1),
       disabled: disabled,
       onChange: updateValue
     };

package/es/components/Accordion/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/utils/index.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { AccordionItemProps } from '../ui/AccordionItem/AccordionItem.types';\n\nexport const updatePropsRecursively = (\n    children?: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n): ReactNode[] =>\n    Children.map(children || [], (child, index) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const props = {\n            index,\n            value: !!activeIndex?.find((i: number) => i === (child.props.eventKey ?? index)),\n            disabled,\n            onChange: updateValue,\n        };\n\n        return cloneElement(child, props);\n    });\n\nexport const getChildren = (\n    children: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n) => {\n    return updatePropsRecursively(children, activeIndex, disabled, updateValue);\n};\n"],"names":["updatePropsRecursively","children","activeIndex","disabled","updateValue","Children","map","child","index","isValidElement","props","value","find","i","_child$props$eventKey","eventKey","onChange","cloneElement","getChildren"],"mappings":";;AAIaA,IAAAA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,QAA6C,EAC7CC,WAAsB,EACtBC,QAAkB,EAClBC,WAAsD,EAAA;AAAA,EAAA,OAEtDC,QAAQ,CAACC,GAAG,CAACL,QAAQ,IAAI,EAAE,EAAE,UAACM,KAAK,EAAEC,KAAK,EAAK;AAC3C,IAAA,IAAI,eAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AACxB,MAAA,OAAOA,KAAK,CAAA;AAChB,KAAA;AAEA,IAAA,IAAMG,KAAK,GAAG;AACVF,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,KAAK,EAAE,CAAC,EAACT,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,IAAAA,WAAW,CAAEU,IAAI,CAAC,UAACC,CAAS,EAAA;AAAA,QAAA,IAAAC,qBAAA,CAAA;AAAA,QAAA,OAAKD,CAAC,MAAA,CAAAC,qBAAA,GAAMP,KAAK,CAACG,KAAK,CAACK,QAAQ,cAAAD,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAIN,KAAK,CAAC,CAAA;OAAC,CAAA,CAAA;AAChFL,MAAAA,QAAQ,EAARA,QAAQ;AACRa,MAAAA,QAAQ,EAAEZ,WAAAA;KACb,CAAA;AAED,IAAA,oBAAOa,YAAY,CAACV,KAAK,EAAEG,KAAK,CAAC,CAAA;AACrC,GAAC,CAAC,CAAA;AAAA,EAAA;AAEOQ,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBjB,QAA4C,EAC5CC,WAAsB,EACtBC,QAAkB,EAClBC,WAAsD,EACrD;EACD,OAAOJ,sBAAsB,CAACC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAAA;AAC/E;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Accordion/utils/index.ts"],"sourcesContent":["import { Children, ReactElement, ReactNode, cloneElement, isValidElement } from 'react';\n\nimport { AccordionItemProps } from '../ui/AccordionItem/AccordionItem.types';\n\nexport const updatePropsRecursively = (\n    children?: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n): ReactNode[] =>\n    Children.map(children || [], (child, index) => {\n        if (!isValidElement(child)) {\n            return child;\n        }\n\n        const props = {\n            index,\n            value: !!(activeIndex?.findIndex((i: number) => i === (child.props.eventKey ?? index)) !== -1),\n            disabled,\n            onChange: updateValue,\n        };\n\n        return cloneElement(child, props);\n    });\n\nexport const getChildren = (\n    children: ReactElement<AccordionItemProps>[],\n    activeIndex?: number[],\n    disabled?: boolean,\n    updateValue?: (index: number, value?: boolean) => void,\n) => {\n    return updatePropsRecursively(children, activeIndex, disabled, updateValue);\n};\n"],"names":["updatePropsRecursively","children","activeIndex","disabled","updateValue","Children","map","child","index","isValidElement","props","value","findIndex","i","_child$props$eventKey","eventKey","onChange","cloneElement","getChildren"],"mappings":";;AAIaA,IAAAA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,QAA6C,EAC7CC,WAAsB,EACtBC,QAAkB,EAClBC,WAAsD,EAAA;AAAA,EAAA,OAEtDC,QAAQ,CAACC,GAAG,CAACL,QAAQ,IAAI,EAAE,EAAE,UAACM,KAAK,EAAEC,KAAK,EAAK;AAC3C,IAAA,IAAI,eAACC,cAAc,CAACF,KAAK,CAAC,EAAE;AACxB,MAAA,OAAOA,KAAK,CAAA;AAChB,KAAA;AAEA,IAAA,IAAMG,KAAK,GAAG;AACVF,MAAAA,KAAK,EAALA,KAAK;AACLG,MAAAA,KAAK,EAAE,CAAC,EAAE,CAAAT,WAAW,KAAA,IAAA,IAAXA,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAXA,WAAW,CAAEU,SAAS,CAAC,UAACC,CAAS,EAAA;AAAA,QAAA,IAAAC,qBAAA,CAAA;AAAA,QAAA,OAAKD,CAAC,MAAA,CAAAC,qBAAA,GAAMP,KAAK,CAACG,KAAK,CAACK,QAAQ,cAAAD,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAIN,KAAK,CAAC,CAAA;OAAC,CAAA,MAAK,CAAC,CAAC,CAAC;AAC9FL,MAAAA,QAAQ,EAARA,QAAQ;AACRa,MAAAA,QAAQ,EAAEZ,WAAAA;KACb,CAAA;AAED,IAAA,oBAAOa,YAAY,CAACV,KAAK,EAAEG,KAAK,CAAC,CAAA;AACrC,GAAC,CAAC,CAAA;AAAA,EAAA;AAEOQ,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBjB,QAA4C,EAC5CC,WAAsB,EACtBC,QAAkB,EAClBC,WAAsD,EACrD;EACD,OAAOJ,sBAAsB,CAACC,QAAQ,EAAEC,WAAW,EAAEC,QAAQ,EAAEC,WAAW,CAAC,CAAA;AAC/E;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.88.0-canary.1223.9448363766.0",
+  "version": "0.88.0-canary.1223.9462887113.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -103,5 +103,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "6f62f8270621f72f85210bc43edb95c213ea2468"
+  "gitHead": "e1a603047e80c8086f177567584ab02e41e0106e"
 }

package/styled-components/cjs/components/Accordion/Accordion.js

@@ -30,39 +30,44 @@ var accordionRoot = exports.accordionRoot = function accordionRoot(Root) {
       view = _ref.view,
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      _ref$defaultActiveInd = _ref.defaultActiveIndex,
-      defaultActiveIndex = _ref$defaultActiveInd === void 0 ? [] : _ref$defaultActiveInd,
+      _ref$defaultActiveEve = _ref.defaultActiveEventKey,
+      defaultActiveEventKey = _ref$defaultActiveEve === void 0 ? [] : _ref$defaultActiveEve,
       children = _ref.children,
       disabled = _ref.disabled,
       className = _ref.className,
       singleActive = _ref.singleActive,
       onChange = _ref.onChange;
     var stretchingClass = _Accordion2.classes["".concat(stretching, "Stretching")];
-    var _useState = (0, _react.useState)(defaultActiveIndex),
+    var _useState = (0, _react.useState)(defaultActiveEventKey),
       _useState2 = _slicedToArray(_useState, 2),
       activeIndex = _useState2[0],
       setActiveIndex = _useState2[1];
     var updateValue = function updateValue(index, value) {
-      onChange && onChange(index, value);
+      if (onChange) {
+        onChange(index, value);
+      }
       if (singleActive) {
-        setActiveIndex([index]);
+        if (value) {
+          setActiveIndex([index]);
+        } else {
+          setActiveIndex([]);
+        }
       } else if (value) {
         setActiveIndex([index].concat(_toConsumableArray(activeIndex)));
       } else {
-        var indexItem = activeIndex.findIndex(function (i) {
-          return i === index;
+        var updatedActiveIndex = activeIndex.filter(function (i) {
+          return i !== index;
         });
-        setActiveIndex(activeIndex.splice(indexItem, 1));
+        setActiveIndex(updatedActiveIndex);
       }
     };
     var childrenArray = _react.Children.toArray(children);
-    var childrenMemo = (0, _utils2.getChildren)(childrenArray, activeIndex, disabled, updateValue);
     return /*#__PURE__*/_react["default"].createElement(Root, {
       ref: outerRootRef,
       size: size,
       view: view,
       className: (0, _utils.cx)(stretchingClass, _Accordion2.classes.accordionRoot, className)
-    }, childrenMemo);
+    }, (0, _utils2.getChildren)(childrenArray, activeIndex, disabled, updateValue));
   });
 };
 var accordionConfig = exports.accordionConfig = {

package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -33,39 +33,35 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
     disabled = _ref.disabled,
     onChange = _ref.onChange;
   var key = eventKey !== null && eventKey !== void 0 ? eventKey : index;
-  var _useState = (0, _react.useState)(value),
+  var _useState = (0, _react.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setShow = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    leftPadding = _useState4[0],
-    setLeftPadding = _useState4[1];
+    leftPadding = _useState2[0],
+    setLeftPadding = _useState2[1];
   var handleOpen = function handleOpen() {
     if (disabled) {
       return;
     }
-    setShow(!isOpen);
-    onChange && onChange(key, !isOpen);
+    if (onChange) {
+      onChange(key, !value);
+    }
   };
   var onKeyPress = function onKeyPress(event) {
     if (disabled) {
       return;
     }
     event.persist();
-    if (event.keyCode === 13) {
+    if (event.keyCode === 13 || event.keyCode === 32) {
       handleOpen();
     }
   };
   var leftContentRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     var _leftContentRef$curre, _leftContentRef$curre2;
-    setShow(value);
     var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
     var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(_Accordion.tokens.accordionItemGap, "))") : 0;
     setLeftPadding(leftPaddingBody);
   }, [value, type, leftContentRef, setLeftPadding]);
-  var showedBody = isOpen ? _Accordion.classes.accordionItemShowBody : undefined;
+  var openedBodyClass = value ? _Accordion.classes.accordionItemShowBody : undefined;
   var StyledAnimationPLus = function StyledAnimationPLus() {
     return /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledPlus, null, _StyledMinus || (_StyledMinus = /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledMinus, {
       size: "xs",
@@ -73,7 +69,7 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
     })), /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledMinus, {
       size: "xs",
       color: "inhert",
-      className: showedBody !== null && showedBody !== void 0 ? showedBody : _Accordion.classes.accordionPlusAnimationElement
+      className: openedBodyClass !== null && openedBodyClass !== void 0 ? openedBodyClass : _Accordion.classes.accordionPlusAnimationElement
     }));
   };
   var accordionBorderRadius = (0, _roundness.convertRoundnessMatrix)(pin, "var(".concat(_Accordion.tokens.accordionItemBorderRadius, ")"), '1.5rem');
@@ -82,9 +78,9 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
     size: "xs",
     color: "inhert"
   })) : undefined;
-  var leftContentRotate = type === 'arrow' && isOpen ? _Accordion.classes.accordionItemShowBody : undefined;
+  var leftContentRotate = type === 'arrow' && value ? _Accordion.classes.accordionItemShowBody : undefined;
   var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/_react["default"].createElement(StyledAnimationPLus, null) : undefined;
-  var rightContentRotate = type === 'sign' && isOpen ? _Accordion.classes.accordionItemShowBody : undefined;
+  var rightContentRotate = type === 'sign' && value ? _Accordion.classes.accordionItemShowBody : undefined;
   return /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionItem, {
     role: "tab",
     className: _Accordion.classes.accordionItem,
@@ -100,10 +96,10 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionContentLeft, {
     ref: leftContentRef,
     className: leftContentRotate
-  }, leftContent), /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionTitle, null, "".concat(title, " ").concat(value, " ").concat(isOpen))), /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionContentRight, {
+  }, leftContent), /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionTitle, null, title)), /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionContentRight, {
     className: rightContentRotate
   }, rightContent && rightContent)), /*#__PURE__*/_react["default"].createElement(_AccordionItem.StyledAccordionBodyAnimate, {
-    className: showedBody,
+    className: openedBodyClass,
     style: {
       paddingLeft: "".concat(leftPadding)
     }

package/styled-components/cjs/components/Accordion/utils/index.js

@@ -12,10 +12,10 @@ var updatePropsRecursively = exports.updatePropsRecursively = function updatePro
     }
     var props = {
       index: index,
-      value: !!(activeIndex !== null && activeIndex !== void 0 && activeIndex.find(function (i) {
+      value: !!((activeIndex === null || activeIndex === void 0 ? void 0 : activeIndex.findIndex(function (i) {
         var _child$props$eventKey;
         return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
-      })),
+      })) !== -1),
       disabled: disabled,
       onChange: updateValue
     };

package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx

@@ -15,7 +15,7 @@ const meta: Meta<typeof Accordion> = {
     decorators: [WithTheme],
     component: Accordion,
     args: {
-        singleActive: true,
+        singleActive: false,
         view: 'default',
         size: 'm',
         stretching: 'filled',
@@ -51,7 +51,7 @@ export const Default: StoryObj<ComponentProps<typeof Accordion>> = {
 
         return (
             <Accordion {...args}>
-                <AccordionItem type={args.type} pin={args.pin} title={args.title} eventKey={3435}>
+                <AccordionItem type={args.type} pin={args.pin} title={args.title}>
                     {args.body}
                 </AccordionItem>
                 <AccordionItem type={args.type} pin={args.pin} title={args.title}>

package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx

@@ -15,7 +15,7 @@ const meta: Meta<typeof Accordion> = {
     decorators: [WithTheme],
     component: Accordion,
     args: {
-        singleActive: true,
+        singleActive: false,
         view: 'default',
         size: 'm',
         stretching: 'filled',

package/styled-components/es/components/Accordion/Accordion.js

@@ -21,39 +21,44 @@ export var accordionRoot = function accordionRoot(Root) {
       view = _ref.view,
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      _ref$defaultActiveInd = _ref.defaultActiveIndex,
-      defaultActiveIndex = _ref$defaultActiveInd === void 0 ? [] : _ref$defaultActiveInd,
+      _ref$defaultActiveEve = _ref.defaultActiveEventKey,
+      defaultActiveEventKey = _ref$defaultActiveEve === void 0 ? [] : _ref$defaultActiveEve,
       children = _ref.children,
       disabled = _ref.disabled,
       className = _ref.className,
       singleActive = _ref.singleActive,
       onChange = _ref.onChange;
     var stretchingClass = classes["".concat(stretching, "Stretching")];
-    var _useState = useState(defaultActiveIndex),
+    var _useState = useState(defaultActiveEventKey),
       _useState2 = _slicedToArray(_useState, 2),
       activeIndex = _useState2[0],
       setActiveIndex = _useState2[1];
     var updateValue = function updateValue(index, value) {
-      onChange && onChange(index, value);
+      if (onChange) {
+        onChange(index, value);
+      }
       if (singleActive) {
-        setActiveIndex([index]);
+        if (value) {
+          setActiveIndex([index]);
+        } else {
+          setActiveIndex([]);
+        }
       } else if (value) {
         setActiveIndex([index].concat(_toConsumableArray(activeIndex)));
       } else {
-        var indexItem = activeIndex.findIndex(function (i) {
-          return i === index;
+        var updatedActiveIndex = activeIndex.filter(function (i) {
+          return i !== index;
         });
-        setActiveIndex(activeIndex.splice(indexItem, 1));
+        setActiveIndex(updatedActiveIndex);
       }
     };
     var childrenArray = Children.toArray(children);
-    var childrenMemo = getChildren(childrenArray, activeIndex, disabled, updateValue);
     return /*#__PURE__*/React.createElement(Root, {
       ref: outerRootRef,
       size: size,
       view: view,
       className: cx(stretchingClass, classes.accordionRoot, className)
-    }, childrenMemo);
+    }, getChildren(childrenArray, activeIndex, disabled, updateValue));
   });
 };
 export var accordionConfig = {

package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -24,39 +24,35 @@ export var AccordionItem = function AccordionItem(_ref) {
     disabled = _ref.disabled,
     onChange = _ref.onChange;
   var key = eventKey !== null && eventKey !== void 0 ? eventKey : index;
-  var _useState = useState(value),
+  var _useState = useState(),
     _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setShow = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    leftPadding = _useState4[0],
-    setLeftPadding = _useState4[1];
+    leftPadding = _useState2[0],
+    setLeftPadding = _useState2[1];
   var handleOpen = function handleOpen() {
     if (disabled) {
       return;
     }
-    setShow(!isOpen);
-    onChange && onChange(key, !isOpen);
+    if (onChange) {
+      onChange(key, !value);
+    }
   };
   var onKeyPress = function onKeyPress(event) {
     if (disabled) {
       return;
     }
     event.persist();
-    if (event.keyCode === 13) {
+    if (event.keyCode === 13 || event.keyCode === 32) {
       handleOpen();
     }
   };
   var leftContentRef = useRef(null);
   useEffect(function () {
     var _leftContentRef$curre, _leftContentRef$curre2;
-    setShow(value);
     var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
     var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
     setLeftPadding(leftPaddingBody);
   }, [value, type, leftContentRef, setLeftPadding]);
-  var showedBody = isOpen ? classes.accordionItemShowBody : undefined;
+  var openedBodyClass = value ? classes.accordionItemShowBody : undefined;
   var StyledAnimationPLus = function StyledAnimationPLus() {
     return /*#__PURE__*/React.createElement(StyledPlus, null, _StyledMinus || (_StyledMinus = /*#__PURE__*/React.createElement(StyledMinus, {
       size: "xs",
@@ -64,7 +60,7 @@ export var AccordionItem = function AccordionItem(_ref) {
     })), /*#__PURE__*/React.createElement(StyledMinus, {
       size: "xs",
       color: "inhert",
-      className: showedBody !== null && showedBody !== void 0 ? showedBody : classes.accordionPlusAnimationElement
+      className: openedBodyClass !== null && openedBodyClass !== void 0 ? openedBodyClass : classes.accordionPlusAnimationElement
     }));
   };
   var accordionBorderRadius = convertRoundnessMatrix(pin, "var(".concat(tokens.accordionItemBorderRadius, ")"), '1.5rem');
@@ -73,9 +69,9 @@ export var AccordionItem = function AccordionItem(_ref) {
     size: "xs",
     color: "inhert"
   })) : undefined;
-  var leftContentRotate = type === 'arrow' && isOpen ? classes.accordionItemShowBody : undefined;
+  var leftContentRotate = type === 'arrow' && value ? classes.accordionItemShowBody : undefined;
   var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPLus, null) : undefined;
-  var rightContentRotate = type === 'sign' && isOpen ? classes.accordionItemShowBody : undefined;
+  var rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;
   return /*#__PURE__*/React.createElement(StyledAccordionItem, {
     role: "tab",
     className: classes.accordionItem,
@@ -91,10 +87,10 @@ export var AccordionItem = function AccordionItem(_ref) {
   }, /*#__PURE__*/React.createElement(StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/React.createElement(StyledAccordionContentLeft, {
     ref: leftContentRef,
     className: leftContentRotate
-  }, leftContent), /*#__PURE__*/React.createElement(StyledAccordionTitle, null, "".concat(title, " ").concat(value, " ").concat(isOpen))), /*#__PURE__*/React.createElement(StyledAccordionContentRight, {
+  }, leftContent), /*#__PURE__*/React.createElement(StyledAccordionTitle, null, title)), /*#__PURE__*/React.createElement(StyledAccordionContentRight, {
     className: rightContentRotate
   }, rightContent && rightContent)), /*#__PURE__*/React.createElement(StyledAccordionBodyAnimate, {
-    className: showedBody,
+    className: openedBodyClass,
     style: {
       paddingLeft: "".concat(leftPadding)
     }

package/styled-components/es/components/Accordion/utils/index.js

@@ -6,10 +6,10 @@ export var updatePropsRecursively = function updatePropsRecursively(children, ac
     }
     var props = {
       index: index,
-      value: !!(activeIndex !== null && activeIndex !== void 0 && activeIndex.find(function (i) {
+      value: !!((activeIndex === null || activeIndex === void 0 ? void 0 : activeIndex.findIndex(function (i) {
         var _child$props$eventKey;
         return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
-      })),
+      })) !== -1),
       disabled: disabled,
       onChange: updateValue
     };

package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx

@@ -15,7 +15,7 @@ const meta: Meta<typeof Accordion> = {
     decorators: [WithTheme],
     component: Accordion,
     args: {
-        singleActive: true,
+        singleActive: false,
         view: 'default',
         size: 'm',
         stretching: 'filled',
@@ -51,7 +51,7 @@ export const Default: StoryObj<ComponentProps<typeof Accordion>> = {
 
         return (
             <Accordion {...args}>
-                <AccordionItem type={args.type} pin={args.pin} title={args.title} eventKey={3435}>
+                <AccordionItem type={args.type} pin={args.pin} title={args.title}>
                     {args.body}
                 </AccordionItem>
                 <AccordionItem type={args.type} pin={args.pin} title={args.title}>

package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx

@@ -15,7 +15,7 @@ const meta: Meta<typeof Accordion> = {
     decorators: [WithTheme],
     component: Accordion,
     args: {
-        singleActive: true,
+        singleActive: false,
         view: 'default',
         size: 'm',
         stretching: 'filled',

package/types/components/Accordion/Accordion.d.ts

@@ -5,7 +5,7 @@ export declare const accordionRoot: (Root: RootPropsOmitOnChange<HTMLDivElement,
     view: string;
     size?: string | undefined;
     singleActive?: boolean | undefined;
-    defaultActiveIndex?: number[] | undefined;
+    defaultActiveEventKey?: number[] | undefined;
     disabled?: boolean | undefined;
     stretching?: "fixed" | "filled" | undefined;
     onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;
@@ -19,7 +19,7 @@ export declare const accordionConfig: {
         view: string;
         size?: string | undefined;
         singleActive?: boolean | undefined;
-        defaultActiveIndex?: number[] | undefined;
+        defaultActiveEventKey?: number[] | undefined;
         disabled?: boolean | undefined;
         stretching?: "fixed" | "filled" | undefined;
         onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;

package/types/components/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOxD,eAAO,MAAM,aAAa,SAAU,sBAAsB,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;wCA+CpF,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAjDQ,sBAAsB,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAkExF,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOxD,eAAO,MAAM,aAAa,SAAU,sBAAsB,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;wCAkDpF,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBApDQ,sBAAsB,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAqExF,CAAC"}

package/types/components/Accordion/Accordion.types.d.ts

@@ -15,7 +15,7 @@ declare type CustomAccordionProps = {
     /**
      * Индекс элемента, который должен быть изначально раскрыт
      */
-    defaultActiveIndex?: number[];
+    defaultActiveEventKey?: number[];
     /**
      * Блокировка всех элементов
      */
@@ -25,7 +25,7 @@ declare type CustomAccordionProps = {
      */
     stretching?: 'fixed' | 'filled';
     /**
-     * Функция при открытии или закрытии элемента аккордеона
+     * Коллбэк при открытии или закрытии элемента аккордеона
      */
     onChange?: (index?: number, value?: boolean) => void;
     children?: ReactNode;

package/types/components/Accordion/Accordion.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,oBAAoB,GAAG;IACxB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAEhC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAErD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,cAAc,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"Accordion.types.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,oBAAoB,GAAG;IACxB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAEhC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAErD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,cAAc,GAAG,oBAAoB,CAAC"}

package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAkB1F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CA2FvF,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAkB1F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,kBAAkB,CA8FvF,CAAC"}

package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts

@@ -15,7 +15,7 @@ export declare const Accordion: import("react").FunctionComponent<import("../../
     view: string;
     size?: string | undefined;
     singleActive?: boolean | undefined;
-    defaultActiveIndex?: number[] | undefined;
+    defaultActiveEventKey?: number[] | undefined;
     disabled?: boolean | undefined;
     stretching?: "fixed" | "filled" | undefined;
     onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;

package/types/examples/plasma_web/components/Accordion/Accordion.d.ts

@@ -19,7 +19,7 @@ export declare const Accordion: import("react").FunctionComponent<import("../../
     view: string;
     size?: string | undefined;
     singleActive?: boolean | undefined;
-    defaultActiveIndex?: number[] | undefined;
+    defaultActiveEventKey?: number[] | undefined;
     disabled?: boolean | undefined;
     stretching?: "fixed" | "filled" | undefined;
     onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;