@trackunit/react-components 0.1.385 → 0.1.386

package/index.cjs.js

@@ -170,7 +170,6 @@ const isSafari = () => {
     const ua = navigator.userAgent.toLowerCase();
     return ua.includes("safari") && !ua.includes("chrome");
 };
-const ICON_CONTAINER_ID = uuid.v4();
 /**
  * - The Icon component is used to display an Icon.
  * - Icons are semantic vector graphics that adds character and improves the visual appeal of elements when combined with.
@@ -181,6 +180,7 @@ const ICON_CONTAINER_ID = uuid.v4();
  */
 const Icon = ({ name, size = "large", className, dataTestId, color, onClick, type, style, forwardedRef, ariaLabel, ariaLabelledBy, ariaDescribedBy, }) => {
     const useTagRef = React.useRef(null);
+    const ICON_CONTAINER_ID = uuid.v4();
     const correctIconType = React.useMemo(() => {
         if (size === "small" || size === "medium") {
             return "mini";
@@ -1741,7 +1741,6 @@ const cvaChevronIcon = cssClassVarianceUtilities.cvaMerge([
     },
 });
 
-const LABEL_ID = uuid.v4();
 /**
  * The Collapse component is a container for additional information that adds context to various flows. It is used for displaying non-essential information that can be hidden away.
  *
@@ -1760,6 +1759,7 @@ const LABEL_ID = uuid.v4();
  * @returns {JSX.Element} Collapse component
  */
 const Collapse = ({ id, initialExpanded = false, onToggle, label, children, className, headerClassName, headerAddon, dataTestId, }) => {
+    const LABEL_ID = uuid.v4();
     const [expanded, setExpanded] = React__namespace.useState(initialExpanded);
     const handleClick = React__namespace.useCallback((e) => {
         if (onToggle) {

package/index.esm.js

@@ -139,7 +139,6 @@ const isSafari = () => {
     const ua = navigator.userAgent.toLowerCase();
     return ua.includes("safari") && !ua.includes("chrome");
 };
-const ICON_CONTAINER_ID = v4();
 /**
  * - The Icon component is used to display an Icon.
  * - Icons are semantic vector graphics that adds character and improves the visual appeal of elements when combined with.
@@ -150,6 +149,7 @@ const ICON_CONTAINER_ID = v4();
  */
 const Icon = ({ name, size = "large", className, dataTestId, color, onClick, type, style, forwardedRef, ariaLabel, ariaLabelledBy, ariaDescribedBy, }) => {
     const useTagRef = useRef(null);
+    const ICON_CONTAINER_ID = v4();
     const correctIconType = useMemo(() => {
         if (size === "small" || size === "medium") {
             return "mini";
@@ -1710,7 +1710,6 @@ const cvaChevronIcon = cvaMerge([
     },
 });
 
-const LABEL_ID = v4();
 /**
  * The Collapse component is a container for additional information that adds context to various flows. It is used for displaying non-essential information that can be hidden away.
  *
@@ -1729,6 +1728,7 @@ const LABEL_ID = v4();
  * @returns {JSX.Element} Collapse component
  */
 const Collapse = ({ id, initialExpanded = false, onToggle, label, children, className, headerClassName, headerAddon, dataTestId, }) => {
+    const LABEL_ID = v4();
     const [expanded, setExpanded] = React.useState(initialExpanded);
     const handleClick = React.useCallback((e) => {
         if (onToggle) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.385",
+  "version": "0.1.386",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {