analytica-frontend-lib 1.1.95 → 1.1.97

package/dist/Accordation/index.d.mts

@@ -5,8 +5,11 @@ interface CardAccordationProps extends HTMLAttributes<HTMLDivElement> {
     trigger: ReactNode;
     children: ReactNode;
     defaultExpanded?: boolean;
+    expanded?: boolean;
     onToggleExpanded?: (isExpanded: boolean) => void;
+    value?: string;
+    disabled?: boolean;
 }
 declare const CardAccordation: react.ForwardRefExoticComponent<CardAccordationProps & react.RefAttributes<HTMLDivElement>>;
 
-export { CardAccordation };
+export { CardAccordation, type CardAccordationProps };

package/dist/Accordation/index.d.ts

@@ -5,8 +5,11 @@ interface CardAccordationProps extends HTMLAttributes<HTMLDivElement> {
     trigger: ReactNode;
     children: ReactNode;
     defaultExpanded?: boolean;
+    expanded?: boolean;
     onToggleExpanded?: (isExpanded: boolean) => void;
+    value?: string;
+    disabled?: boolean;
 }
 declare const CardAccordation: react.ForwardRefExoticComponent<CardAccordationProps & react.RefAttributes<HTMLDivElement>>;
 
-export { CardAccordation };
+export { CardAccordation, type CardAccordationProps };

package/dist/Accordation/index.js

@@ -2165,17 +2165,33 @@ var CardAccordation = (0, import_react3.forwardRef)(
     children,
     className,
     defaultExpanded = false,
+    expanded: controlledExpanded,
     onToggleExpanded,
+    value,
+    disabled = false,
     ...props
   }, ref) => {
-    const [isExpanded, setIsExpanded] = (0, import_react3.useState)(defaultExpanded);
-    const contentId = (0, import_react3.useId)();
+    const [internalExpanded, setInternalExpanded] = (0, import_react3.useState)(defaultExpanded);
+    const generatedId = (0, import_react3.useId)();
+    const contentId = value ? `accordion-content-${value}` : generatedId;
+    const headerId = value ? `accordion-header-${value}` : `${generatedId}-header`;
+    const isControlled = controlledExpanded !== void 0;
+    const isExpanded = isControlled ? controlledExpanded : internalExpanded;
+    (0, import_react3.useEffect)(() => {
+      if (isControlled) {
+        setInternalExpanded(controlledExpanded);
+      }
+    }, [isControlled, controlledExpanded]);
     const handleToggle = () => {
+      if (disabled) return;
       const newExpanded = !isExpanded;
-      setIsExpanded(newExpanded);
+      if (!isControlled) {
+        setInternalExpanded(newExpanded);
+      }
       onToggleExpanded?.(newExpanded);
     };
     const handleKeyDown = (event) => {
+      if (disabled) return;
       if (event.key === "Enter" || event.key === " ") {
         event.preventDefault();
         handleToggle();
@@ -2194,11 +2210,19 @@ var CardAccordation = (0, import_react3.forwardRef)(
           /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             "button",
             {
+              id: headerId,
+              type: "button",
               onClick: handleToggle,
               onKeyDown: handleKeyDown,
-              className: "w-full cursor-pointer text-text-950 not-aria-expanded:rounded-xl aria-expanded:rounded-t-xl p-4 flex items-center justify-between gap-3 text-left transition-colors duration-200 focus:outline-none focus:border-2 focus:border-primary-950 focus:ring-inset",
+              disabled,
+              className: cn(
+                "w-full cursor-pointer not-aria-expanded:rounded-xl aria-expanded:rounded-t-xl flex items-center justify-between gap-3 text-left transition-colors duration-200 focus:outline-none focus:border-2 focus:border-primary-950 focus:ring-inset px-2",
+                disabled && "cursor-not-allowed text-text-400"
+              ),
               "aria-expanded": isExpanded,
-              "aria-controls": "accordion-content",
+              "aria-controls": contentId,
+              "aria-disabled": disabled,
+              "data-value": value,
               children: [
                 trigger,
                 /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -2206,7 +2230,8 @@ var CardAccordation = (0, import_react3.forwardRef)(
                   {
                     size: 20,
                     className: cn(
-                      "text-text-700 transition-transform duration-200 flex-shrink-0",
+                      "transition-transform duration-200 flex-shrink-0",
+                      disabled ? "text-gray-400" : "text-text-700",
                       isExpanded ? "rotate-90" : "rotate-0"
                     ),
                     "data-testid": "accordion-caret"
@@ -2216,15 +2241,18 @@ var CardAccordation = (0, import_react3.forwardRef)(
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            "div",
+            "section",
             {
               id: contentId,
+              "aria-labelledby": headerId,
+              "aria-hidden": !isExpanded,
               className: cn(
                 "transition-all duration-300 ease-in-out overflow-hidden",
                 isExpanded ? "max-h-screen opacity-100" : "max-h-0 opacity-0"
               ),
               "data-testid": "accordion-content",
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "p-4 pt-0 border-border-50", children })
+              "data-value": value,
+              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "p-4 pt-0", children })
             }
           )
         ]
@@ -2232,6 +2260,7 @@ var CardAccordation = (0, import_react3.forwardRef)(
     );
   }
 );
+CardAccordation.displayName = "CardAccordation";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CardAccordation