@npm_leadtech/legal-lib-components 5.7.6 → 5.7.8

package/dist/src/components/molecules/FaqItem/FaqItem.js

@@ -2,11 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { ChevronRight24px } from '../../../../images/componentsSvg/ChevronRight24px';
 // import './FaqItem.scss'
-export const FaqItem = ({ slug, title, children, index }) => {
-    const [isOpen, setIsOpen] = React.useState(index === 0);
-    return (_jsxs("article", { className: `faqItem ${isOpen ? '' : 'open'}`, children: [_jsx("div", { id: slug, className: 'fakeAnchor' }), _jsxs("details", { itemProp: 'mainEntity', itemScope: true, itemType: 'https://www.schema.org/Question', className: 'content', open: index === 0 ? true : false, children: [_jsxs("summary", { role: 'button', tabIndex: index === 0 ? 0 : -1, onClick: () => {
+export const FaqItem = ({ slug, title, children }) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    return (_jsxs("article", { className: `faqItem ${isOpen ? 'open' : ''}`, children: [_jsx("div", { id: slug, className: 'fakeAnchor' }), _jsxs("details", { itemProp: 'mainEntity', itemScope: true, itemType: 'https://www.schema.org/Question', className: 'content', open: isOpen, children: [_jsxs("summary", { role: 'button', tabIndex: isOpen ? 0 : -1, onClick: (e) => {
+                            e.preventDefault();
                             setIsOpen(!isOpen);
                         }, onKeyUp: () => {
                             setIsOpen(!isOpen);
-                        }, className: 'question', children: [_jsx("h3", { tabIndex: index === 0 ? 0 : -1, itemProp: 'name', className: 'title', children: title }), _jsx(ChevronRight24px, {})] }), _jsx("div", { itemScope: true, itemProp: 'acceptedAnswer', itemType: 'https://www.schema.org/Answer', className: 'answer', children: _jsx("span", { itemProp: 'text', children: children }) })] })] }));
+                        }, className: 'question', children: [_jsx("h3", { itemProp: 'name', className: 'title', children: title }), _jsx(ChevronRight24px, {})] }), _jsx("div", { itemScope: true, itemProp: 'acceptedAnswer', itemType: 'https://www.schema.org/Answer', className: 'answer', children: _jsx("span", { itemProp: 'text', children: children }) })] })] }));
 };

package/dist/src/components/molecules/FaqItem/FaqItem.tsx

@@ -4,23 +4,24 @@ import { ChevronRight24px } from '../../../../images/componentsSvg/ChevronRight2
 import { type FaqItemProps } from './FaqItemProps'
 // import './FaqItem.scss'
 
-export const FaqItem: React.FC<FaqItemProps> = ({ slug, title, children, index }) => {
-  const [isOpen, setIsOpen] = React.useState<boolean>(index === 0)
+export const FaqItem: React.FC<FaqItemProps> = ({ slug, title, children }) => {
+  const [isOpen, setIsOpen] = React.useState<boolean>(false)
 
   return (
-    <article className={`faqItem ${isOpen ? '' : 'open'}`}>
+    <article className={`faqItem ${isOpen ? 'open' : ''}`}>
       <div id={slug} className='fakeAnchor'></div>
       <details
         itemProp='mainEntity'
         itemScope
         itemType='https://www.schema.org/Question'
         className='content'
-        open={index === 0 ? true : false}
+        open={isOpen}
       >
         <summary
           role='button'
-          tabIndex={index === 0 ? 0 : -1}
-          onClick={() => {
+          tabIndex={isOpen ? 0 : -1}
+          onClick={(e) => {
+            e.preventDefault()
             setIsOpen(!isOpen)
           }}
           onKeyUp={() => {
@@ -28,7 +29,7 @@ export const FaqItem: React.FC<FaqItemProps> = ({ slug, title, children, index }
           }}
           className='question'
         >
-          <h3 tabIndex={index === 0 ? 0 : -1} itemProp='name' className='title'>
+          <h3 itemProp='name' className='title'>
             {title}
           </h3>
           <ChevronRight24px />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "5.7.6",
+  "version": "5.7.8",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",