@telia/teddy 0.1.10 → 0.1.12

package/dist/components/date-picker/date-picker-props.d.ts

@@ -14,10 +14,11 @@ export default interface DatePickerProps {
     min?: string;
     max?: string;
     modalOpen?: boolean;
-    isDateDisabled: (date: Date | undefined | null) => boolean;
+    isDateDisabled?: (date: Date | undefined | null) => boolean;
     invalidErrorMessage?: string;
     invalidMinErrorMessage?: string;
     invalidMaxErrorMessage?: string;
     requiredErrorMessage?: string;
     formId?: string;
+    onSelectedDate?: (date: Date) => void;
 }

package/dist/components/date-picker/date-picker.cjs

@@ -37,6 +37,7 @@ const DatePicker = ({
   invalidMaxErrorMessage = "Dato er for ny",
   requiredErrorMessage = "Feltet er påkrevd",
   isDateDisabled = () => false,
+  onSelectedDate = null,
   formId = void 0
 }) => {
   const inputId = components_datePicker_datePickerUniqueId.uniqueId("input");
@@ -99,11 +100,18 @@ const DatePicker = ({
     };
   });
   const show = () => {
-    setOpen(true);
-    setFocusedDay(components_datePicker_dateUtils.parseDate(currentValue) || /* @__PURE__ */ new Date());
+    if (!open) {
+      setOpen(true);
+    }
+    const d = components_datePicker_dateUtils.parseDate(currentValue) || /* @__PURE__ */ new Date();
+    if (focusedDay != d) {
+      setFocusedDay(d);
+    }
   };
   const hide = (moveFocusToButton = true) => {
-    setOpen(false);
+    if (open) {
+      setOpen(false);
+    }
     clearTimeout(focusTimeoutId);
     const TRANSITION_MS = 300;
     if (moveFocusToButton) {
@@ -133,7 +141,9 @@ const DatePicker = ({
         setValue(parsed);
         hide();
       } else {
-        setCurrentValue(target.value);
+        if (currentValue != target.value) {
+          setCurrentValue(target.value);
+        }
       }
     }
   };
@@ -241,8 +251,12 @@ const DatePicker = ({
       setValue(day);
       setErrorMessage("");
       hide();
+      if (onSelectedDate) {
+        onSelectedDate(day);
+      }
     } else {
-      setFocusedDay(day);
+      if (focusedDay !== day)
+        setFocusedDay(day);
     }
   };
   const handleBlur = (event) => {
@@ -276,7 +290,9 @@ const DatePicker = ({
     const min2 = components_datePicker_dateUtils.setMonth(components_datePicker_dateUtils.startOfMonth(focusedDay), month);
     const max2 = components_datePicker_dateUtils.endOfMonth(min2);
     const date = components_datePicker_dateUtils.setMonth(focusedDay, month);
-    setFocusedDay(components_datePicker_dateUtils.clamp(date, min2, max2));
+    const clamped = components_datePicker_dateUtils.clamp(date, min2, max2);
+    if (focusedDay !== clamped)
+      setFocusedDay(clamped);
   };
   const updateYear = (year) => {
     const minY = components_datePicker_dateUtils.setYear(components_datePicker_dateUtils.startOfMonth(focusedDay), year);
@@ -288,7 +304,12 @@ const DatePicker = ({
       components_datePicker_dateUtils.parseDate(min),
       components_datePicker_dateUtils.parseDate(max)
     );
-    setFocusedDay(res);
+    const years = components_datePicker_dateUtils.getViewOfYears(minYear, maxYear);
+    const y = res.getFullYear();
+    if (years.includes(y)) {
+      if (focusedDay !== res)
+        setFocusedDay(res);
+    }
   };
   const addMonths = (months) => {
     updateFocusedDay(focusedDay.getMonth() + months);
@@ -349,7 +370,8 @@ const DatePicker = ({
       components_datePicker_dateUtils.parseDate(min),
       components_datePicker_dateUtils.parseDate(max)
     );
-    setFocusedDay(clamped);
+    if (focusedDay !== clamped)
+      setFocusedDay(clamped);
   };
   const handleKeyboardNavigation = (event) => {
     let handled = true;
@@ -409,23 +431,23 @@ const DatePicker = ({
         updateYear(year - 1);
         break;
       case components_datePicker_datePickerNavigationKey.DOWN:
-        updateYear(year - 4);
+        updateYear(year + 4);
         break;
       case components_datePicker_datePickerNavigationKey.UP:
-        updateYear(year + 4);
+        updateYear(year - 4);
         break;
       case components_datePicker_datePickerNavigationKey.PAGE_UP:
         if (event.shiftKey) {
-          updateYear(year + 4);
-        } else {
           updateYear(year - 4);
+        } else {
+          updateYear(year + 4);
         }
         break;
       case components_datePicker_datePickerNavigationKey.PAGE_DOWN:
         if (event.shiftKey) {
-          updateYear(year - 4);
-        } else {
           updateYear(year + 4);
+        } else {
+          updateYear(year - 4);
         }
         break;
       case components_datePicker_datePickerNavigationKey.HOME:

package/dist/components/date-picker/date-picker.js

@@ -10,7 +10,7 @@ import DatePickerInput from "./date-picker-input.js";
 import DatePickerMonth from "./date-picker-month.js";
 import DatePickerYear from "./date-picker-year.js";
 import { css } from "./css.js";
-import { parseDate, printDate, DaysOfWeek, inRange, setYear, startOfMonth, endOfMonth, clamp, printISODate, addDays, setMonth } from "./date-utils.js";
+import { parseDate, printDate, DaysOfWeek, inRange, setYear, startOfMonth, endOfMonth, clamp, getViewOfYears, printISODate, addDays, setMonth } from "./date-utils.js";
 const DateDisabledPredicate = () => false;
 const cn = (classes) => {
   return Object.keys(classes).filter((key) => classes[key]).join(" ");
@@ -35,6 +35,7 @@ const DatePicker = ({
   invalidMaxErrorMessage = "Dato er for ny",
   requiredErrorMessage = "Feltet er påkrevd",
   isDateDisabled = () => false,
+  onSelectedDate = null,
   formId = void 0
 }) => {
   const inputId = uniqueId("input");
@@ -97,11 +98,18 @@ const DatePicker = ({
     };
   });
   const show = () => {
-    setOpen(true);
-    setFocusedDay(parseDate(currentValue) || /* @__PURE__ */ new Date());
+    if (!open) {
+      setOpen(true);
+    }
+    const d = parseDate(currentValue) || /* @__PURE__ */ new Date();
+    if (focusedDay != d) {
+      setFocusedDay(d);
+    }
   };
   const hide = (moveFocusToButton = true) => {
-    setOpen(false);
+    if (open) {
+      setOpen(false);
+    }
     clearTimeout(focusTimeoutId);
     const TRANSITION_MS = 300;
     if (moveFocusToButton) {
@@ -131,7 +139,9 @@ const DatePicker = ({
         setValue(parsed);
         hide();
       } else {
-        setCurrentValue(target.value);
+        if (currentValue != target.value) {
+          setCurrentValue(target.value);
+        }
       }
     }
   };
@@ -239,8 +249,12 @@ const DatePicker = ({
       setValue(day);
       setErrorMessage("");
       hide();
+      if (onSelectedDate) {
+        onSelectedDate(day);
+      }
     } else {
-      setFocusedDay(day);
+      if (focusedDay !== day)
+        setFocusedDay(day);
     }
   };
   const handleBlur = (event) => {
@@ -274,7 +288,9 @@ const DatePicker = ({
     const min2 = setMonth(startOfMonth(focusedDay), month);
     const max2 = endOfMonth(min2);
     const date = setMonth(focusedDay, month);
-    setFocusedDay(clamp(date, min2, max2));
+    const clamped = clamp(date, min2, max2);
+    if (focusedDay !== clamped)
+      setFocusedDay(clamped);
   };
   const updateYear = (year) => {
     const minY = setYear(startOfMonth(focusedDay), year);
@@ -286,7 +302,12 @@ const DatePicker = ({
       parseDate(min),
       parseDate(max)
     );
-    setFocusedDay(res);
+    const years = getViewOfYears(minYear, maxYear);
+    const y = res.getFullYear();
+    if (years.includes(y)) {
+      if (focusedDay !== res)
+        setFocusedDay(res);
+    }
   };
   const addMonths = (months) => {
     updateFocusedDay(focusedDay.getMonth() + months);
@@ -347,7 +368,8 @@ const DatePicker = ({
       parseDate(min),
       parseDate(max)
     );
-    setFocusedDay(clamped);
+    if (focusedDay !== clamped)
+      setFocusedDay(clamped);
   };
   const handleKeyboardNavigation = (event) => {
     let handled = true;
@@ -407,23 +429,23 @@ const DatePicker = ({
         updateYear(year - 1);
         break;
       case navigationKey.DOWN:
-        updateYear(year - 4);
+        updateYear(year + 4);
         break;
       case navigationKey.UP:
-        updateYear(year + 4);
+        updateYear(year - 4);
         break;
       case navigationKey.PAGE_UP:
         if (event.shiftKey) {
-          updateYear(year + 4);
-        } else {
           updateYear(year - 4);
+        } else {
+          updateYear(year + 4);
         }
         break;
       case navigationKey.PAGE_DOWN:
         if (event.shiftKey) {
-          updateYear(year - 4);
-        } else {
           updateYear(year + 4);
+        } else {
+          updateYear(year - 4);
         }
         break;
       case navigationKey.HOME:

package/dist/components/navigation-menu/global-navigation/utils.cjs

@@ -108,6 +108,11 @@ const PRIVATE_LINKS = {
           link: "/mobil/tilbehor/",
           appKey: APP_KEYS["web-shop"]
         },
+        {
+          name: "Pakketilbud",
+          link: "/mobil/mobilabonnement/pakketilbud/",
+          appKey: APP_KEYS["web-shop"]
+        },
         {
           name: "Påfyll kontantkort",
           link: "/mobil/mobilabonnement/kontantkort/lade/",

package/dist/components/navigation-menu/global-navigation/utils.d.ts

@@ -160,6 +160,10 @@ export declare const PRIVATE_LINKS: {
             readonly name: "Tilbehør";
             readonly link: "/mobil/tilbehor/";
             readonly appKey: "web-shop";
+        }, {
+            readonly name: "Pakketilbud";
+            readonly link: "/mobil/mobilabonnement/pakketilbud/";
+            readonly appKey: "web-shop";
         }, {
             readonly name: "Påfyll kontantkort";
             readonly link: "/mobil/mobilabonnement/kontantkort/lade/";
@@ -399,6 +403,10 @@ export declare const LINKS: [{
             readonly name: "Tilbehør";
             readonly link: "/mobil/tilbehor/";
             readonly appKey: "web-shop";
+        }, {
+            readonly name: "Pakketilbud";
+            readonly link: "/mobil/mobilabonnement/pakketilbud/";
+            readonly appKey: "web-shop";
         }, {
             readonly name: "Påfyll kontantkort";
             readonly link: "/mobil/mobilabonnement/kontantkort/lade/";

package/dist/components/navigation-menu/global-navigation/utils.js

@@ -106,6 +106,11 @@ const PRIVATE_LINKS = {
           link: "/mobil/tilbehor/",
           appKey: APP_KEYS["web-shop"]
         },
+        {
+          name: "Pakketilbud",
+          link: "/mobil/mobilabonnement/pakketilbud/",
+          appKey: APP_KEYS["web-shop"]
+        },
         {
           name: "Påfyll kontantkort",
           link: "/mobil/mobilabonnement/kontantkort/lade/",

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=9"
   },
   "private": false,
-  "version": "0.1.10",
+  "version": "0.1.12",
   "sideEffects": [
     "**/*.css"
   ],