@bbl-digital/snorre 3.1.0 → 3.1.2

package/lib/utils/dates.d.ts

@@ -1,15 +1,15 @@
-export declare const MONTHS: string[];
-export declare const MONTHS_SHORT: string[];
-export declare const WEEKDAYS_LONG: string[];
-export declare const WEEKDAYS_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;
-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;
-export declare const hhmm: Intl.DateTimeFormatOptions;
+export declare const MONTHS: string[];
+export declare const MONTHS_SHORT: string[];
+export declare const WEEKDAYS_LONG: string[];
+export declare const WEEKDAYS_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;
+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;
+export declare const hhmm: Intl.DateTimeFormatOptions;
 //# sourceMappingURL=dates.d.ts.map

package/lib/utils/file.d.ts

@@ -1,3 +1,3 @@
-export declare const formatBytes: (bytes?: number | undefined) => string;
-export declare const isAllFilesValid: (files: File[], maxFileSizeInBytes: number) => boolean;
+export declare const formatBytes: (bytes?: number | undefined) => string;
+export declare const isAllFilesValid: (files: File[], maxFileSizeInBytes: number) => boolean;
 //# sourceMappingURL=file.d.ts.map

package/lib/utils/format.d.ts

@@ -1,21 +1,21 @@
-import { IPreemptionPricing } from '../core/PreemptionCard/models';
-/**
- * PRICES
- */
-declare const getFormattedPrice: (price: any, decimals?: number | undefined, roundDown?: boolean | undefined) => any;
-declare const getPriceWithLabel: (pricing: IPreemptionPricing) => string;
-declare const getFormattedPriceWithEnding: (price: number | string, decimals?: number | undefined) => string;
-/**
- * DATES
- */
-declare const getFormattedDate: (date: string | Date, opt?: Intl.DateTimeFormatOptions | undefined) => string;
-declare const getFormattedTime: (date: Date) => string;
-declare const getFormattedDateTimePretty: (date: Date, opt?: Intl.DateTimeFormatOptions) => string;
-/**
- * OTHERS
- */
-declare const getTitleString: (text: string) => string;
-declare const getFormattedCardNumber: (cardNumber: string) => string;
-declare const getFormattedOrganizationNumber: (organizationNumber: string | number) => string;
-export { getFormattedOrganizationNumber, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getFormattedCardNumber, getFormattedTime, getPriceWithLabel, getFormattedDateTimePretty, };
+import { IPreemptionPricing } from '../core/PreemptionCard/models';
+/**
+ * PRICES
+ */
+declare const getFormattedPrice: (price: any, decimals?: number | undefined, roundDown?: boolean | undefined) => any;
+declare const getPriceWithLabel: (pricing: IPreemptionPricing) => string;
+declare const getFormattedPriceWithEnding: (price: number | string, decimals?: number | undefined) => string;
+/**
+ * DATES
+ */
+declare const getFormattedDate: (date: string | Date, opt?: Intl.DateTimeFormatOptions | undefined) => string;
+declare const getFormattedTime: (date: Date) => string;
+declare const getFormattedDateTimePretty: (date: Date, opt?: Intl.DateTimeFormatOptions) => string;
+/**
+ * OTHERS
+ */
+declare const getTitleString: (text: string) => string;
+declare const getFormattedCardNumber: (cardNumber: string) => string;
+declare const getFormattedOrganizationNumber: (organizationNumber: string | number) => string;
+export { getFormattedOrganizationNumber, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getFormattedCardNumber, getFormattedTime, getPriceWithLabel, getFormattedDateTimePretty, };
 //# sourceMappingURL=format.d.ts.map

package/lib/utils/format.js

@@ -1,6 +1,6 @@
 import { ddmmyyyy } from './dates';
-/**
- * PRICES
+/**
+ * PRICES
  */
 
 const getFormattedPrice = (price, decimals, roundDown) => {
@@ -46,8 +46,8 @@ const getFormattedPriceWithEnding = (price, decimals) => {
   const formattedPrice = getFormattedPrice(price, decimals);
   return formattedPrice + ' kr';
 };
-/**
- * DATES
+/**
+ * DATES
  */
 
 
@@ -72,8 +72,8 @@ const getFormattedDateTimePretty = (date, opt = ddmmyyyy) => {
   if (!date) return '';
   return `${getFormattedDate(date, opt)} kl ${getFormattedTime(date)}`;
 };
-/**
- * OTHERS
+/**
+ * OTHERS
  */
 
 

package/lib/utils/formatGraphPrice.d.ts

@@ -1,3 +1,3 @@
-declare const formatAxisPrice: (val: any) => string;
-export { formatAxisPrice };
+declare const formatAxisPrice: (val: any) => string;
+export { formatAxisPrice };
 //# sourceMappingURL=formatGraphPrice.d.ts.map

package/lib/utils/image.d.ts

@@ -1,3 +1,3 @@
-declare const convertBlobToObjectUrl: (blob: Blob) => string;
-export { convertBlobToObjectUrl };
+declare const convertBlobToObjectUrl: (blob: Blob) => string;
+export { convertBlobToObjectUrl };
 //# sourceMappingURL=image.d.ts.map

package/lib/utils/pagination.d.ts

@@ -1,7 +1,7 @@
-declare const getCurrentPage: (take: number, skip: number) => number;
-declare const getSkippedItems: (pageNumber: number, take: number) => number;
-declare const getHasPreviousPages: (currentPage: number, totalPages: number) => boolean;
-declare const getHasMorePages: (currentPage: number, totalPages: number) => boolean;
-declare const getFirstButtonIndex: (currentPage: number, totalPages: number) => number;
-export { getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, };
+declare const getCurrentPage: (take: number, skip: number) => number;
+declare const getSkippedItems: (pageNumber: number, take: number) => number;
+declare const getHasPreviousPages: (currentPage: number, totalPages: number) => boolean;
+declare const getHasMorePages: (currentPage: number, totalPages: number) => boolean;
+declare const getFirstButtonIndex: (currentPage: number, totalPages: number) => number;
+export { getCurrentPage, getSkippedItems, getHasPreviousPages, getHasMorePages, getFirstButtonIndex, };
 //# sourceMappingURL=pagination.d.ts.map

package/lib/utils/phone.d.ts

@@ -1,3 +1,3 @@
-declare const getFormatedPhone: (phone: string) => string;
-export { getFormatedPhone };
+declare const getFormatedPhone: (phone: string) => string;
+export { getFormatedPhone };
 //# sourceMappingURL=phone.d.ts.map

package/lib/utils/removeFocusOnMouseUp.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export default function removeFocusOnMouseUp<T>(event: React.MouseEvent<T>): void;
+/// <reference types="react" />
+export default function removeFocusOnMouseUp<T>(event: React.MouseEvent<T>): void;
 //# sourceMappingURL=removeFocusOnMouseUp.d.ts.map

package/lib/utils/time.d.ts

@@ -1,26 +1,28 @@
-export declare const DEFAULT_DIVIDER = ":";
-export declare const DEFAULT_VALUE_SHORT: string;
-export declare const DEFAULT_VALUE_FULL: string;
-/**
- * Checks if input is a number
- */
-export declare function isNumber<T>(value: T): boolean;
-/**
- * Validates time to keep the format:
- * default 00:00 or 00:00:00 if showSeconds is true
- *
- * The function also keeps track of the cursor position
- */
-export declare const validateTimeAndCursor: (showSeconds?: boolean, value?: string, defaultValue?: string, divider?: string, cursorPosition?: number) => [string, number];
-/**
- * Converts a Date to String with the format:
- * default 00:00 or 00:00:00 if showSeconds is true
- */
-export declare const handleDateToStringConvertion: (date: Date, showSeconds?: boolean | undefined) => string;
-/**
- * Converts a String to Date with the format:
- * If value is formatted as 00:00:00 it will return the date with chosen seconds
- * If value is formatted as 00:00 it will return the date with seconds set to 00
- */
-export declare const handleStringToDateConvertion: (value: string, originalDate?: Date | undefined) => Date;
+export declare const DEFAULT_DIVIDER = ":";
+export declare const DEFAULT_VALUE_SHORT: string;
+export declare const DEFAULT_VALUE_SHORT_NULLABLE: string;
+export declare const DEFAULT_VALUE_FULL: string;
+export declare const DEFAULT_VALUE_FULL_NULLABLE: string;
+/**
+ * Checks if input is a number
+ */
+export declare function isNumber<T>(value: T): boolean;
+/**
+ * Validates time to keep the format:
+ * default 00:00 or 00:00:00 if showSeconds is true
+ *
+ * The function also keeps track of the cursor position
+ */
+export declare const validateTimeAndCursor: (showSeconds?: boolean, value?: string, defaultValue?: string, divider?: string, cursorPosition?: number, isNullable?: boolean) => [string, number];
+/**
+ * Converts a Date to String with the format:
+ * default 00:00 or 00:00:00 if showSeconds is true
+ */
+export declare const handleDateToStringConvertion: (date: Date, showSeconds?: boolean | undefined) => string;
+/**
+ * Converts a String to Date with the format:
+ * If value is formatted as 00:00:00 it will return the date with chosen seconds
+ * If value is formatted as 00:00 it will return the date with seconds set to 00
+ */
+export declare const handleStringToDateConvertion: (value: string, originalDate?: Date | undefined) => Date;
 //# sourceMappingURL=time.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/packages/utils/time.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAM,CAAA;AAClC,eAAO,MAAM,mBAAmB,QAA2B,CAAA;AAC3D,eAAO,MAAM,kBAAkB,QAA+C,CAAA;AAM9E;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAG7C;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,+GAM/B,CAAC,MAAM,EAAE,MAAM,CAwCjB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B,SACjC,IAAI,wCAET,MAUF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,UAChC,MAAM,sCAEZ,IASF,CAAA"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/packages/utils/time.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAM,CAAA;AAClC,eAAO,MAAM,mBAAmB,QAA2B,CAAA;AAC3D,eAAO,MAAM,4BAA4B,QAA2B,CAAA;AACpE,eAAO,MAAM,kBAAkB,QAA+C,CAAA;AAC9E,eAAO,MAAM,2BAA2B,QAA+C,CAAA;AASvF;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,OAAO,CAG7C;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,qIAO/B,CAAC,MAAM,EAAE,MAAM,CAwCjB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B,SACjC,IAAI,wCAET,MAUF,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,UAChC,MAAM,sCAEZ,IASF,CAAA"}

package/lib/utils/time.js

@@ -1,12 +1,14 @@
 export const DEFAULT_DIVIDER = ':';
 export const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
+export const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
 export const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
+export const DEFAULT_VALUE_FULL_NULLABLE = `--${DEFAULT_DIVIDER}--${DEFAULT_DIVIDER}--`;
 
-const formatTimeItem = value => {
-  return `${value || ''}00`.substr(0, 2);
+const formatTimeItem = (value, isNullable = false) => {
+  return `${value || ''}${isNullable ? '--' : '00'}`.substring(0, 2);
 };
-/**
- * Checks if input is a number
+/**
+ * Checks if input is a number
  */
 
 
@@ -14,18 +16,18 @@ export function isNumber(value) {
   const number = Number(value);
   return !isNaN(number) && String(value) === String(number);
 }
-/**
- * Validates time to keep the format:
- * default 00:00 or 00:00:00 if showSeconds is true
- *
- * The function also keeps track of the cursor position
+/**
+ * Validates time to keep the format:
+ * default 00:00 or 00:00:00 if showSeconds is true
+ *
+ * The function also keeps track of the cursor position
  */
 
-export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0) => {
+export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0, isNullable = false) => {
   const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
   let newCursorPosition = Number(cursorPosition);
   let [HH, MM, SS] = String(value).split(divider);
-  HH = formatTimeItem(HH);
+  HH = formatTimeItem(HH, isNullable);
 
   if (Number(HH[0]) > 2) {
     HH = oldHH;
@@ -39,7 +41,7 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
     }
   }
 
-  MM = formatTimeItem(MM);
+  MM = formatTimeItem(MM, isNullable);
 
   if (Number(MM[0]) > 5) {
     MM = oldMM;
@@ -47,7 +49,7 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
   }
 
   if (showSeconds) {
-    SS = formatTimeItem(SS);
+    SS = formatTimeItem(SS, isNullable);
 
     if (Number(SS[0]) > 5) {
       SS = oldSS;
@@ -58,9 +60,9 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
   const validatedValue = showSeconds ? `${HH}${divider}${MM}${divider}${SS}` : `${HH}${divider}${MM}`;
   return [validatedValue, newCursorPosition];
 };
-/**
- * Converts a Date to String with the format:
- * default 00:00 or 00:00:00 if showSeconds is true
+/**
+ * Converts a Date to String with the format:
+ * default 00:00 or 00:00:00 if showSeconds is true
  */
 
 export const handleDateToStringConvertion = (date, showSeconds) => {
@@ -70,10 +72,10 @@ export const handleDateToStringConvertion = (date, showSeconds) => {
   const seconds = d.getSeconds().toString().padStart(2, '0');
   return `${hours}${DEFAULT_DIVIDER}${minutes}${showSeconds ? `${DEFAULT_DIVIDER}${seconds}` : ''}`;
 };
-/**
- * Converts a String to Date with the format:
- * If value is formatted as 00:00:00 it will return the date with chosen seconds
- * If value is formatted as 00:00 it will return the date with seconds set to 00
+/**
+ * Converts a String to Date with the format:
+ * If value is formatted as 00:00:00 it will return the date with chosen seconds
+ * If value is formatted as 00:00 it will return the date with seconds set to 00
  */
 
 export const handleStringToDateConvertion = (value, originalDate) => {

package/lib/utils/url.d.ts

@@ -1,4 +1,4 @@
-declare const getDomainFromUrl: (url: string) => string;
-declare const getUrlWithProtocol: (url: string) => string;
-export { getDomainFromUrl, getUrlWithProtocol };
+declare const getDomainFromUrl: (url: string) => string;
+declare const getUrlWithProtocol: (url: string) => string;
+export { getDomainFromUrl, getUrlWithProtocol };
 //# sourceMappingURL=url.d.ts.map

package/package.json

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

package/rollup.config.js

@@ -1,13 +1,13 @@
-import commonjs from '@rollup/plugin-commonjs'
-
-const config = {
-  input: 'esm/index.js',
-  output: {
-    file: 'dist/bundle.js',
-    format: 'umd',
-    name: 'Snorre',
-  },
-  plugins: [commonjs()],
-}
-
-export default config
+import commonjs from '@rollup/plugin-commonjs'
+
+const config = {
+  input: 'esm/index.js',
+  output: {
+    file: 'dist/bundle.js',
+    format: 'umd',
+    name: 'Snorre',
+  },
+  plugins: [commonjs()],
+}
+
+export default config