@snack-uikit/accordion 0.9.10 → 0.10.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.10.0 (2025-01-21)
+
+
+### Features
+
+* **PDS-1443:** add a prop with logic that content would be removed from the DOM ([4182ad4](https://github.com/cloud-ru-tech/snack-uikit/commit/4182ad4b7d0ab6bd90293d7f290b2af8e6414f9c))
+
+
+
+
+
 ## 0.9.10 (2025-01-20)
 
 ### Only dependencies have been changed

package/dist/cjs/components/CollapseBlockPrimary/CollapseBlockPrimary.d.ts

@@ -1,2 +1,2 @@
 import { CollapseBlockPrimaryProps } from '../../types';
-export declare function CollapseBlockPrimary({ id, header, children, actions, className, outline, shape, ...rest }: CollapseBlockPrimaryProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollapseBlockPrimary({ id, header, children, actions, className, outline, shape, removeContentFromDOM, ...rest }: CollapseBlockPrimaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/CollapseBlockPrimary/CollapseBlockPrimary.js

@@ -31,9 +31,10 @@ function CollapseBlockPrimary(_a) {
       actions,
       className,
       outline,
-      shape = 'round'
+      shape = 'round',
+      removeContentFromDOM
     } = _a,
-    rest = __rest(_a, ["id", "header", "children", "actions", "className", "outline", "shape"]);
+    rest = __rest(_a, ["id", "header", "children", "actions", "className", "outline", "shape", "removeContentFromDOM"]);
   const {
     isExpanded,
     isExpandedDebounced,
@@ -52,7 +53,8 @@ function CollapseBlockPrimary(_a) {
       children: header
     }),
     expanded: isExpanded,
-    expandedDebounced: isExpandedDebounced
+    expandedDebounced: isExpandedDebounced,
+    removeContentFromDOM: removeContentFromDOM
   }, (0, utils_1.extractSupportProps)(rest), {
     children: children
   }));

package/dist/cjs/components/CollapseBlockSecondary/CollapseBlockSecondary.d.ts

@@ -1,2 +1,2 @@
 import { CollapseBlockSecondaryProps } from '../../types';
-export declare function CollapseBlockSecondary({ header, children, id, actions, className, ...rest }: CollapseBlockSecondaryProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollapseBlockSecondary({ header, children, id, actions, className, removeContentFromDOM, ...rest }: CollapseBlockSecondaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/CollapseBlockSecondary/CollapseBlockSecondary.js

@@ -29,9 +29,10 @@ function CollapseBlockSecondary(_a) {
       children,
       id,
       actions,
-      className
+      className,
+      removeContentFromDOM
     } = _a,
-    rest = __rest(_a, ["header", "children", "id", "actions", "className"]);
+    rest = __rest(_a, ["header", "children", "id", "actions", "className", "removeContentFromDOM"]);
   const {
     isExpanded,
     isExpandedDebounced,
@@ -46,7 +47,8 @@ function CollapseBlockSecondary(_a) {
       children: header
     }),
     expanded: isExpanded,
-    expandedDebounced: isExpandedDebounced
+    expandedDebounced: isExpandedDebounced,
+    removeContentFromDOM: removeContentFromDOM
   }, (0, utils_1.extractSupportProps)(rest), {
     children: children
   }));

package/dist/cjs/helperComponents/CollapseBlockPrivate/CollapseBlockPrivate.d.ts

@@ -5,7 +5,8 @@ export type CollapseBlockPrivateProps = WithSupportProps<{
     header: ReactNode;
     expanded: boolean;
     expandedDebounced: boolean;
+    removeContentFromDOM?: boolean;
     className?: string;
     shape?: 'round' | 'square';
 }>;
-export declare function CollapseBlockPrivate({ children, expanded, className, header, shape, expandedDebounced, ...rest }: CollapseBlockPrivateProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollapseBlockPrivate({ children, expanded, className, header, shape, expandedDebounced, removeContentFromDOM, ...rest }: CollapseBlockPrivateProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/CollapseBlockPrivate/CollapseBlockPrivate.js

@@ -29,9 +29,10 @@ function CollapseBlockPrivate(_a) {
       className,
       header,
       shape,
-      expandedDebounced
+      expandedDebounced,
+      removeContentFromDOM = true
     } = _a,
-    rest = __rest(_a, ["children", "expanded", "className", "header", "shape", "expandedDebounced"]);
+    rest = __rest(_a, ["children", "expanded", "className", "header", "shape", "expandedDebounced", "removeContentFromDOM"]);
   return (0, jsx_runtime_1.jsxs)("div", Object.assign({
     className: (0, classnames_1.default)(styles_module_scss_1.default.accordion, className),
     // eslint-disable-next-line jsx-a11y/aria-role
@@ -46,7 +47,7 @@ function CollapseBlockPrivate(_a) {
       children: (0, jsx_runtime_1.jsx)("div", {
         className: styles_module_scss_1.default.content,
         "data-content": true,
-        children: (expanded || expandedDebounced) && children
+        children: (!removeContentFromDOM || expanded || expandedDebounced) && children
       })
     })]
   }));

package/dist/cjs/types.d.ts

@@ -12,6 +12,8 @@ export type CollapseBlockSecondaryProps = WithSupportProps<{
     children: ReactNode;
     /** CSS-класс */
     className?: string;
+    /** Проп отвечающий будет ли контент удаляться из DOM дерева */
+    removeContentFromDOM?: boolean;
 }>;
 export type CollapseBlockPrimaryProps = CollapseBlockSecondaryProps & {
     /** Внешний бордер  */

package/dist/esm/components/CollapseBlockPrimary/CollapseBlockPrimary.d.ts

@@ -1,2 +1,2 @@
 import { CollapseBlockPrimaryProps } from '../../types';
-export declare function CollapseBlockPrimary({ id, header, children, actions, className, outline, shape, ...rest }: CollapseBlockPrimaryProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollapseBlockPrimary({ id, header, children, actions, className, outline, shape, removeContentFromDOM, ...rest }: CollapseBlockPrimaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/CollapseBlockPrimary/CollapseBlockPrimary.js

@@ -16,7 +16,7 @@ import { CollapseBlockHeaderContainer, CollapseBlockPrivate } from '../../helper
 import { useExpanded } from '../../hooks';
 import styles from './styles.module.css';
 export function CollapseBlockPrimary(_a) {
-    var { id, header, children, actions, className, outline, shape = 'round' } = _a, rest = __rest(_a, ["id", "header", "children", "actions", "className", "outline", "shape"]);
+    var { id, header, children, actions, className, outline, shape = 'round', removeContentFromDOM } = _a, rest = __rest(_a, ["id", "header", "children", "actions", "className", "outline", "shape", "removeContentFromDOM"]);
     const { isExpanded, isExpandedDebounced, handleToggleExpanded } = useExpanded(id);
-    return (_jsx(CollapseBlockPrivate, Object.assign({ className: cn(styles.containerBase, { [styles.container]: !outline, [styles.containerOutline]: outline }, className), shape: shape, header: _jsx(CollapseBlockHeaderContainer, { expanded: isExpanded, toggleExpanded: handleToggleExpanded, actions: actions, children: header }), expanded: isExpanded, expandedDebounced: isExpandedDebounced }, extractSupportProps(rest), { children: children })));
+    return (_jsx(CollapseBlockPrivate, Object.assign({ className: cn(styles.containerBase, { [styles.container]: !outline, [styles.containerOutline]: outline }, className), shape: shape, header: _jsx(CollapseBlockHeaderContainer, { expanded: isExpanded, toggleExpanded: handleToggleExpanded, actions: actions, children: header }), expanded: isExpanded, expandedDebounced: isExpandedDebounced, removeContentFromDOM: removeContentFromDOM }, extractSupportProps(rest), { children: children })));
 }

package/dist/esm/components/CollapseBlockSecondary/CollapseBlockSecondary.d.ts

@@ -1,2 +1,2 @@
 import { CollapseBlockSecondaryProps } from '../../types';
-export declare function CollapseBlockSecondary({ header, children, id, actions, className, ...rest }: CollapseBlockSecondaryProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollapseBlockSecondary({ header, children, id, actions, className, removeContentFromDOM, ...rest }: CollapseBlockSecondaryProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/CollapseBlockSecondary/CollapseBlockSecondary.js

@@ -16,7 +16,7 @@ import { CollapseBlockHeaderContainer, CollapseBlockPrivate } from '../../helper
 import { useExpanded } from '../../hooks';
 import styles from './styles.module.css';
 export function CollapseBlockSecondary(_a) {
-    var { header, children, id, actions, className } = _a, rest = __rest(_a, ["header", "children", "id", "actions", "className"]);
+    var { header, children, id, actions, className, removeContentFromDOM } = _a, rest = __rest(_a, ["header", "children", "id", "actions", "className", "removeContentFromDOM"]);
     const { isExpanded, isExpandedDebounced, handleToggleExpanded } = useExpanded(id);
-    return (_jsx(CollapseBlockPrivate, Object.assign({ className: cn(styles.container, className), header: _jsx(CollapseBlockHeaderContainer, { expanded: isExpanded, toggleExpanded: handleToggleExpanded, actions: actions, children: header }), expanded: isExpanded, expandedDebounced: isExpandedDebounced }, extractSupportProps(rest), { children: children })));
+    return (_jsx(CollapseBlockPrivate, Object.assign({ className: cn(styles.container, className), header: _jsx(CollapseBlockHeaderContainer, { expanded: isExpanded, toggleExpanded: handleToggleExpanded, actions: actions, children: header }), expanded: isExpanded, expandedDebounced: isExpandedDebounced, removeContentFromDOM: removeContentFromDOM }, extractSupportProps(rest), { children: children })));
 }

package/dist/esm/helperComponents/CollapseBlockPrivate/CollapseBlockPrivate.d.ts

@@ -5,7 +5,8 @@ export type CollapseBlockPrivateProps = WithSupportProps<{
     header: ReactNode;
     expanded: boolean;
     expandedDebounced: boolean;
+    removeContentFromDOM?: boolean;
     className?: string;
     shape?: 'round' | 'square';
 }>;
-export declare function CollapseBlockPrivate({ children, expanded, className, header, shape, expandedDebounced, ...rest }: CollapseBlockPrivateProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollapseBlockPrivate({ children, expanded, className, header, shape, expandedDebounced, removeContentFromDOM, ...rest }: CollapseBlockPrivateProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/CollapseBlockPrivate/CollapseBlockPrivate.js

@@ -15,8 +15,8 @@ import { extractSupportProps } from '@snack-uikit/utils';
 import { TEST_IDS } from '../../testIds';
 import styles from './styles.module.css';
 export function CollapseBlockPrivate(_a) {
-    var { children, expanded, className, header, shape, expandedDebounced } = _a, rest = __rest(_a, ["children", "expanded", "className", "header", "shape", "expandedDebounced"]);
+    var { children, expanded, className, header, shape, expandedDebounced, removeContentFromDOM = true } = _a, rest = __rest(_a, ["children", "expanded", "className", "header", "shape", "expandedDebounced", "removeContentFromDOM"]);
     return (_jsxs("div", Object.assign({ className: cn(styles.accordion, className), 
         // eslint-disable-next-line jsx-a11y/aria-role
-        role: 'accordion', "data-shape": shape, "aria-expanded": expanded }, extractSupportProps(rest), { children: [header, _jsx("div", { className: styles.contentWrapper, "aria-hidden": !expanded, "data-test-id": TEST_IDS.content, children: _jsx("div", { className: styles.content, "data-content": true, children: (expanded || expandedDebounced) && children }) })] })));
+        role: 'accordion', "data-shape": shape, "aria-expanded": expanded }, extractSupportProps(rest), { children: [header, _jsx("div", { className: styles.contentWrapper, "aria-hidden": !expanded, "data-test-id": TEST_IDS.content, children: _jsx("div", { className: styles.content, "data-content": true, children: (!removeContentFromDOM || expanded || expandedDebounced) && children }) })] })));
 }

package/dist/esm/types.d.ts

@@ -12,6 +12,8 @@ export type CollapseBlockSecondaryProps = WithSupportProps<{
     children: ReactNode;
     /** CSS-класс */
     className?: string;
+    /** Проп отвечающий будет ли контент удаляться из DOM дерева */
+    removeContentFromDOM?: boolean;
 }>;
 export type CollapseBlockPrimaryProps = CollapseBlockSecondaryProps & {
     /** Внешний бордер  */

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Accordion",
-  "version": "0.9.10",
+  "version": "0.10.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -49,5 +49,5 @@
   "devDependencies": {
     "@types/lodash.debounce": "4.0.8"
   },
-  "gitHead": "137a71cea0541ba2cbe468c3eb73df8bb8ea9ca0"
+  "gitHead": "0779454bf78e89221f750755d7a2be3ffe5a5fd3"
 }

package/src/components/CollapseBlockPrimary/CollapseBlockPrimary.tsx

@@ -15,6 +15,7 @@ export function CollapseBlockPrimary({
   className,
   outline,
   shape = 'round',
+  removeContentFromDOM,
   ...rest
 }: CollapseBlockPrimaryProps) {
   const { isExpanded, isExpandedDebounced, handleToggleExpanded } = useExpanded(id);
@@ -34,6 +35,7 @@ export function CollapseBlockPrimary({
       }
       expanded={isExpanded}
       expandedDebounced={isExpandedDebounced}
+      removeContentFromDOM={removeContentFromDOM}
       {...extractSupportProps(rest)}
     >
       {children}

package/src/components/CollapseBlockSecondary/CollapseBlockSecondary.tsx

@@ -13,6 +13,7 @@ export function CollapseBlockSecondary({
   id,
   actions,
   className,
+  removeContentFromDOM,
   ...rest
 }: CollapseBlockSecondaryProps) {
   const { isExpanded, isExpandedDebounced, handleToggleExpanded } = useExpanded(id);
@@ -27,6 +28,7 @@ export function CollapseBlockSecondary({
       }
       expanded={isExpanded}
       expandedDebounced={isExpandedDebounced}
+      removeContentFromDOM={removeContentFromDOM}
       {...extractSupportProps(rest)}
     >
       {children}

package/src/helperComponents/CollapseBlockPrivate/CollapseBlockPrivate.tsx

@@ -11,6 +11,7 @@ export type CollapseBlockPrivateProps = WithSupportProps<{
   header: ReactNode;
   expanded: boolean;
   expandedDebounced: boolean;
+  removeContentFromDOM?: boolean;
   className?: string;
   shape?: 'round' | 'square';
 }>;
@@ -22,6 +23,7 @@ export function CollapseBlockPrivate({
   header,
   shape,
   expandedDebounced,
+  removeContentFromDOM = true,
   ...rest
 }: CollapseBlockPrivateProps) {
   return (
@@ -37,7 +39,7 @@ export function CollapseBlockPrivate({
 
       <div className={styles.contentWrapper} aria-hidden={!expanded} data-test-id={TEST_IDS.content}>
         <div className={styles.content} data-content>
-          {(expanded || expandedDebounced) && children}
+          {(!removeContentFromDOM || expanded || expandedDebounced) && children}
         </div>
       </div>
     </div>

package/src/types.ts

@@ -15,6 +15,8 @@ export type CollapseBlockSecondaryProps = WithSupportProps<{
   children: ReactNode;
   /** CSS-класс */
   className?: string;
+  /** Проп отвечающий будет ли контент удаляться из DOM дерева */
+  removeContentFromDOM?: boolean;
 }>;
 
 export type CollapseBlockPrimaryProps = CollapseBlockSecondaryProps & {