@idds/react 1.5.12 → 1.5.15

package/dist/index.es.js

@@ -669,21 +669,19 @@ function Accordion(props) {
   const [itemIndex, setItemIndex] = useState(-1);
   const defaultOpenRef = useRef(defaultOpen);
   defaultOpenRef.current = defaultOpen;
+  const { registerItem, unregisterItem } = accordionGroup || {};
   useEffect(() => {
-    if (accordionGroup) {
-      const index = accordionGroup.registerItem(
-        itemIdRef.current,
-        defaultOpenRef.current
-      );
+    if (registerItem) {
+      const index = registerItem(itemIdRef.current, defaultOpenRef.current);
       setItemIndex(index);
     }
     return () => {
-      if (accordionGroup) {
-        accordionGroup.unregisterItem(itemIdRef.current);
+      if (unregisterItem) {
+        unregisterItem(itemIdRef.current);
         setItemIndex(-1);
       }
     };
-  }, [accordionGroup]);
+  }, [registerItem, unregisterItem]);
   const isInGroup = accordionGroup !== null;
   const isControlled = open !== void 0 || isInGroup;
   const isOpen = useMemo(() => {
@@ -10479,62 +10477,17 @@ function Toggle({
   const checked = isControlled ? controlledChecked : internalChecked;
   const handleChange = useCallback(
     (event) => {
-      console.log("handleChange called", {
-        disabled,
-        checked: event.target.checked,
-        isControlled
-      });
       if (disabled) return;
       const newChecked = event.target.checked;
       if (!isControlled) {
         setInternalChecked(newChecked);
       }
       if (onChange) {
-        console.log("Calling onChange from handleChange with", newChecked);
         onChange(newChecked);
       }
     },
     [disabled, onChange, isControlled]
   );
-  const handleKeyDown = useCallback(
-    (event) => {
-      if (disabled) return;
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        const newChecked = !checked;
-        if (!isControlled) {
-          setInternalChecked(newChecked);
-        }
-        if (onChange) {
-          onChange(newChecked);
-        }
-      }
-    },
-    [disabled, checked, onChange, isControlled]
-  );
-  const handleClick = useCallback(
-    (event) => {
-      console.log("handleClick called", { disabled, checked, isControlled });
-      if (disabled) return;
-      if (event.target.tagName === "INPUT") {
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      const newChecked = !checked;
-      console.log("Toggle changing from", checked, "to", newChecked);
-      if (!isControlled) {
-        setInternalChecked(newChecked);
-      }
-      if (onChange) {
-        console.log("Calling onChange with", newChecked);
-        onChange(newChecked);
-      } else {
-        console.log("onChange is not provided");
-      }
-    },
-    [disabled, checked, onChange, isControlled]
-  );
   const toggleClasses = clsx(
     "ina-toggle",
     `ina-toggle--size-${size}`,
@@ -10561,46 +10514,32 @@ function Toggle({
     }
   );
   const trackStyle = checked && color && !disabled ? { backgroundColor: color, borderColor: color } : {};
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: toggleClasses,
-      onClick: handleClick,
-      role: "switch",
-      "aria-checked": checked,
-      "aria-label": ariaLabel,
-      "aria-describedby": ariaDescribedBy,
-      children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ...rest,
-            type: "checkbox",
-            id,
-            name,
-            value,
-            checked,
-            disabled,
-            onChange: handleChange,
-            onKeyDown: handleKeyDown,
-            "aria-label": ariaLabel,
-            "aria-describedby": ariaDescribedBy,
-            className: "ina-toggle__input",
-            tabIndex: -1,
-            readOnly: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: trackClasses,
-            style: { pointerEvents: "none", ...trackStyle },
-            children: /* @__PURE__ */ jsx("div", { className: thumbClasses })
-          }
-        )
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs("div", { className: toggleClasses, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...rest,
+        type: "checkbox",
+        id,
+        name,
+        value,
+        checked,
+        disabled,
+        onChange: handleChange,
+        "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        className: "ina-toggle__input"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: trackClasses,
+        style: { pointerEvents: "none", ...trackStyle },
+        children: /* @__PURE__ */ jsx("div", { className: thumbClasses })
+      }
+    )
+  ] });
 }
 function TabHorizontal({
   items,