@helsenorge/datepicker 10.0.1 → 10.1.0

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [10.0.3](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv10.0.2&targetVersion=GTv10.0.3) (2025-01-30)
+
+
+### Bug Fixes
+
+* **datepicker:**  locale setter tekst språk igjen ([921efcb](https://github.com/helsenorge/designsystem/commit/921efcb9040a2d790e965a009b28b3b4b3593a9b)), closes [#343367](https://github.com/helsenorge/designsystem/issues/343367)
+
+## [10.0.2](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv10.0.1&targetVersion=GTv10.0.2) (2025-01-29)
+
+
+### Bug Fixes
+
+*  hvis icon har hover prop skal denne ikke overstyres ([f4956aa](https://github.com/helsenorge/designsystem/commit/f4956aacf26d462b2ffccc24fbce5b0946bd6de4)), closes [#336117](https://github.com/helsenorge/designsystem/issues/336117)
+* **listheader:**  title margin resettes riktig ([1b50bc0](https://github.com/helsenorge/designsystem/commit/1b50bc0e3229b2d351b2df17b79798dfd95a9fb8)), closes [#343414](https://github.com/helsenorge/designsystem/issues/343414)
+
+## [10.0.1](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv10.0.0&targetVersion=GTv10.0.1) (2025-01-28)
+
+
+### Bug Fixes
+
+*  feil letterspacing for title5 ([f1391bd](https://github.com/helsenorge/designsystem/commit/f1391bd18a30b8b2da737c6687e55b61b752a1fa)), closes [#342902](https://github.com/helsenorge/designsystem/issues/342902)
+
 ## [10.0.0](https://github.com/helsenorge/designsystem/branchCompare?baseVersion=GTv9.7.0&targetVersion=GTv10.0.0) (2025-01-27)
 
 

package/components/DatePicker/index.js

@@ -16,7 +16,6 @@ import { isMutableRefObject, mergeRefs } from "@helsenorge/designsystem-react/ut
 import classNames from "classnames";
 import { enUS as enUS$1 } from "date-fns/locale/en-US";
 import reactdaypickerstyles from "react-day-picker/dist/style.module.css";
-import { useFocusTrap } from "@helsenorge/designsystem-react/hooks/useFocusTrap";
 import { useInterval } from "@helsenorge/designsystem-react/hooks/useInterval";
 import { useIsVisible } from "@helsenorge/designsystem-react/hooks/useIsVisible";
 import { useLayoutEvent } from "@helsenorge/designsystem-react/hooks/useLayoutEvent";
@@ -1884,7 +1883,6 @@ const DatePickerPopup = (props) => {
   const [controllerSize, setControllerSize] = useState();
   const bubbleSize = useSize(datepickerWrapperRef);
   const controllerisVisible = useIsVisible(datepickerWrapperRef, 0);
-  useFocusTrap(datepickerWrapperRef, true);
   function getDateFnsLocale(dayPickerLocale) {
     return dayPickerLocale ?? nb;
   }
@@ -1959,6 +1957,7 @@ const DatePickerPopup = (props) => {
         labels: buildAriaLabels(ariaLabels),
         startMonth: startMonth ?? new Date(today.getFullYear() - 100, today.getMonth(), 1),
         endMonth: endMonth ?? new Date(today.getFullYear() + 100, today.getMonth(), 1),
+        locale,
         ...rest
       }
     ) }),
@@ -2011,11 +2010,15 @@ const DatePicker = React.forwardRef((props, ref) => {
   const { refObject } = usePseudoClasses(isMutableRefObject(ref) ? ref : null);
   const mergedRefs = mergeRefs([ref, refObject]);
   const isTyping = useRef(false);
-  useOutsideEvent(inputContainerRef, (e) => {
-    if (inputContainerRef.current && datepickerWrapperRef.current && !(e == null ? void 0 : e.composedPath().includes(inputContainerRef.current)) && !(e == null ? void 0 : e.composedPath().includes(datepickerWrapperRef.current))) {
-      setDatePickerOpen(false);
-    }
-  });
+  useOutsideEvent(
+    [inputContainerRef, datepickerWrapperRef],
+    (e) => {
+      if (inputContainerRef.current && datepickerWrapperRef.current && !(e == null ? void 0 : e.composedPath().includes(inputContainerRef.current)) && !(e == null ? void 0 : e.composedPath().includes(datepickerWrapperRef.current))) {
+        setDatePickerOpen(false);
+      }
+    },
+    ["mousedown", "focusin", "blur"]
+  );
   useEffect(() => {
     if (isValid(dateValue)) {
       setInputValue(dateValue ? format(dateValue, dateFormat) : "");