@navikt/ds-react 1.2.2 → 1.3.0-alpha.0

package/esm/datepicker/index.d.ts

@@ -0,0 +1,5 @@
+export { default as DatePicker } from "./DatePicker";
+export { DatePickerProps } from "./DatePicker";
+export { DatePickerStandaloneProps } from "./DatePickerStandalone";
+export { DatePickerInputProps } from "./DatePickerInput";
+export { useDatepicker, useRangeDatepicker } from "./hooks";

package/esm/datepicker/index.js

@@ -0,0 +1,3 @@
+export { default as DatePicker } from "./DatePicker";
+export { useDatepicker, useRangeDatepicker } from "./hooks";
+//# sourceMappingURL=index.js.map

package/esm/datepicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/datepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/esm/datepicker/utils/dates-disabled.d.ts

@@ -0,0 +1 @@
+export declare const disableDate: (disabledSelection: Date | Array<any>, date: Date) => boolean;

package/esm/datepicker/utils/dates-disabled.js

@@ -0,0 +1,26 @@
+import { isSameDay } from "date-fns";
+import { isDateRange } from "react-day-picker";
+// TODO: ((date: Date) => boolean)
+export const disableDate = (disabledSelection, date) => {
+    let result = false;
+    if (disabledSelection instanceof Date) {
+        return isSameDay(disabledSelection, date);
+    }
+    else if (disabledSelection instanceof Array) {
+        for (let i = 0; i < disabledSelection.length; i++) {
+            const selection = disabledSelection[i];
+            if (isDateRange(selection)) {
+                if (selection.from && selection.to) {
+                    result = date >= selection.from && date <= selection.to;
+                }
+            }
+            else if (selection instanceof Date) {
+                result = isSameDay(selection, date);
+            }
+            if (result)
+                break;
+        }
+    }
+    return result;
+};
+//# sourceMappingURL=dates-disabled.js.map

package/esm/datepicker/utils/dates-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dates-disabled.js","sourceRoot":"","sources":["../../../src/datepicker/utils/dates-disabled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,kCAAkC;AAClC,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,iBAAoC,EACpC,IAAU,EACD,EAAE;IACX,IAAI,MAAM,GAAY,KAAK,CAAC;IAC5B,IAAI,iBAAiB,YAAY,IAAI,EAAE;QACrC,OAAO,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;KAC3C;SAAM,IAAI,iBAAiB,YAAY,KAAK,EAAE;QAC7C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACjD,MAAM,SAAS,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;YACvC,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE;gBAC1B,IAAI,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,EAAE;oBAClC,MAAM,GAAG,IAAI,IAAI,SAAS,CAAC,IAAI,IAAI,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC;iBACzD;aACF;iBAAM,IAAI,SAAS,YAAY,IAAI,EAAE;gBACpC,MAAM,GAAG,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;aACrC;YACD,IAAI,MAAM;gBAAE,MAAM;SACnB;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/esm/datepicker/utils/format-date.d.ts

@@ -0,0 +1 @@
+export declare const formatDateForInput: (date: Date, locale: Locale) => string;

package/esm/datepicker/utils/format-date.js

@@ -0,0 +1,4 @@
+import { format } from "date-fns";
+import { INPUT_DATE_STRING_FORMAT } from "./parse-date";
+export const formatDateForInput = (date, locale) => format(date, INPUT_DATE_STRING_FORMAT, { locale });
+//# sourceMappingURL=format-date.js.map

package/esm/datepicker/utils/format-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-date.js","sourceRoot":"","sources":["../../../src/datepicker/utils/format-date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAU,EAAE,MAAc,EAAE,EAAE,CAC/D,MAAM,CAAC,IAAI,EAAE,wBAAwB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC"}

package/esm/datepicker/utils/get-dates.d.ts

@@ -0,0 +1,2 @@
+export declare const getMonths: (start: Date, end: Date, current: Date) => Date[];
+export declare const getYears: (start: Date, end: Date) => Date[];

package/esm/datepicker/utils/get-dates.js

@@ -0,0 +1,39 @@
+import { isSameYear, setMonth, setYear, startOfMonth, startOfYear, } from "date-fns";
+export const getMonths = (start, end, current) => {
+    const dropdownMonths = [];
+    if (isSameYear(start, end)) {
+        const date = startOfMonth(start);
+        for (let month = start.getMonth(); month <= end.getMonth(); month++) {
+            dropdownMonths.push(setMonth(date, month));
+        }
+    }
+    else if (isSameYear(current, end)) {
+        const date = startOfMonth(new Date());
+        for (let month = 0; month <= end.getMonth(); month++) {
+            dropdownMonths.push(setMonth(date, month));
+        }
+    }
+    else if (isSameYear(current, start)) {
+        const date = startOfMonth(start);
+        for (let month = date.getMonth(); month <= 11; month++) {
+            dropdownMonths.push(setMonth(date, month));
+        }
+    }
+    else {
+        const date = startOfMonth(new Date());
+        for (let month = 0; month <= 11; month++) {
+            dropdownMonths.push(setMonth(date, month));
+        }
+    }
+    return dropdownMonths;
+};
+export const getYears = (start, end) => {
+    const years = [];
+    const fromYear = start.getFullYear();
+    const toYear = end.getFullYear();
+    for (let year = fromYear; year <= toYear; year++) {
+        years.push(setYear(startOfYear(new Date()), year));
+    }
+    return years;
+};
+//# sourceMappingURL=get-dates.js.map

package/esm/datepicker/utils/get-dates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-dates.js","sourceRoot":"","sources":["../../../src/datepicker/utils/get-dates.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAW,EAAE,GAAS,EAAE,OAAa,EAAU,EAAE;IACzE,MAAM,cAAc,GAAW,EAAE,CAAC;IAElC,IAAI,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE;QAC1B,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QACjC,KAAK,IAAI,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAE,EAAE,KAAK,IAAI,GAAG,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE;YACnE,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;SAC5C;KACF;SAAM,IAAI,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE;QACnC,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACtC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE;YACpD,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;SAC5C;KACF;SAAM,IAAI,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;QACrC,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QACjC,KAAK,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE;YACtD,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;SAC5C;KACF;SAAM;QACL,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;QACtC,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE;YACxC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;SAC5C;KACF;IACD,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAW,EAAE,GAAS,EAAU,EAAE;IACzD,MAAM,KAAK,GAAW,EAAE,CAAC;IACzB,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,MAAM,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC;IACjC,KAAK,IAAI,IAAI,GAAG,QAAQ,EAAE,IAAI,IAAI,MAAM,EAAE,IAAI,EAAE,EAAE;QAChD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;KACpD;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/esm/datepicker/utils/index.d.ts

@@ -0,0 +1,6 @@
+export { formatDateForInput } from "./format-date";
+export { getMonths, getYears } from "./get-dates";
+export { labelMonthDropdown, labelYearDropdown, labels } from "./labels";
+export { INPUT_DATE_STRING_FORMAT, parseDate } from "./parse-date";
+export { getLocaleFromString } from "./locale";
+export { isValidDate } from "./valid-date";

package/esm/datepicker/utils/index.js

@@ -0,0 +1,7 @@
+export { formatDateForInput } from "./format-date";
+export { getMonths, getYears } from "./get-dates";
+export { labelMonthDropdown, labelYearDropdown, labels } from "./labels";
+export { INPUT_DATE_STRING_FORMAT, parseDate } from "./parse-date";
+export { getLocaleFromString } from "./locale";
+export { isValidDate } from "./valid-date";
+//# sourceMappingURL=index.js.map

package/esm/datepicker/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/datepicker/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/esm/datepicker/utils/labels.d.ts

@@ -0,0 +1,4 @@
+import { Labels } from "react-day-picker";
+export declare const labelYearDropdown: (locale: Locale) => "År" | "Year";
+export declare const labelMonthDropdown: (locale: Locale) => "Månede" | "Month";
+export declare const labels: Partial<Labels>;

package/esm/datepicker/utils/labels.js

@@ -0,0 +1,55 @@
+const labelNext = (date, options) => {
+    var _a;
+    switch ((_a = options === null || options === void 0 ? void 0 : options.locale) === null || _a === void 0 ? void 0 : _a.code) {
+        case "nb":
+            return "Gå til neste månede";
+        case "nn":
+            return "Gå til neste månede";
+        case "en":
+            return "Go to next month";
+        default:
+            return "Gå til neste månede";
+    }
+};
+const labelPrevious = (date, options) => {
+    var _a;
+    switch ((_a = options === null || options === void 0 ? void 0 : options.locale) === null || _a === void 0 ? void 0 : _a.code) {
+        case "nb":
+            return "Gå til forrige månede";
+        case "nn":
+            return "Gå til forrige månede";
+        case "en":
+            return "Go to previous month";
+        default:
+            return "Gå til forrige månede";
+    }
+};
+export const labelYearDropdown = (locale) => {
+    switch (locale === null || locale === void 0 ? void 0 : locale.code) {
+        case "nb":
+            return "År";
+        case "nn":
+            return "År";
+        case "en":
+            return "Year";
+        default:
+            return "År";
+    }
+};
+export const labelMonthDropdown = (locale) => {
+    switch (locale === null || locale === void 0 ? void 0 : locale.code) {
+        case "nb":
+            return "Månede";
+        case "nn":
+            return "Månede";
+        case "en":
+            return "Month";
+        default:
+            return "Månede";
+    }
+};
+export const labels = {
+    labelNext,
+    labelPrevious,
+};
+//# sourceMappingURL=labels.js.map

package/esm/datepicker/utils/labels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labels.js","sourceRoot":"","sources":["../../../src/datepicker/utils/labels.ts"],"names":[],"mappings":"AAEA,MAAM,SAAS,GAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;;IAClD,QAAQ,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,IAAI,EAAE;QAC7B,KAAK,IAAI;YACP,OAAO,qBAAqB,CAAC;QAC/B,KAAK,IAAI;YACP,OAAO,qBAAqB,CAAC;QAC/B,KAAK,IAAI;YACP,OAAO,kBAAkB,CAAC;QAC5B;YACE,OAAO,qBAAqB,CAAC;KAChC;AACH,CAAC,CAAC;AAEF,MAAM,aAAa,GAAmB,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;;IACtD,QAAQ,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,IAAI,EAAE;QAC7B,KAAK,IAAI;YACP,OAAO,uBAAuB,CAAC;QACjC,KAAK,IAAI;YACP,OAAO,uBAAuB,CAAC;QACjC,KAAK,IAAI;YACP,OAAO,sBAAsB,CAAC;QAChC;YACE,OAAO,uBAAuB,CAAC;KAClC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,EAAE;IAClD,QAAQ,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE;QACpB,KAAK,IAAI;YACP,OAAO,IAAI,CAAC;QACd,KAAK,IAAI;YACP,OAAO,IAAI,CAAC;QACd,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,EAAE;IACnD,QAAQ,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE;QACpB,KAAK,IAAI;YACP,OAAO,QAAQ,CAAC;QAClB,KAAK,IAAI;YACP,OAAO,QAAQ,CAAC;QAClB,KAAK,IAAI;YACP,OAAO,OAAO,CAAC;QACjB;YACE,OAAO,QAAQ,CAAC;KACnB;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAoB;IACrC,SAAS;IACT,aAAa;CACd,CAAC"}

package/esm/datepicker/utils/locale.d.ts

@@ -0,0 +1,2 @@
+/** @private */
+export declare const getLocaleFromString: (locale?: "nb" | "nn" | "en") => Locale;

package/esm/datepicker/utils/locale.js

@@ -0,0 +1,15 @@
+import enGB from "date-fns/locale/en-GB";
+import nb from "date-fns/locale/nb";
+import nn from "date-fns/locale/nn";
+/** @private */
+export const getLocaleFromString = (locale = "nb") => {
+    switch (locale) {
+        case "nn":
+            return nn;
+        case "en":
+            return enGB;
+        default:
+            return nb;
+    }
+};
+//# sourceMappingURL=locale.js.map

package/esm/datepicker/utils/locale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.js","sourceRoot":"","sources":["../../../src/datepicker/utils/locale.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,uBAAuB,CAAC;AACzC,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpC,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAEpC,eAAe;AACf,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,SAA6B,IAAI,EAAE,EAAE;IACvE,QAAQ,MAAM,EAAE;QACd,KAAK,IAAI;YACP,OAAO,EAAE,CAAC;QACZ,KAAK,IAAI;YACP,OAAO,IAAI,CAAC;QACd;YACE,OAAO,EAAE,CAAC;KACb;AACH,CAAC,CAAC"}

package/esm/datepicker/utils/parse-date.d.ts

@@ -0,0 +1,2 @@
+export declare const INPUT_DATE_STRING_FORMAT = "dd.MM.yyyy";
+export declare const parseDate: (date: string, today: Date, locale: Locale) => any;

package/esm/datepicker/utils/parse-date.js

@@ -0,0 +1,26 @@
+import { parse } from "date-fns";
+import { isValidDate } from "./valid-date";
+export const INPUT_DATE_STRING_FORMAT = "dd.MM.yyyy";
+const ALLOWED_INPUT_FORMATS = [
+    "ddMMyy",
+    "d.M.yy",
+    "dd.MM.yy",
+    "dd/MM/yy",
+    "dd-MM-yy",
+    INPUT_DATE_STRING_FORMAT,
+    "ddMMyyyy",
+    "dd/MM/yyyy",
+    "dd-MM-yyyy",
+    "d.M.yyyy",
+];
+export const parseDate = (date, today, locale) => {
+    let parsed;
+    for (const format of ALLOWED_INPUT_FORMATS) {
+        parsed = parse(date, format, today, { locale });
+        if (isValidDate(parsed)) {
+            return parsed;
+        }
+    }
+    return parsed;
+};
+//# sourceMappingURL=parse-date.js.map

package/esm/datepicker/utils/parse-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-date.js","sourceRoot":"","sources":["../../../src/datepicker/utils/parse-date.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,CAAC,MAAM,wBAAwB,GAAG,YAAY,CAAC;AAErD,MAAM,qBAAqB,GAAG;IAC5B,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,UAAU;IACV,UAAU;IACV,wBAAwB;IACxB,UAAU;IACV,YAAY;IACZ,YAAY;IACZ,UAAU;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,KAAW,EAAE,MAAc,EAAE,EAAE;IACrE,IAAI,MAAM,CAAC;IACX,KAAK,MAAM,MAAM,IAAI,qBAAqB,EAAE;QAC1C,MAAM,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAChD,IAAI,WAAW,CAAC,MAAM,CAAC,EAAE;YACvB,OAAO,MAAM,CAAC;SACf;KACF;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/esm/datepicker/utils/valid-date.d.ts

@@ -0,0 +1,2 @@
+/** @private */
+export declare function isValidDate(day: Date): boolean;

package/esm/datepicker/utils/valid-date.js

@@ -0,0 +1,5 @@
+/** @private */
+export function isValidDate(day) {
+    return !isNaN(day.getTime());
+}
+//# sourceMappingURL=valid-date.js.map

package/esm/datepicker/utils/valid-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valid-date.js","sourceRoot":"","sources":["../../../src/datepicker/utils/valid-date.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,MAAM,UAAU,WAAW,CAAC,GAAS;IACnC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/B,CAAC"}

package/esm/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./accordion";
 export * from "./alert";
 export * from "./button";
+export * from "./datepicker";
 export * from "./form";
 export * from "./grid";
 export * from "./help-text";

package/esm/index.js

@@ -1,6 +1,7 @@
 export * from "./accordion";
 export * from "./alert";
 export * from "./button";
+export * from "./datepicker";
 export * from "./form";
 export * from "./grid";
 export * from "./help-text";

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}

package/esm/monthpicker/MonthPicker.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export interface MonthPickerProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    mode?: "month";
+    /**
+     * The earliest day to start the month navigation.
+     */
+    fromDate?: Date;
+    /**
+     * The latest day to end the month navigation.
+     */
+    toDate?: Date;
+    /**
+     * Changes monthpicker locale
+     * @default "nb" (norsk bokmål)
+     */
+    locale?: "nb" | "nn" | "en";
+    /**
+     * Adds a `Select` for picking Year
+     * Needs `fromDate` + `toDate` to be set!
+     * @default false
+     */
+    yearSelector?: boolean;
+}
+export declare const MonthPicker: React.ForwardRefExoticComponent<MonthPickerProps & React.RefAttributes<HTMLDivElement>>;
+export default MonthPicker;
+export declare const F = "";

package/esm/monthpicker/MonthPicker.js

@@ -0,0 +1,84 @@
+import { Left, Right } from "@navikt/ds-icons";
+import cl from "clsx";
+import { compareAsc, format, isSameYear, setMonth, setYear, startOfMonth, startOfYear, } from "date-fns";
+import NB from "date-fns/locale/nb";
+import React, { forwardRef, useState } from "react";
+import { RootProvider, useDayPicker, useNavigation } from "react-day-picker";
+import { BodyShort, Select } from "..";
+import { dateIsInCurrentMonth, dateIsSelected } from "./utils/check-dates";
+const TestCaption = ({ selected, onSelect, isValidYearSelector, yearSelector, }) => {
+    const { nextMonth, previousMonth } = useNavigation();
+    const { fromDate, toDate, formatters: { formatYearCaption }, locale, } = useDayPicker();
+    const [yearState, setYearState] = useState(selected);
+    const years = [];
+    if (yearSelector && fromDate && toDate) {
+        const fromYear = fromDate.getFullYear();
+        const toYear = toDate.getFullYear();
+        for (let year = fromYear; year <= toYear; year++) {
+            years.push(setYear(startOfYear(new Date()), year));
+        }
+    }
+    const handleYearChange = (e) => {
+        const newMonth = setYear(startOfMonth(selected), Number(e.target.value));
+        setYearState(newMonth);
+        onSelect(newMonth);
+    };
+    const handleButtonClick = (val) => {
+        const newMonth = setYear(startOfMonth(selected), yearState.getFullYear() + val);
+        setYearState(newMonth);
+        onSelect(newMonth);
+    };
+    return (React.createElement("div", { className: "navds-monthpicker__caption" },
+        React.createElement("button", { className: "navds-monthpicker__caption-button", disabled: !previousMonth, onClick: () => years.some((x) => yearState.getFullYear() - 1 === x.getFullYear()) &&
+                handleButtonClick(-1) },
+            React.createElement(Left, { "aria-hidden": true })),
+        isValidYearSelector ? (React.createElement(Select, { label: "velg \u00E5r", hideLabel: true, value: selected === null || selected === void 0 ? void 0 : selected.getFullYear(), onChange: handleYearChange, style: { width: "79px" } }, years.map((year) => (React.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale })))))) : (React.createElement("span", { className: "navds-monthpicker__year-label", "aria-live": "polite" }, yearState.getFullYear())),
+        React.createElement("button", { className: "navds-monthpicker__caption-button", disabled: !nextMonth, onClick: () => years.some((x) => yearState.getFullYear() + 1 === x.getFullYear()) &&
+                handleButtonClick(1) },
+            React.createElement(Right, { "aria-hidden": true }))));
+};
+const MonthSelector = ({ onSelect, selected, }) => {
+    const months = [];
+    const { fromDate, toDate, formatters: { formatYearCaption, formatMonthCaption }, locale, } = useDayPicker();
+    if (!fromDate)
+        return React.createElement(React.Fragment, null);
+    if (!toDate)
+        return React.createElement(React.Fragment, null);
+    if (isSameYear(fromDate, toDate)) {
+        const date = startOfMonth(fromDate);
+        for (let month = fromDate.getMonth(); month <= toDate.getMonth(); month++) {
+            months.push(setMonth(date, month));
+        }
+    }
+    else {
+        const date = startOfMonth(new Date());
+        for (let month = 0; month <= 11; month++) {
+            months.push(setMonth(date, month));
+        }
+    }
+    const hideMonth = (month) => {
+        return compareAsc(month, fromDate) === -1;
+    };
+    return (React.createElement(BodyShort, { as: "div", className: "navds-monthpicker__months" }, months.map((x, y) => {
+        return (React.createElement("button", { key: x.toDateString(), onClick: () => onSelect(setYear(startOfMonth(x), Number(selected.getFullYear()))), className: cl("navds-monthpicker__month", {
+                "navds-monthpicker__month--hidden": hideMonth(x),
+                "navds-monthpicker__month--current": dateIsInCurrentMonth(x, selected),
+                "navds-monthpicker__month--selected": dateIsSelected(x, selected),
+            }) },
+            React.createElement("span", { "aria-hidden": "true" }, format(new Date(x), "LLL", { locale })
+                .replace(".", "")
+                .substring(0, 3)),
+            React.createElement("span", { className: "navds-sr-only" }, format(new Date(x), "LLLL", { locale }))));
+    })));
+};
+export const MonthPicker = forwardRef(({ children, yearSelector = false, fromDate = new Date(), toDate = new Date("Sep 27 2032"), }, ref) => {
+    const [selected, setSelected] = React.useState(new Date());
+    const isValidYearSelector = yearSelector && fromDate && toDate ? true : false;
+    return (React.createElement(RootProvider, { locale: NB, selected: selected, className: "navds-monthpicker-month", toDate: toDate, fromDate: fromDate },
+        React.createElement("div", { className: "navds-monthpicker__wrapper" },
+            React.createElement(TestCaption, { selected: selected, onSelect: setSelected, yearSelector: yearSelector, isValidYearSelector: isValidYearSelector }),
+            React.createElement(MonthSelector, { onSelect: setSelected, selected: selected }))));
+});
+export default MonthPicker;
+export const F = "";
+//# sourceMappingURL=MonthPicker.js.map

package/esm/monthpicker/MonthPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthPicker.js","sourceRoot":"","sources":["../../src/monthpicker/MonthPicker.tsx"],"names":[],"mappings":"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"}

package/esm/monthpicker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MonthPicker } from "./MonthPicker";
+export { MonthPickerProps } from "./MonthPicker";

package/esm/monthpicker/index.js

@@ -0,0 +1,2 @@
+export { default as MonthPicker } from "./MonthPicker";
+//# sourceMappingURL=index.js.map

package/esm/monthpicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/monthpicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/esm/monthpicker/utils/check-dates.d.ts

@@ -0,0 +1,2 @@
+export declare const dateIsInCurrentMonth: (date: Date, dateToCompare: Date) => boolean;
+export declare const dateIsSelected: (date: Date, selectedDate: Date) => boolean;

package/esm/monthpicker/utils/check-dates.js

@@ -0,0 +1,8 @@
+import { isThisMonth, setYear, isSameMonth } from "date-fns";
+export const dateIsInCurrentMonth = (date, dateToCompare) => {
+    return isThisMonth(setYear(date, Number(dateToCompare.getFullYear())));
+};
+export const dateIsSelected = (date, selectedDate) => {
+    return isSameMonth(setYear(date, Number(selectedDate.getFullYear())), selectedDate);
+};
+//# sourceMappingURL=check-dates.js.map

package/esm/monthpicker/utils/check-dates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-dates.js","sourceRoot":"","sources":["../../../src/monthpicker/utils/check-dates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE7D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,IAAU,EACV,aAAmB,EACV,EAAE;IACX,OAAO,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAU,EAAE,YAAkB,EAAW,EAAE;IACxE,OAAO,WAAW,CAChB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,CAAC,EACjD,YAAY,CACb,CAAC;AACJ,CAAC,CAAC"}

package/esm/monthpicker/utils/handle-selected.d.ts

@@ -0,0 +1,3 @@
+export declare const updateWithoutYearSelector: (yearState: Date, val: number) => Date;
+export declare const updateWithYearSelector: (yearState: Date, selected: Date, years: Date[], val: number) => Date;
+export declare const hasNextYear: (yearState: Date, years: Date[], val: any) => boolean;

package/esm/monthpicker/utils/handle-selected.js

@@ -0,0 +1,12 @@
+import { startOfMonth, setYear } from "date-fns";
+export const updateWithoutYearSelector = (yearState, val) => {
+    const newYear = Number(yearState.getFullYear() + val);
+    return setYear(yearState, newYear);
+};
+export const updateWithYearSelector = (yearState, selected, years, val) => {
+    return setYear(startOfMonth(selected), yearState.getFullYear() + val);
+};
+export const hasNextYear = (yearState, years, val) => {
+    return years.some((x) => yearState.getFullYear() + val === x.getFullYear());
+};
+//# sourceMappingURL=handle-selected.js.map

package/esm/monthpicker/utils/handle-selected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle-selected.js","sourceRoot":"","sources":["../../../src/monthpicker/utils/handle-selected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,SAAe,EACf,GAAW,EACL,EAAE;IACR,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,CAAC;IACtD,OAAO,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,SAAe,EACf,QAAc,EACd,KAAa,EACb,GAAW,EACL,EAAE;IACR,OAAO,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,SAAe,EACf,KAAa,EACb,GAAQ,EACC,EAAE;IACX,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,GAAG,GAAG,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;AAC9E,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "1.2.2",
+  "version": "1.3.0-alpha.0",
   "description": "NAV designsystem react components",
   "author": "NAV Designsystem team",
   "license": "MIT",
@@ -36,10 +36,13 @@
   },
   "dependencies": {
     "@floating-ui/react-dom-interactions": "0.9.2",
-    "@navikt/ds-icons": "^1.2.2",
+    "@navikt/ds-icons": "^1.3.0-alpha.0",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.1.1",
+    "date-fns": "2.29.2",
+    "focus-trap-react": "^10.0.0",
+    "react-day-picker": "^8.1.4",
     "react-modal": "3.15.1"
   },
   "devDependencies": {
@@ -53,6 +56,7 @@
     "@types/react-modal": "^3.13.1",
     "concurrently": "7.2.1",
     "copyfiles": "^2.4.1",
+    "date-fns-tz": "1.3.6",
     "faker": "5.5.3",
     "fast-glob": "3.2.11",
     "jest": "^27.5.0",
@@ -74,5 +78,5 @@
       "optional": true
     }
   },
-  "gitHead": "7da8246ce3fbf84239ac4d68993100d81524fb41"
+  "gitHead": "eb4721db0d4e4cc9b5610f20bcb3b0cad30de00a"
 }

package/src/chat/Chat.tsx

@@ -11,7 +11,7 @@ export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
   /**
    * Chat-message name
    */
-  name: string;
+  name?: string;
   /**
    * Timestamp for sent message
    */

package/src/chat/chat.stories.tsx

@@ -118,11 +118,7 @@ export const Position = () => {
 
 export const Avatar = () => {
   return (
-    <Chat
-      avatar={<Illustration />}
-      name={"Ola Normann"}
-      timestamp={"01.01.21 14:00"}
-    >
+    <Chat avatar={<Illustration />} timestamp={"01.01.21 14:00"}>
       <Chat.Bubble>
         Aute minim nisi sunt mollit duis sunt nulla minim non proident.
       </Chat.Bubble>