@inera/ids-react 9.0.1 → 9.0.2

package/components/form/checkbox/checkbox-base.d.ts

@@ -3,7 +3,6 @@ export interface IDSCheckboxBaseProps extends InputHTMLAttributes<HTMLInputEleme
     invalid?: boolean;
     disabled?: boolean;
     required?: boolean;
-    indeterminate?: boolean;
     light?: boolean;
     block?: boolean;
     compact?: boolean;

package/components/form/checkbox/checkbox.js

@@ -15,18 +15,6 @@ const IDSCheckbox = forwardRef(({ invalid = false, noValidation = false, indeter
             checkboxRef.current.indeterminate = indeterminate;
         }
     }, [indeterminate]);
-    // aria-checked update for indeterminate
-    useEffect(() => {
-        const el = checkboxRef.current;
-        if (!el)
-            return;
-        const updateAriaChecked = () => {
-            el.setAttribute("aria-checked", el.indeterminate ? "mixed" : `${el.checked}`);
-        };
-        updateAriaChecked();
-        el.addEventListener("change", updateAriaChecked);
-        return () => el.removeEventListener("change", updateAriaChecked);
-    }, []);
     return (jsx(IDSCheckboxBase, { ...props, inputRef: checkboxRef, invalid: isInvalid, children: children }));
 });
 IDSCheckbox.displayName = "IDSCheckbox";

package/components/form/darkmode-toggle/darkmode-toggle.js

@@ -6,7 +6,7 @@ const IDSDarkmodeToggle = forwardRef(({ id, dataTestId, focusAnchor, disabled, c
     const inputId = !!id ? id : useId();
     return (jsxs("div", { className: clsx("ids-darkmode-toggle", className), "data-testid": dataTestId, children: [jsx("input", { id: inputId, ref: ref, className: clsx("ids-darkmode-toggle__input", {
                     "ids-focus-anchor": focusAnchor
-                }), "aria-label": srText, disabled: disabled, type: "checkbox", role: "switch", "aria-checked": props.defaultChecked || props.checked, ...props }), jsxs("div", { className: "ids-label-wrapper", children: [jsx("label", { htmlFor: inputId, className: "ids-darkmode-toggle__label ids-label ids-label--clickable", children: children }), tooltip && jsx("span", { className: "ids-label__tooltip", children: tooltip })] })] }));
+                }), "aria-label": srText, disabled: disabled, type: "checkbox", role: "switch", ...props }), jsxs("div", { className: "ids-label-wrapper", children: [jsx("label", { htmlFor: inputId, className: "ids-darkmode-toggle__label ids-label ids-label--clickable", children: children }), tooltip && jsx("span", { className: "ids-label__tooltip", children: tooltip })] })] }));
 });
 IDSDarkmodeToggle.displayName = "IDSDarkmodeToggle";
 

package/components/form/select-multiple/select-multiple.js

@@ -10,9 +10,9 @@ function IDSSelectMultiple({ invalid = false, noValidation = false, expanded = f
     const inputRef = useRef(null);
     const componentRef = useRef(null);
     useEffect(() => {
-        if (checkboxListInvalid)
+        if (checkboxListInvalid && !noValidation)
             setIsExpanded(true);
-    }, [checkboxListInvalid]);
+    }, [checkboxListInvalid, noValidation]);
     useEffect(() => {
         const handleClickOutside = (event) => {
             if (componentRef.current && !componentRef.current.contains(event.target)) {
@@ -35,7 +35,7 @@ function IDSSelectMultiple({ invalid = false, noValidation = false, expanded = f
     return (jsx(IDSSelectMultipleBase, { ...props, style: style, client: true, componentRef: componentRef, inputRef: inputRef, invalid: invalid || (!noValidation && checkboxListInvalid), expanded: isExpanded, ariaDisabled: ariaDisabled, onClick: () => {
             setIsExpanded(!isExpanded);
         }, children: jsx(IDSCheckboxGroup, { block: true, noValidation: noValidation, errorMsg: errorMsg, onValidityChange: (isValid) => {
-                if (!isValid) {
+                if (!isValid && !noValidation) {
                     setIsExpanded(true);
                     setCheckboxListInvalid(!isValid);
                 }

package/components/form/toggle/toggle.js

@@ -7,7 +7,7 @@ const IDSToggle = forwardRef(({ id, dataTestId, disabled, tooltip, focusAnchor,
     const inputId = !!id ? id : useId();
     return (jsxs("div", { className: clsx("ids-toggle", className), "data-testid": dataTestId, children: [jsx("input", { ref: ref, id: inputId, className: clsx("ids-toggle__input", {
                     "ids-focus-anchor": focusAnchor
-                }), type: "checkbox", role: "switch", "aria-checked": props.defaultChecked || props.checked, disabled: disabled, ...props }), jsxs("div", { className: "ids-label-wrapper", children: [jsx("label", { htmlFor: inputId, className: "ids-toggle__label ids-label ids-label--clickable", children: children }), tooltip && jsx("span", { className: "ids-label__tooltip", children: tooltip })] })] }));
+                }), type: "checkbox", role: "switch", disabled: disabled, ...props }), jsxs("div", { className: "ids-label-wrapper", children: [jsx("label", { htmlFor: inputId, className: "ids-toggle__label ids-label ids-label--clickable", children: children }), tooltip && jsx("span", { className: "ids-label__tooltip", children: tooltip })] })] }));
 });
 IDSToggle.displayName = "IDSToggle";
 

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@inera/ids-react",
-  "version": "9.0.1",
+  "version": "9.0.2",
   "type": "module",
   "peerDependencies": {
-    "react": "*"
+    "react": "*",
+    "react-day-picker": "^9.11.3"
   },
   "dependencies": {
     "@inera/ids-design": "9.0.x",