@allxsmith/bestax-bulma 3.0.1 → 4.0.0

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React, { createContext, useContext, useMemo, useState, useRef, useEffect, useCallback, useLayoutEffect, forwardRef, Children, isValidElement, cloneElement, useId } from 'react';
+import React, { createContext, useContext, useMemo, useState, useRef, useEffect, useCallback, useId, useLayoutEffect, forwardRef, Children, isValidElement, cloneElement } from 'react';
 import { createPortal } from 'react-dom';
 
 const ConfigContext = createContext({});
@@ -1159,9 +1159,9 @@ Pagination.Previous = PaginationPrevious;
 Pagination.Next = PaginationNext;
 
 function getIconClasses(library, name, variant, features) {
-    let baseClass = '';
-    let iconClass = '';
-    let featureList = Array.isArray(features)
+    let baseClass;
+    let iconClass;
+    const featureList = Array.isArray(features)
         ? features
         : features
             ? [features]
@@ -1486,7 +1486,8 @@ const Collapse = ({ open: controlledOpen, defaultOpen = false, onOpen, onClose,
     const isControlled = controlledOpen !== undefined;
     const [internalOpen, setInternalOpen] = useState(defaultOpen);
     const isOpen = isControlled ? controlledOpen : internalOpen;
-    const uniqueId = useRef(ariaId || `collapse-${Math.random().toString(36).slice(2, 9)}`);
+    const generatedId = useId();
+    const uniqueId = ariaId || generatedId;
     useEffect(() => {
         if (!contentRef.current)
             return undefined;
@@ -1563,8 +1564,8 @@ const Collapse = ({ open: controlledOpen, defaultOpen = false, onOpen, onClose,
             display: isOpen ? 'block' : 'none',
         };
     }
-    const triggerElement = (jsx("div", { className: combinedTriggerClasses, onClick: handleToggle, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-expanded": isOpen, "aria-controls": uniqueId.current, children: trigger }));
-    const contentElement = (jsx("div", { style: contentWrapperStyle, children: jsx("div", { ref: contentRef, id: uniqueId.current, className: combinedContentClasses, "aria-hidden": !isOpen, children: children }) }));
+    const triggerElement = (jsx("div", { className: combinedTriggerClasses, onClick: handleToggle, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-expanded": isOpen, "aria-controls": uniqueId, children: trigger }));
+    const contentElement = (jsx("div", { style: contentWrapperStyle, children: jsx("div", { ref: contentRef, id: uniqueId, className: combinedContentClasses, "aria-hidden": !isOpen, children: children }) }));
     return (jsx("div", { className: combinedClasses, ...rest, children: position === 'bottom' ? (jsxs(Fragment, { children: [contentElement, triggerElement] })) : (jsxs(Fragment, { children: [triggerElement, contentElement] })) }));
 };