@salutejs/plasma-new-hope 0.88.0-canary.1223.9405589989.0 → 0.88.0-canary.1223.9447085309.0

package/cjs/components/Accordion/Accordion.js

@@ -17,21 +17,29 @@ var accordionRoot = function accordionRoot(Root) {
       view = _ref.view,
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      defaultActiveIndex = _ref.defaultActiveIndex,
+      _ref$defaultActiveInd = _ref.defaultActiveIndex,
+      defaultActiveIndex = _ref$defaultActiveInd === void 0 ? [] : _ref$defaultActiveInd,
       children = _ref.children,
       disabled = _ref.disabled,
       className = _ref.className,
       singleActive = _ref.singleActive,
-      onChangeValue = _ref.onChangeValue;
+      onChange = _ref.onChange;
     var stretchingClass = Accordion_tokens.classes["".concat(stretching, "Stretching")];
     var _useState = React.useState(defaultActiveIndex),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
       activeIndex = _useState2[0],
       setActiveIndex = _useState2[1];
     var updateValue = function updateValue(index, value) {
-      onChangeValue && onChangeValue(index, value);
-      if (value && singleActive) {
-        setActiveIndex(index);
+      onChange && onChange(index, value);
+      if (singleActive) {
+        setActiveIndex([index]);
+      } else if (value) {
+        setActiveIndex([index].concat(_rollupPluginBabelHelpers.toConsumableArray(activeIndex)));
+      } else {
+        var indexItem = activeIndex.findIndex(function (i) {
+          return i === index;
+        });
+        setActiveIndex(activeIndex.splice(indexItem, 1));
       }
     };
     var childrenArray = React.Children.toArray(children);

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 { RootProps } 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: RootProps<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                onChangeValue,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            const [activeIndex, setActiveIndex] = useState<number | undefined>(defaultActiveIndex);\n\n            const updateValue = (index?: number, value?: boolean) => {\n                onChangeValue && onChangeValue(index, value);\n                if (value && singleActive) {\n                    setActiveIndex(index);\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","defaultActiveIndex","children","disabled","className","singleActive","onChangeValue","stretchingClass","classes","concat","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","updateValue","index","value","childrenArray","Children","toArray","childrenMemo","getChildren","React","createElement","ref","cx","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;;IAYaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACzEC,gBAAU,CACN,UAAAC,IAAA,EAYIC,YAAY,EACX;AAAA,IAAA,IAXGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAAC,eAAA,GAAAJ,IAAA,CACJK,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MACrBE,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;MAClBC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;MACRC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;MACRC,SAAS,GAAAT,IAAA,CAATS,SAAS;MACTC,YAAY,GAAAV,IAAA,CAAZU,YAAY;MACZC,aAAa,GAAAX,IAAA,CAAbW,aAAa,CAAA;AAIjB,IAAA,IAAMC,eAAe,GAAGC,wBAAO,IAAAC,MAAA,CAAIT,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,IAAAU,SAAA,GAAsCC,cAAQ,CAAqBV,kBAAkB,CAAC;MAAAW,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/EI,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAElC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAc,EAAEC,KAAe,EAAK;AACrDZ,MAAAA,aAAa,IAAIA,aAAa,CAACW,KAAK,EAAEC,KAAK,CAAC,CAAA;MAC5C,IAAIA,KAAK,IAAIb,YAAY,EAAE;QACvBU,cAAc,CAACE,KAAK,CAAC,CAAA;AACzB,OAAA;KACH,CAAA;AAED,IAAA,IAAME,aAAa,GAAGC,cAAQ,CAACC,OAAO,CAACnB,QAAQ,CAAyB,CAAA;IAExE,IAAMoB,YAAY,GAAGC,iBAAW,CAACJ,aAAa,EAAEL,WAAW,EAAEX,QAAQ,EAAEa,WAAW,CAAC,CAAA;AAEnF,IAAA,oBACIQ,KAAA,CAAAC,aAAA,CAAChC,IAAI,EAAA;AACDiC,MAAAA,GAAG,EAAE9B,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXM,SAAS,EAAEuB,UAAE,CAACpB,eAAe,EAAEC,wBAAO,CAAChB,aAAa,EAAEY,SAAS,CAAA;AAAE,KAAA,EAEhEkB,YACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMM,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEvC,aAAa;AACrBwC,EAAAA,IAAI,EAAJA,qBAAI;AACJC,EAAAA,UAAU,EAAE;AACRnC,IAAAA,IAAI,EAAE;AACFoC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDtC,IAAAA,IAAI,EAAE;AACFqC,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNvC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"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":";;;;;;;;;;;;;IAYaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA2D,EAAA;AAAA,EAAA,oBACrFC,gBAAU,CACN,UAAAC,IAAA,EAYIC,YAAY,EACX;AAAA,IAAA,IAXGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAAC,eAAA,GAAAJ,IAAA,CACJK,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MAAAE,qBAAA,GAAAN,IAAA,CACrBO,kBAAkB;AAAlBA,MAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;MACvBE,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;MACRC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;MACRC,SAAS,GAAAV,IAAA,CAATU,SAAS;MACTC,YAAY,GAAAX,IAAA,CAAZW,YAAY;MACZC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ,CAAA;AAIZ,IAAA,IAAMC,eAAe,GAAGC,wBAAO,IAAAC,MAAA,CAAIV,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,IAAAW,SAAA,GAAsCC,cAAQ,CAAWV,kBAAkB,CAAC;MAAAW,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAArEI,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAElC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAa,EAAEC,KAAe,EAAK;AACpDZ,MAAAA,QAAQ,IAAIA,QAAQ,CAACW,KAAK,EAAEC,KAAK,CAAC,CAAA;AAClC,MAAA,IAAIb,YAAY,EAAE;AACdU,QAAAA,cAAc,CAAC,CAACE,KAAK,CAAC,CAAC,CAAA;OAC1B,MAAM,IAAIC,KAAK,EAAE;QACdH,cAAc,CAAA,CAAEE,KAAK,CAAAR,CAAAA,MAAA,CAAAU,2CAAA,CAAKL,WAAW,CAAA,CAAC,CAAC,CAAA;AAC3C,OAAC,MAAM;AACH,QAAA,IAAMM,SAAS,GAAGN,WAAW,CAACO,SAAS,CAAC,UAACC,CAAC,EAAA;UAAA,OAAKA,CAAC,KAAKL,KAAK,CAAA;SAAC,CAAA,CAAA;QAC3DF,cAAc,CAACD,WAAW,CAACS,MAAM,CAACH,SAAS,EAAE,CAAC,CAAC,CAAC,CAAA;AACpD,OAAA;KACH,CAAA;AAED,IAAA,IAAMI,aAAa,GAAGC,cAAQ,CAACC,OAAO,CAACxB,QAAQ,CAAyB,CAAA;IAExE,IAAMyB,YAAY,GAAGC,iBAAW,CAACJ,aAAa,EAAEV,WAAW,EAAEX,QAAQ,EAAEa,WAAW,CAAC,CAAA;AAEnF,IAAA,oBACIa,KAAA,CAAAC,aAAA,CAACtC,IAAI,EAAA;AACDuC,MAAAA,GAAG,EAAEpC,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXO,SAAS,EAAE4B,UAAE,CAACzB,eAAe,EAAEC,wBAAO,CAACjB,aAAa,EAAEa,SAAS,CAAA;AAAE,KAAA,EAEhEuB,YACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMM,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE7C,aAAa;AACrB8C,EAAAA,IAAI,EAAJA,qBAAI;AACJC,EAAAA,UAAU,EAAE;AACRzC,IAAAA,IAAI,EAAE;AACF0C,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD5C,IAAAA,IAAI,EAAE;AACF2C,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN7C,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

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

@@ -20,8 +20,10 @@ var AccordionItem = function AccordionItem(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'sign' : _ref$type,
     index = _ref.index,
+    eventKey = _ref.eventKey,
     disabled = _ref.disabled,
-    onChangeValue = _ref.onChangeValue;
+    onChange = _ref.onChange;
+  var key = eventKey !== null && eventKey !== void 0 ? eventKey : index;
   var _useState = React.useState(value),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -35,7 +37,7 @@ var AccordionItem = function AccordionItem(_ref) {
       return;
     }
     setShow(!isOpen);
-    onChangeValue && onChangeValue(index, !isOpen);
+    onChange && onChange(key, !isOpen);
   };
   var onKeyPress = function onKeyPress(event) {
     if (disabled) {
@@ -49,7 +51,6 @@ var AccordionItem = function AccordionItem(_ref) {
   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);
@@ -78,7 +79,7 @@ var AccordionItem = function AccordionItem(_ref) {
     role: "tab",
     className: Accordion_tokens.classes.accordionItem,
     tabIndex: 0,
-    key: index,
+    key: key,
     style: {
       borderRadius: accordionBorderRadius
     },

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    disabled,\n    onChangeValue,\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        onChangeValue && onChangeValue(index, !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={index}\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={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","disabled","onChangeValue","_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","key","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 [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        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}</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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"}

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

@@ -11,9 +11,12 @@ var updatePropsRecursively = function updatePropsRecursively(children, activeInd
     }
     var props = {
       index: index,
-      value: activeIndex === index,
+      value: !!(activeIndex !== null && activeIndex !== void 0 && activeIndex.find(function (i) {
+        var _child$props$eventKey;
+        return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
+      })),
       disabled: disabled,
-      onChangeValue: updateValue
+      onChange: updateValue
     };
     return /*#__PURE__*/React.cloneElement(child, props);
   });

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 === index,\n            disabled,\n            onChangeValue: 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","onChangeValue","cloneElement","getChildren"],"mappings":";;;;;;AAIaA,IAAAA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,QAA6C,EAC7CC,WAAoB,EACpBC,QAAkB,EAClBC,WAAuD,EAAA;AAAA,EAAA,OAEvDC,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;MACLG,KAAK,EAAET,WAAW,KAAKM,KAAK;AAC5BL,MAAAA,QAAQ,EAARA,QAAQ;AACRS,MAAAA,aAAa,EAAER,WAAAA;KAClB,CAAA;AAED,IAAA,oBAAOS,kBAAY,CAACN,KAAK,EAAEG,KAAK,CAAC,CAAA;AACrC,GAAC,CAAC,CAAA;AAAA,EAAA;AAEOI,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBb,QAA4C,EAC5CC,WAAoB,EACpBC,QAAkB,EAClBC,WAAuD,EACtD;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?.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;;;;;"}

package/es/components/Accordion/Accordion.js

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useState, Children } from 'react';
 import { cx } from '../../utils/index.js';
 import { base } from './Accordion.styles.js';
@@ -13,21 +13,29 @@ var accordionRoot = function accordionRoot(Root) {
       view = _ref.view,
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      defaultActiveIndex = _ref.defaultActiveIndex,
+      _ref$defaultActiveInd = _ref.defaultActiveIndex,
+      defaultActiveIndex = _ref$defaultActiveInd === void 0 ? [] : _ref$defaultActiveInd,
       children = _ref.children,
       disabled = _ref.disabled,
       className = _ref.className,
       singleActive = _ref.singleActive,
-      onChangeValue = _ref.onChangeValue;
+      onChange = _ref.onChange;
     var stretchingClass = classes["".concat(stretching, "Stretching")];
     var _useState = useState(defaultActiveIndex),
       _useState2 = _slicedToArray(_useState, 2),
       activeIndex = _useState2[0],
       setActiveIndex = _useState2[1];
     var updateValue = function updateValue(index, value) {
-      onChangeValue && onChangeValue(index, value);
-      if (value && singleActive) {
-        setActiveIndex(index);
+      onChange && onChange(index, value);
+      if (singleActive) {
+        setActiveIndex([index]);
+      } else if (value) {
+        setActiveIndex([index].concat(_toConsumableArray(activeIndex)));
+      } else {
+        var indexItem = activeIndex.findIndex(function (i) {
+          return i === index;
+        });
+        setActiveIndex(activeIndex.splice(indexItem, 1));
       }
     };
     var childrenArray = Children.toArray(children);

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 { RootProps } 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: RootProps<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                onChangeValue,\n            },\n            outerRootRef,\n        ) => {\n            const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n            const [activeIndex, setActiveIndex] = useState<number | undefined>(defaultActiveIndex);\n\n            const updateValue = (index?: number, value?: boolean) => {\n                onChangeValue && onChangeValue(index, value);\n                if (value && singleActive) {\n                    setActiveIndex(index);\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","defaultActiveIndex","children","disabled","className","singleActive","onChangeValue","stretchingClass","classes","concat","_useState","useState","_useState2","_slicedToArray","activeIndex","setActiveIndex","updateValue","index","value","childrenArray","Children","toArray","childrenMemo","getChildren","React","createElement","ref","cx","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;IAYaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACzEC,UAAU,CACN,UAAAC,IAAA,EAYIC,YAAY,EACX;AAAA,IAAA,IAXGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAAC,eAAA,GAAAJ,IAAA,CACJK,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MACrBE,kBAAkB,GAAAN,IAAA,CAAlBM,kBAAkB;MAClBC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;MACRC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;MACRC,SAAS,GAAAT,IAAA,CAATS,SAAS;MACTC,YAAY,GAAAV,IAAA,CAAZU,YAAY;MACZC,aAAa,GAAAX,IAAA,CAAbW,aAAa,CAAA;AAIjB,IAAA,IAAMC,eAAe,GAAGC,OAAO,IAAAC,MAAA,CAAIT,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,IAAAU,SAAA,GAAsCC,QAAQ,CAAqBV,kBAAkB,CAAC;MAAAW,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/EI,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAElC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAc,EAAEC,KAAe,EAAK;AACrDZ,MAAAA,aAAa,IAAIA,aAAa,CAACW,KAAK,EAAEC,KAAK,CAAC,CAAA;MAC5C,IAAIA,KAAK,IAAIb,YAAY,EAAE;QACvBU,cAAc,CAACE,KAAK,CAAC,CAAA;AACzB,OAAA;KACH,CAAA;AAED,IAAA,IAAME,aAAa,GAAGC,QAAQ,CAACC,OAAO,CAACnB,QAAQ,CAAyB,CAAA;IAExE,IAAMoB,YAAY,GAAGC,WAAW,CAACJ,aAAa,EAAEL,WAAW,EAAEX,QAAQ,EAAEa,WAAW,CAAC,CAAA;AAEnF,IAAA,oBACIQ,KAAA,CAAAC,aAAA,CAAChC,IAAI,EAAA;AACDiC,MAAAA,GAAG,EAAE9B,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXM,SAAS,EAAEuB,EAAE,CAACpB,eAAe,EAAEC,OAAO,CAAChB,aAAa,EAAEY,SAAS,CAAA;AAAE,KAAA,EAEhEkB,YACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMM,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEvC,aAAa;AACrBwC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRnC,IAAAA,IAAI,EAAE;AACFoC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDtC,IAAAA,IAAI,EAAE;AACFqC,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNvC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"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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"}

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

@@ -16,8 +16,10 @@ var AccordionItem = function AccordionItem(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'sign' : _ref$type,
     index = _ref.index,
+    eventKey = _ref.eventKey,
     disabled = _ref.disabled,
-    onChangeValue = _ref.onChangeValue;
+    onChange = _ref.onChange;
+  var key = eventKey !== null && eventKey !== void 0 ? eventKey : index;
   var _useState = useState(value),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -31,7 +33,7 @@ var AccordionItem = function AccordionItem(_ref) {
       return;
     }
     setShow(!isOpen);
-    onChangeValue && onChangeValue(index, !isOpen);
+    onChange && onChange(key, !isOpen);
   };
   var onKeyPress = function onKeyPress(event) {
     if (disabled) {
@@ -45,7 +47,6 @@ var AccordionItem = function AccordionItem(_ref) {
   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);
@@ -74,7 +75,7 @@ var AccordionItem = function AccordionItem(_ref) {
     role: "tab",
     className: classes.accordionItem,
     tabIndex: 0,
-    key: index,
+    key: key,
     style: {
       borderRadius: accordionBorderRadius
     },

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    disabled,\n    onChangeValue,\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        onChangeValue && onChangeValue(index, !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={index}\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={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","disabled","onChangeValue","_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","key","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 [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        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}</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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"}

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

@@ -7,9 +7,12 @@ var updatePropsRecursively = function updatePropsRecursively(children, activeInd
     }
     var props = {
       index: index,
-      value: activeIndex === index,
+      value: !!(activeIndex !== null && activeIndex !== void 0 && activeIndex.find(function (i) {
+        var _child$props$eventKey;
+        return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
+      })),
       disabled: disabled,
-      onChangeValue: updateValue
+      onChange: updateValue
     };
     return /*#__PURE__*/cloneElement(child, props);
   });

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 === index,\n            disabled,\n            onChangeValue: 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","onChangeValue","cloneElement","getChildren"],"mappings":";;AAIaA,IAAAA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC/BC,QAA6C,EAC7CC,WAAoB,EACpBC,QAAkB,EAClBC,WAAuD,EAAA;AAAA,EAAA,OAEvDC,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;MACLG,KAAK,EAAET,WAAW,KAAKM,KAAK;AAC5BL,MAAAA,QAAQ,EAARA,QAAQ;AACRS,MAAAA,aAAa,EAAER,WAAAA;KAClB,CAAA;AAED,IAAA,oBAAOS,YAAY,CAACN,KAAK,EAAEG,KAAK,CAAC,CAAA;AACrC,GAAC,CAAC,CAAA;AAAA,EAAA;AAEOI,IAAAA,WAAW,GAAG,SAAdA,WAAWA,CACpBb,QAA4C,EAC5CC,WAAoB,EACpBC,QAAkB,EAClBC,WAAuD,EACtD;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?.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;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.88.0-canary.1223.9405589989.0",
+  "version": "0.88.0-canary.1223.9447085309.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": "f9103840f3c3e68b06eabe6ac13de149b9c80b6d"
+  "gitHead": "e0b851664b1cbfea1544ca3c924d2227127d97e9"
 }

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

@@ -14,6 +14,10 @@ var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _utils2 = /*#__PURE__*/require("./utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -26,21 +30,29 @@ var accordionRoot = exports.accordionRoot = function accordionRoot(Root) {
       view = _ref.view,
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      defaultActiveIndex = _ref.defaultActiveIndex,
+      _ref$defaultActiveInd = _ref.defaultActiveIndex,
+      defaultActiveIndex = _ref$defaultActiveInd === void 0 ? [] : _ref$defaultActiveInd,
       children = _ref.children,
       disabled = _ref.disabled,
       className = _ref.className,
       singleActive = _ref.singleActive,
-      onChangeValue = _ref.onChangeValue;
+      onChange = _ref.onChange;
     var stretchingClass = _Accordion2.classes["".concat(stretching, "Stretching")];
     var _useState = (0, _react.useState)(defaultActiveIndex),
       _useState2 = _slicedToArray(_useState, 2),
       activeIndex = _useState2[0],
       setActiveIndex = _useState2[1];
     var updateValue = function updateValue(index, value) {
-      onChangeValue && onChangeValue(index, value);
-      if (value && singleActive) {
-        setActiveIndex(index);
+      onChange && onChange(index, value);
+      if (singleActive) {
+        setActiveIndex([index]);
+      } else if (value) {
+        setActiveIndex([index].concat(_toConsumableArray(activeIndex)));
+      } else {
+        var indexItem = activeIndex.findIndex(function (i) {
+          return i === index;
+        });
+        setActiveIndex(activeIndex.splice(indexItem, 1));
       }
     };
     var childrenArray = _react.Children.toArray(children);

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

@@ -29,8 +29,10 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'sign' : _ref$type,
     index = _ref.index,
+    eventKey = _ref.eventKey,
     disabled = _ref.disabled,
-    onChangeValue = _ref.onChangeValue;
+    onChange = _ref.onChange;
+  var key = eventKey !== null && eventKey !== void 0 ? eventKey : index;
   var _useState = (0, _react.useState)(value),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -44,7 +46,7 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
       return;
     }
     setShow(!isOpen);
-    onChangeValue && onChangeValue(index, !isOpen);
+    onChange && onChange(key, !isOpen);
   };
   var onKeyPress = function onKeyPress(event) {
     if (disabled) {
@@ -58,7 +60,6 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
   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);
@@ -87,7 +88,7 @@ var AccordionItem = exports.AccordionItem = function AccordionItem(_ref) {
     role: "tab",
     className: _Accordion.classes.accordionItem,
     tabIndex: 0,
-    key: index,
+    key: key,
     style: {
       borderRadius: accordionBorderRadius
     },

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

@@ -12,9 +12,12 @@ var updatePropsRecursively = exports.updatePropsRecursively = function updatePro
     }
     var props = {
       index: index,
-      value: activeIndex === index,
+      value: !!(activeIndex !== null && activeIndex !== void 0 && activeIndex.find(function (i) {
+        var _child$props$eventKey;
+        return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
+      })),
       disabled: disabled,
-      onChangeValue: updateValue
+      onChange: updateValue
     };
     return /*#__PURE__*/(0, _react.cloneElement)(child, props);
   });

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

@@ -51,7 +51,7 @@ export const Default: StoryObj<ComponentProps<typeof Accordion>> = {
 
         return (
             <Accordion {...args}>
-                <AccordionItem type={args.type} pin={args.pin} title={args.title}>
+                <AccordionItem type={args.type} pin={args.pin} title={args.title} eventKey={3435}>
                     {args.body}
                 </AccordionItem>
                 <AccordionItem type={args.type} pin={args.pin} title={args.title}>

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

@@ -1,3 +1,7 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -17,21 +21,29 @@ export var accordionRoot = function accordionRoot(Root) {
       view = _ref.view,
       _ref$stretching = _ref.stretching,
       stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
-      defaultActiveIndex = _ref.defaultActiveIndex,
+      _ref$defaultActiveInd = _ref.defaultActiveIndex,
+      defaultActiveIndex = _ref$defaultActiveInd === void 0 ? [] : _ref$defaultActiveInd,
       children = _ref.children,
       disabled = _ref.disabled,
       className = _ref.className,
       singleActive = _ref.singleActive,
-      onChangeValue = _ref.onChangeValue;
+      onChange = _ref.onChange;
     var stretchingClass = classes["".concat(stretching, "Stretching")];
     var _useState = useState(defaultActiveIndex),
       _useState2 = _slicedToArray(_useState, 2),
       activeIndex = _useState2[0],
       setActiveIndex = _useState2[1];
     var updateValue = function updateValue(index, value) {
-      onChangeValue && onChangeValue(index, value);
-      if (value && singleActive) {
-        setActiveIndex(index);
+      onChange && onChange(index, value);
+      if (singleActive) {
+        setActiveIndex([index]);
+      } else if (value) {
+        setActiveIndex([index].concat(_toConsumableArray(activeIndex)));
+      } else {
+        var indexItem = activeIndex.findIndex(function (i) {
+          return i === index;
+        });
+        setActiveIndex(activeIndex.splice(indexItem, 1));
       }
     };
     var childrenArray = Children.toArray(children);

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

@@ -20,8 +20,10 @@ export var AccordionItem = function AccordionItem(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'sign' : _ref$type,
     index = _ref.index,
+    eventKey = _ref.eventKey,
     disabled = _ref.disabled,
-    onChangeValue = _ref.onChangeValue;
+    onChange = _ref.onChange;
+  var key = eventKey !== null && eventKey !== void 0 ? eventKey : index;
   var _useState = useState(value),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
@@ -35,7 +37,7 @@ export var AccordionItem = function AccordionItem(_ref) {
       return;
     }
     setShow(!isOpen);
-    onChangeValue && onChangeValue(index, !isOpen);
+    onChange && onChange(key, !isOpen);
   };
   var onKeyPress = function onKeyPress(event) {
     if (disabled) {
@@ -49,7 +51,6 @@ export var AccordionItem = function AccordionItem(_ref) {
   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);
@@ -78,7 +79,7 @@ export var AccordionItem = function AccordionItem(_ref) {
     role: "tab",
     className: classes.accordionItem,
     tabIndex: 0,
-    key: index,
+    key: key,
     style: {
       borderRadius: accordionBorderRadius
     },

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

@@ -6,9 +6,12 @@ export var updatePropsRecursively = function updatePropsRecursively(children, ac
     }
     var props = {
       index: index,
-      value: activeIndex === index,
+      value: !!(activeIndex !== null && activeIndex !== void 0 && activeIndex.find(function (i) {
+        var _child$props$eventKey;
+        return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
+      })),
       disabled: disabled,
-      onChangeValue: updateValue
+      onChange: updateValue
     };
     return /*#__PURE__*/cloneElement(child, props);
   });

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

@@ -51,7 +51,7 @@ export const Default: StoryObj<ComponentProps<typeof Accordion>> = {
 
         return (
             <Accordion {...args}>
-                <AccordionItem type={args.type} pin={args.pin} title={args.title}>
+                <AccordionItem type={args.type} pin={args.pin} title={args.title} eventKey={3435}>
                     {args.body}
                 </AccordionItem>
                 <AccordionItem type={args.type} pin={args.pin} title={args.title}>

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

@@ -1,28 +1,28 @@
 import React from 'react';
-import { RootProps } from '../../engines';
+import { RootPropsOmitOnChange } from '../../engines';
 import type { AccordionProps } from './Accordion.types';
-export declare const accordionRoot: (Root: RootProps<HTMLDivElement, AccordionProps>) => React.ForwardRefExoticComponent<{
+export declare const accordionRoot: (Root: RootPropsOmitOnChange<HTMLDivElement, AccordionProps>) => React.ForwardRefExoticComponent<{
     view: string;
     size?: string | undefined;
     singleActive?: boolean | undefined;
-    defaultActiveIndex?: number | undefined;
+    defaultActiveIndex?: number[] | undefined;
     disabled?: boolean | undefined;
     stretching?: "fixed" | "filled" | undefined;
-    onChangeValue?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;
+    onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;
     children?: React.ReactNode;
     className?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const accordionConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLDivElement, AccordionProps>) => React.ForwardRefExoticComponent<{
+    layout: (Root: RootPropsOmitOnChange<HTMLDivElement, AccordionProps>) => React.ForwardRefExoticComponent<{
         view: string;
         size?: string | undefined;
         singleActive?: boolean | undefined;
-        defaultActiveIndex?: number | undefined;
+        defaultActiveIndex?: number[] | undefined;
         disabled?: boolean | undefined;
         stretching?: "fixed" | "filled" | undefined;
-        onChangeValue?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;
+        onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;
         children?: React.ReactNode;
         className?: string | undefined;
     } & React.RefAttributes<HTMLDivElement>>;

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,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAOxD,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;wCA0CxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA5CQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CA6D5E,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;;;;;;;;;;wCA+CpF,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAjDQ,sBAAsB,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAkExF,CAAC"}

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

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

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,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAEhC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAE1D,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,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"}

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,CAwFvF,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,CA0FvF,CAAC"}

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

@@ -32,11 +32,15 @@ declare type CustomAccordionItemProps = {
     /**
      * Функция при открытии аккардеона
      */
-    onChangeValue?: (index: number, value: boolean) => void;
+    onChange: (index: number, value: boolean) => void;
     /**
      * Блокировка элемента
      */
     disabled?: boolean;
+    /**
+     * Индекс элемента
+     */
+    eventKey?: number;
     /**
      * Индекс элемента
      */

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAEvD,aAAK,wBAAwB,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IAElC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IAEV;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAExD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,wBAAwB,CAAC"}
+{"version":3,"file":"AccordionItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAEvD,aAAK,wBAAwB,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IAElC;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC;IAEV;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAElD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAMnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,wBAAwB,CAAC"}

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

@@ -8,9 +8,10 @@ export declare const updatePropsRecursively: (children?: ReactElement<{
     pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
     title: ReactNode;
     children: ReactNode;
-    onChangeValue?: ((index: number, value: boolean) => void) | undefined;
+    onChange: (index: number, value: boolean) => void;
     disabled?: boolean | undefined;
+    eventKey?: number | undefined;
     index: number;
-}, string | import("react").JSXElementConstructor<any>>[] | undefined, activeIndex?: number | undefined, disabled?: boolean | undefined, updateValue?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined) => ReactNode[];
-export declare const getChildren: (children: ReactElement<AccordionItemProps>[], activeIndex?: number | undefined, disabled?: boolean | undefined, updateValue?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined) => ReactNode[];
+}, string | import("react").JSXElementConstructor<any>>[] | undefined, activeIndex?: number[] | undefined, disabled?: boolean | undefined, updateValue?: ((index: number, value?: boolean | undefined) => void) | undefined) => ReactNode[];
+export declare const getChildren: (children: ReactElement<AccordionItemProps>[], activeIndex?: number[] | undefined, disabled?: boolean | undefined, updateValue?: ((index: number, value?: boolean | undefined) => void) | undefined) => ReactNode[];
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAExF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,eAAO,MAAM,sBAAsB;;;;;;;;;;;qNAIoB,IAAI,kBACxD,SAAS,EAcN,CAAC;AAEP,eAAO,MAAM,WAAW,aACV,aAAa,kBAAkB,CAAC,EAAE,gJAGO,IAAI,6BAG1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,YAAY,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAExF,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,eAAO,MAAM,sBAAsB;;;;;;;;;;;;kKAIT,MAAM,kCAAsB,IAAI,kBACvD,SAAS,EAcN,CAAC;AAEP,eAAO,MAAM,WAAW,aACV,aAAa,kBAAkB,CAAC,EAAE,6FAGtB,MAAM,kCAAsB,IAAI,6BAGzD,CAAC"}

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

@@ -15,10 +15,10 @@ export declare const Accordion: import("react").FunctionComponent<import("../../
     view: string;
     size?: string | undefined;
     singleActive?: boolean | undefined;
-    defaultActiveIndex?: number | undefined;
+    defaultActiveIndex?: number[] | undefined;
     disabled?: boolean | undefined;
     stretching?: "fixed" | "filled" | undefined;
-    onChangeValue?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;
+    onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;
     children?: import("react").ReactNode;
     className?: string | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -19,10 +19,10 @@ export declare const Accordion: import("react").FunctionComponent<import("../../
     view: string;
     size?: string | undefined;
     singleActive?: boolean | undefined;
-    defaultActiveIndex?: number | undefined;
+    defaultActiveIndex?: number[] | undefined;
     disabled?: boolean | undefined;
     stretching?: "fixed" | "filled" | undefined;
-    onChangeValue?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;
+    onChange?: ((index?: number | undefined, value?: boolean | undefined) => void) | undefined;
     children?: import("react").ReactNode;
     className?: string | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;