@bbl-digital/snorre 2.4.42 → 2.4.45

package/dist/bundle.js

@@ -761,7 +761,6 @@
   };
 
   const MONTHS_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Des'];
-
   const parseDate = (date, format, locale, minDate, maxDate) => {
     const format1 = (date.length === 10 || date.length === 8) && date.includes('.');
     const format2 = (date.length === 6 || date.length === 8) && !date.includes('.');
@@ -804,7 +803,6 @@
 
     return rest;
   };
-
   const getDateIsValid = (date, minDate, maxDate) => {
     if (!date) return false;
     const min = minDate ? new Date(minDate) : null;
@@ -816,7 +814,6 @@
     if (!(min || max)) return true;
     return (!min || min && date >= min) && (!max || max && date <= max);
   };
-
   const datesAreOnSameDay = (first, second) => first.getFullYear() === second.getFullYear() && first.getMonth() === second.getMonth() && first.getDate() === second.getDate();
   const ddmmyyyy = {
     day: '2-digit',
@@ -25962,6 +25959,8 @@
     }, [isOpen, pickerRef, popperElement]);
 
     const emitChange = newDate => {
+      newDate?.setHours(11, 0); // To avoid timezone issues
+
       setDate(newDate);
       onChange(newDate);
     };
@@ -26046,7 +26045,7 @@
             onFocus: () => setIsOpen(true),
             onClick: () => setIsOpen(true),
             ref: setReferenceElement,
-            onBlur: e => handleInputChange(e.currentTarget.value, true),
+            onBlur: () => handleInputChange(inputValue && pickerValue ? dateFns.format(pickerValue, FORMAT) : '', true),
             disabled: disabled,
             readOnly: isMobile,
             onKeyDown: handleInputKeydown

package/esm/core/Datepicker/index.js

@@ -69,6 +69,8 @@ const Datepicker = ({
   }, [isOpen, pickerRef, popperElement]);
 
   const emitChange = newDate => {
+    newDate?.setHours(11, 0); // To avoid timezone issues
+
     setDate(newDate);
     onChange(newDate);
   };
@@ -153,7 +155,7 @@ const Datepicker = ({
           onFocus: () => setIsOpen(true),
           onClick: () => setIsOpen(true),
           ref: setReferenceElement,
-          onBlur: e => handleInputChange(e.currentTarget.value, true),
+          onBlur: () => handleInputChange(inputValue && pickerValue ? format(pickerValue, FORMAT) : '', true),
           disabled: disabled,
           readOnly: isMobile,
           onKeyDown: handleInputKeydown

package/esm/utils/dates.js

@@ -1,9 +1,5 @@
-const MONTHS = ['Januar', 'Februar', 'Mars', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Desember'];
-const MONTHS_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Des'];
-const WEEKDAYS_LONG = ['Mandag', 'Tirsdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lørdag', 'Søndag'];
-const WEEKDAYS_SHORT = ['S', 'M', 'T', 'O', 'T', 'F', 'L'];
-
-const parseDate = (date, format, locale, minDate, maxDate) => {
+export const MONTHS_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Des'];
+export const parseDate = (date, format, locale, minDate, maxDate) => {
   const format1 = (date.length === 10 || date.length === 8) && date.includes('.');
   const format2 = (date.length === 6 || date.length === 8) && !date.includes('.');
 
@@ -45,8 +41,7 @@ const parseDate = (date, format, locale, minDate, maxDate) => {
 
   return rest;
 };
-
-const formatDate = (date, format, locale) => {
+export const formatDate = (date, format, locale) => {
   const options = {
     day: '2-digit',
     month: '2-digit',
@@ -54,8 +49,7 @@ const formatDate = (date, format, locale) => {
   };
   return new Intl.DateTimeFormat(['no-NO', 'nb-NO', 'nn-NO', 'de-DE'], options).format(new Date(date));
 };
-
-const getDateIsValid = (date, minDate, maxDate) => {
+export const getDateIsValid = (date, minDate, maxDate) => {
   if (!date) return false;
   const min = minDate ? new Date(minDate) : null;
   const max = maxDate ? new Date(maxDate) : null;
@@ -66,9 +60,8 @@ const getDateIsValid = (date, minDate, maxDate) => {
   if (!(min || max)) return true;
   return (!min || min && date >= min) && (!max || max && date <= max);
 };
-
 export const datesAreOnSameDay = (first, second) => first.getFullYear() === second.getFullYear() && first.getMonth() === second.getMonth() && first.getDate() === second.getDate();
-const ddmmyyyy = {
+export const ddmmyyyy = {
   day: '2-digit',
   month: '2-digit',
   year: 'numeric'
@@ -88,8 +81,7 @@ export const mmyyyy = {
   month: '2-digit',
   year: 'numeric'
 };
-const hhmm = {
+export const hhmm = {
   hour: '2-digit',
   minute: '2-digit'
-};
-export { MONTHS, MONTHS_SHORT, WEEKDAYS_LONG, WEEKDAYS_SHORT, parseDate, formatDate, getDateIsValid, ddmmyyyy, hhmm };
+};

package/lib/core/Datepicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/index.tsx"],"names":[],"mappings":"AACA,sCAAsC;AACtC,OAAO,KAAsC,MAAM,OAAO,CAAA;AAW1D,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+LhC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/index.tsx"],"names":[],"mappings":"AACA,sCAAsC;AACtC,OAAO,KAAsC,MAAM,OAAO,CAAA;AAW1D,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6BAA6B;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqMhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/Datepicker/index.js

@@ -69,6 +69,8 @@ const Datepicker = ({
   }, [isOpen, pickerRef, popperElement]);
 
   const emitChange = newDate => {
+    newDate?.setHours(11, 0); // To avoid timezone issues
+
     setDate(newDate);
     onChange(newDate);
   };
@@ -153,7 +155,7 @@ const Datepicker = ({
           onFocus: () => setIsOpen(true),
           onClick: () => setIsOpen(true),
           ref: setReferenceElement,
-          onBlur: e => handleInputChange(e.currentTarget.value, true),
+          onBlur: () => handleInputChange(inputValue && pickerValue ? format(pickerValue, FORMAT) : '', true),
           disabled: disabled,
           readOnly: isMobile,
           onKeyDown: handleInputKeydown

package/lib/utils/dates.d.ts

@@ -1,16 +1,12 @@
-declare const MONTHS: string[];
-declare const MONTHS_SHORT: string[];
-declare const WEEKDAYS_LONG: string[];
-declare const WEEKDAYS_SHORT: string[];
-declare const parseDate: (date: string, format?: string | undefined, locale?: string | undefined, minDate?: string | Date | undefined, maxDate?: string | Date | undefined) => Date | undefined;
-declare const formatDate: (date: Date, format: string, locale: string) => string;
-declare const getDateIsValid: (date: Date | string, minDate?: string | Date | undefined, maxDate?: string | Date | undefined) => boolean;
+export declare const MONTHS_SHORT: string[];
+export declare const parseDate: (date: string, format?: string | undefined, locale?: string | undefined, minDate?: string | Date | undefined, maxDate?: string | Date | undefined) => Date | undefined;
+export declare const formatDate: (date: Date, format: string, locale: string) => string;
+export declare const getDateIsValid: (date: Date | string, minDate?: string | Date | undefined, maxDate?: string | Date | undefined) => boolean;
 export declare const datesAreOnSameDay: (first: Date, second: Date) => boolean;
-declare const ddmmyyyy: Intl.DateTimeFormatOptions;
+export declare const ddmmyyyy: Intl.DateTimeFormatOptions;
 export declare const ddMM: Intl.DateTimeFormatOptions;
 export declare const MM: Intl.DateTimeFormatOptions;
 export declare const mmYYYY: Intl.DateTimeFormatOptions;
 export declare const mmyyyy: Intl.DateTimeFormatOptions;
-declare const hhmm: Intl.DateTimeFormatOptions;
-export { MONTHS, MONTHS_SHORT, WEEKDAYS_LONG, WEEKDAYS_SHORT, parseDate, formatDate, getDateIsValid, ddmmyyyy, hhmm, };
+export declare const hhmm: Intl.DateTimeFormatOptions;
 //# sourceMappingURL=dates.d.ts.map

package/lib/utils/dates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../src/packages/utils/dates.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM,UAaX,CAAA;AACD,QAAA,MAAM,YAAY,UAajB,CAAA;AACD,QAAA,MAAM,aAAa,UAQlB,CAAA;AACD,QAAA,MAAM,cAAc,UAAsC,CAAA;AAE1D,QAAA,MAAM,SAAS,SACP,MAAM,yJAgDb,CAAA;AAED,QAAA,MAAM,UAAU,SAAU,IAAI,UAAU,MAAM,UAAU,MAAM,WAW7D,CAAA;AAED,QAAA,MAAM,cAAc,SACZ,IAAI,GAAG,MAAM,sFAgBpB,CAAA;AAED,eAAO,MAAM,iBAAiB,UAAW,IAAI,UAAU,IAAI,YAGrB,CAAA;AAEtC,QAAA,MAAM,QAAQ,EAAE,IAAI,CAAC,qBAIpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,qBAGvB,CAAA;AAED,eAAO,MAAM,EAAE,EAAE,IAAI,CAAC,qBAErB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,qBAGzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,qBAGzB,CAAA;AAED,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,qBAGhB,CAAA;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,cAAc,EACd,QAAQ,EACR,IAAI,GACL,CAAA"}
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../src/packages/utils/dates.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,UAaxB,CAAA;AAED,eAAO,MAAM,SAAS,SACd,MAAM,yJAgDb,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,IAAI,UAAU,MAAM,UAAU,MAAM,WAWpE,CAAA;AAED,eAAO,MAAM,cAAc,SACnB,IAAI,GAAG,MAAM,sFAgBpB,CAAA;AAED,eAAO,MAAM,iBAAiB,UAAW,IAAI,UAAU,IAAI,YAGrB,CAAA;AAEtC,eAAO,MAAM,QAAQ,EAAE,IAAI,CAAC,qBAI3B,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,qBAGvB,CAAA;AAED,eAAO,MAAM,EAAE,EAAE,IAAI,CAAC,qBAErB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,qBAGzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,qBAGzB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,qBAGvB,CAAA"}

package/lib/utils/dates.js

@@ -1,9 +1,5 @@
-const MONTHS = ['Januar', 'Februar', 'Mars', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Desember'];
-const MONTHS_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Des'];
-const WEEKDAYS_LONG = ['Mandag', 'Tirsdag', 'Onsdag', 'Torsdag', 'Fredag', 'Lørdag', 'Søndag'];
-const WEEKDAYS_SHORT = ['S', 'M', 'T', 'O', 'T', 'F', 'L'];
-
-const parseDate = (date, format, locale, minDate, maxDate) => {
+export const MONTHS_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Des'];
+export const parseDate = (date, format, locale, minDate, maxDate) => {
   const format1 = (date.length === 10 || date.length === 8) && date.includes('.');
   const format2 = (date.length === 6 || date.length === 8) && !date.includes('.');
 
@@ -45,8 +41,7 @@ const parseDate = (date, format, locale, minDate, maxDate) => {
 
   return rest;
 };
-
-const formatDate = (date, format, locale) => {
+export const formatDate = (date, format, locale) => {
   const options = {
     day: '2-digit',
     month: '2-digit',
@@ -54,8 +49,7 @@ const formatDate = (date, format, locale) => {
   };
   return new Intl.DateTimeFormat(['no-NO', 'nb-NO', 'nn-NO', 'de-DE'], options).format(new Date(date));
 };
-
-const getDateIsValid = (date, minDate, maxDate) => {
+export const getDateIsValid = (date, minDate, maxDate) => {
   if (!date) return false;
   const min = minDate ? new Date(minDate) : null;
   const max = maxDate ? new Date(maxDate) : null;
@@ -66,9 +60,8 @@ const getDateIsValid = (date, minDate, maxDate) => {
   if (!(min || max)) return true;
   return (!min || min && date >= min) && (!max || max && date <= max);
 };
-
 export const datesAreOnSameDay = (first, second) => first.getFullYear() === second.getFullYear() && first.getMonth() === second.getMonth() && first.getDate() === second.getDate();
-const ddmmyyyy = {
+export const ddmmyyyy = {
   day: '2-digit',
   month: '2-digit',
   year: 'numeric'
@@ -88,8 +81,7 @@ export const mmyyyy = {
   month: '2-digit',
   year: 'numeric'
 };
-const hhmm = {
+export const hhmm = {
   hour: '2-digit',
   minute: '2-digit'
-};
-export { MONTHS, MONTHS_SHORT, WEEKDAYS_LONG, WEEKDAYS_SHORT, parseDate, formatDate, getDateIsValid, ddmmyyyy, hhmm };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "2.4.42",
+  "version": "2.4.45",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",