@itcase/ui-web 1.10.6 → 1.10.7

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

@@ -83,6 +83,7 @@ type AccordionItemProps = AccordionItemAppearanceProps & StyleAttributes & {
     children?: ReactNode;
     className?: string;
     content?: ReactNode;
+    dataTestId?: string;
     isExpanded?: boolean;
     onClick?: (item: AccordionItemEventData) => void;
     style?: CSSProperties;

package/dist/types/components/Accordion/Accordion.js

@@ -31,7 +31,7 @@ function Accordion(props) {
     }, [isMultiple, onClickItem]);
     const accordionItemsList = useMemo(() => {
         if (items) {
-            return items.map((item, i) => (_jsx(AccordionItem, { id: item.id, appearance: appearance, title: item.title, content: item.content, isExpanded: expandedItems.includes(item.id), onClick: onClickAccordionItem }, `accordionItem_${item.id || i + 1}`)));
+            return items.map((item, i) => (_jsx(AccordionItem, { id: item.id, appearance: appearance, dataTestId: dataTestId, title: item.title, content: item.content, isExpanded: expandedItems.includes(item.id), onClick: onClickAccordionItem }, `accordionItem_${item.id || i + 1}`)));
         }
         if (children) {
             return React.Children.toArray(children).map((child) => {
@@ -39,6 +39,7 @@ function Accordion(props) {
                     const childID = child.props.id || child.key;
                     return React.cloneElement(child, {
                         id: childID,
+                        dataTestId: child.props.dataTestId ?? dataTestId,
                         isExpanded: expandedItems.includes(childID),
                         onClick: onClickAccordionItem,
                     });
@@ -47,7 +48,14 @@ function Accordion(props) {
             });
         }
         return [];
-    }, [items, children, appearance, expandedItems, onClickAccordionItem]);
+    }, [
+        items,
+        children,
+        appearance,
+        dataTestId,
+        expandedItems,
+        onClickAccordionItem,
+    ]);
     const propsGenerator = useDevicePropsGenerator(props);
     const { fillClass, borderColorClass, shapeClass, widthClass } = propsGenerator;
     const { styles: accordionStyles } = useStyles(props);

package/dist/types/components/Accordion/AccordionItem.js

@@ -15,7 +15,7 @@ const accordionItemConfig = {
     },
 };
 function AccordionItem(props) {
-    const { id, appearance, className, title, afterContent, beforeContent, content, isExpanded, onClick, children, } = props;
+    const { id, appearance, className, dataTestId, title, afterContent, beforeContent, content, isExpanded, onClick, children, } = props;
     const onClickTitle = useCallback(() => {
         const thisItemData = {
             id: id,
@@ -29,6 +29,6 @@ function AccordionItem(props) {
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, fillHoverClass, titleBorderColorClass, titleFillClass, titleFillHoverClass, titleTextColor, titleTextSize, titleTextWeight, titleWidthClass, borderColorClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, badgeValue, contentTextColor, contentTextSize, contentTextWeight, dividerDirection, dividerFill, dividerSize, icon, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, showDivider, sizeClass, zeroGap, zeroPadding, } = propsGenerator;
     const { styles } = useStyles(props);
-    return (_jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `accordion-item_size_${sizeClass}`, isExpanded && 'accordion-item_state_open'), style: styles, children: [_jsxs("div", { className: clsx('accordion-item__header', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`), children: [_jsx(Text, { className: clsx('accordion-item__title', titleBorderColorClass && `border-color_${titleBorderColorClass}`, titleFillClass && `fill_${titleFillClass}`, titleFillHoverClass && `fill_hover_${titleFillHoverClass}`, titleWidthClass && `width_${titleWidthClass}`, onClick && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), _jsxs("div", { className: "accordion-item__action", children: [badgeValue && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "accordion-item__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle }))] }), showDivider && (_jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), beforeContent, isExpanded && (_jsxs("div", { className: clsx('accordion-item__content'), children: [content && (_jsx("div", { className: clsx('accordion-item__content-inner', fillClass && `fill_${fillClass}`), children: _jsx(Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
+    return (_jsxs("div", { className: clsx('accordion-item', className, zeroPadding && 'accordion-item_zero-padding', zeroGap && 'accordion-item_zero-gap', borderColorClass && `border-color_${borderColorClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `accordion-item_size_${sizeClass}`, isExpanded && 'accordion-item_state_open'), style: styles, children: [_jsxs("div", { className: clsx('accordion-item__header', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`), "data-testid": dataTestId && id ? `${dataTestId}Item${id}Title` : undefined, children: [_jsx(Text, { className: clsx('accordion-item__title', titleBorderColorClass && `border-color_${titleBorderColorClass}`, titleFillClass && `fill_${titleFillClass}`, titleFillHoverClass && `fill_hover_${titleFillHoverClass}`, titleWidthClass && `width_${titleWidthClass}`, onClick && 'cursor_type_pointer'), size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, onClick: onClickTitle, children: title }), _jsxs("div", { className: "accordion-item__action", children: [badgeValue && (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "accordion-item__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (_jsx(Icon, { className: clsx('accordion-item__icon'), fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: onClickTitle }))] }), showDivider && (_jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill || 'surfaceTertiary' }))] }), beforeContent, isExpanded && (_jsxs("div", { className: clsx('accordion-item__content'), children: [content && (_jsx("div", { className: clsx('accordion-item__content-inner', fillClass && `fill_${fillClass}`), children: _jsx(Text, { size: contentTextSize, textColor: contentTextColor, textWeight: contentTextWeight, children: content }) })), children] })), afterContent] }));
 }
 export { AccordionItem, accordionItemConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-web",
-  "version": "1.10.6",
+  "version": "1.10.7",
   "description": "UI components",
   "keywords": "",
   "license": "MIT",
@@ -48,20 +48,20 @@
     ]
   },
   "dependencies": {
-    "@itcase/common": "^1.2.41",
+    "@itcase/common": "^1.2.43",
     "@itcase/icons": "^1.2.29",
     "@itcase/tokens-am": "^1.1.57",
     "@itcase/tokens-baikal": "^1.1.54",
     "@itcase/tokens-palette": "^1.1.50",
-    "@itcase/ui-core": "^1.10.2",
+    "@itcase/ui-core": "^1.10.7",
     "@rc-component/tooltip": "^1.4.0",
     "clsx": "^2.1.1",
-    "date-fns": "^4.2.1",
-    "framer-motion": "^12.39.0",
+    "date-fns": "^4.3.0",
+    "framer-motion": "^12.40.0",
     "js-cookie": "^3.0.7",
     "lodash": "^4.18.1",
     "luxon": "^3.7.2",
-    "motion": "^12.39.0",
+    "motion": "^12.40.0",
     "rc-slider": "^11.1.9",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -83,11 +83,11 @@
     "uuid": "^14.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/preset-react": "^7.28.5",
-    "@itcase/storybook-config": "^1.2.58",
+    "@babel/core": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@itcase/storybook-config": "^1.2.69",
     "@itcase/types-core": "^1.1.74",
-    "@itcase/types-ui": "^1.1.75",
+    "@itcase/types-ui": "^1.1.79",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^7.0.0",
     "@rollup/plugin-commonjs": "^29.0.2",
@@ -96,7 +96,7 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-vitest": "^10.4.0",
+    "@storybook/addon-vitest": "^10.4.1",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.24",
     "@types/luxon": "^3.7.1",
@@ -111,8 +111,8 @@
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
-    "storybook": "^10.4.0",
+    "storybook": "^10.4.1",
     "typescript": "^6.0.3"
   },
-  "gitHead": "cd24500ce39bea5c1978eec8605d194ca69e0796"
+  "gitHead": "8a40e5fcfcbc614476acfd0e704537dcc2b5408f"
 }