@ongov/ontario-design-system-component-library 5.0.0-alpha.1 → 5.0.0-alpha.10

package/src/utils/helper/utils.spec.ts

@@ -1,4 +1,4 @@
-import { format } from './utils';
+import { format, isNumber, retrieveEnumKeys } from './utils';
 
 describe('format', () => {
 	it('returns empty string for no names defined', () => {
@@ -17,3 +17,129 @@ describe('format', () => {
 		expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');
 	});
 });
+
+describe('isNumber', () => {
+	it('should return false if value is undefined', () => {
+		const value: any = undefined;
+
+		const result = isNumber(value);
+		expect(result).toEqual(false);
+	});
+
+	it('should return false if value that is null', () => {
+		const value: any = null;
+
+		const result = isNumber(value);
+		expect(result).toEqual(false);
+	});
+
+	it('should return true if value is a number', () => {
+		const value: number = 2000;
+
+		const result = isNumber(value);
+		expect(result).toEqual(true);
+	});
+
+	it('should return true if value is a number as a string', () => {
+		const value: string = '2000';
+
+		const result = isNumber(value);
+		expect(result).toEqual(true);
+	});
+
+	it('should return false if value is not a number string', () => {
+		const value: string = 'two-thousand';
+
+		const result = isNumber(value);
+		expect(result).toEqual(false);
+	});
+});
+
+describe('isNumber', () => {
+	it('should return false if value is undefined', () => {
+		const value: any = undefined;
+
+		const result = isNumber(value);
+		expect(result).toEqual(false);
+	});
+
+	it('should return false if value that is null', () => {
+		const value: any = null;
+
+		const result = isNumber(value);
+		expect(result).toEqual(false);
+	});
+
+	it('should return true if value is a number', () => {
+		const value: number = 2000;
+
+		const result = isNumber(value);
+		expect(result).toEqual(true);
+	});
+
+	it('should return true if value is a number as a string', () => {
+		const value: string = '2000';
+
+		const result = isNumber(value);
+		expect(result).toEqual(true);
+	});
+
+	it('should return false if value is not a number string', () => {
+		const value: string = 'two-thousand';
+
+		const result = isNumber(value);
+		expect(result).toEqual(false);
+	});
+});
+
+enum ColourEnumNumeric {
+	RED,
+	ORANGE,
+	YELLOW,
+	GREEN,
+	BLUE,
+	INDIGO,
+	VIOLET,
+}
+
+enum ColourEnumString {
+	'red' = 'Red',
+	'orange' = 'Orange',
+	'yellow' = 'Yellow',
+	'green' = 'Green',
+	'blue' = 'Blue',
+	'indigo' = 'Indigo',
+	'violet' = 'Violet',
+}
+
+describe('retrieveEnumKeys', () => {
+	it('should return empty array if enumObject is undefined', () => {
+		const expectedResult = new Array<string>(0);
+		const enumObject: any = undefined;
+
+		const result = retrieveEnumKeys(enumObject);
+		expect(result).toEqual(expectedResult);
+	});
+
+	it('should return empty array if enumObject is null', () => {
+		const expectedResult = new Array<string>(0);
+		const enumObject: any = null;
+
+		const result = retrieveEnumKeys(enumObject);
+		expect(result).toEqual(expectedResult);
+	});
+
+	it('should return keys from numerical enum', () => {
+		const expectedResult = ['RED', 'ORANGE', 'YELLOW', 'GREEN', 'BLUE', 'INDIGO', 'VIOLET'];
+
+		const result = retrieveEnumKeys(ColourEnumNumeric);
+		expect(result).toEqual(expectedResult);
+	});
+
+	it('should return keys from string enum', () => {
+		const expectedResult = ['red', 'orange', 'yellow', 'green', 'blue', 'indigo', 'violet'];
+
+		const result = retrieveEnumKeys(ColourEnumString);
+		expect(result).toEqual(expectedResult);
+	});
+});

package/src/utils/helper/utils.ts

@@ -67,7 +67,8 @@ export function removeObjectsBySpecificKey<T>(objects: T[], key: keyof T, value:
  * @returns {boolean}
  */
 export function isNumber(value: string | number): boolean {
-	return isNaN(Number(value)) === true;
+	if (value === undefined || value === null) return false;
+	return isNaN(Number(value)) === false;
 }
 
 export function isEmpty(str: string | undefined | null): boolean {
@@ -82,7 +83,8 @@ export function isEmpty(str: string | undefined | null): boolean {
  * @returns {string[]}
  */
 export function retrieveEnumKeys(enumObject: object): string[] {
-	return Object.keys(enumObject).filter(isNumber);
+	if (enumObject === undefined || enumObject === null) return new Array<string>(0);
+	return Object.keys(enumObject).filter((key) => !isNumber(key));
 }
 
 /**

package/src/utils/svgTransform.js

@@ -3,10 +3,10 @@ const path = require('path');
 module.exports = {
 	process(src, filePath) {
 		if (path.extname(filePath) !== '.svg') {
-			return src;
+			return { code: src }; // Return an object with the code property
 		}
 
-		return 'module.exports = {};';
+		return { code: 'module.exports = {};' };
 	},
 	getCacheKey() {
 		// The output is always the same.

package/www/build/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":[],"mappings":""}
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/www/build/ontario-design-system-components.css

@@ -777,41 +777,83 @@ h6,
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
-	src: local('Courier Prime'), local('Courier-prime-regular'),
-		url('../../../fonts/courier-prime-400/CourierPrime-Regular.ttf') format('truetype');
+	src:
+		url('../../../fonts/courier-prime-400/courier-prime-400.woff2') format('woff2'),
+		url('../../../fonts/courier-prime-400/courier-prime-400.otf') format('opentype'),
+		url('../../../fonts/courier-prime-400/courier-prime-400.ttf') format('truetype'),
+		local('Courier Prime'),
+		local('Courier-prime-regular');
 }
 @font-face {
 	font-family: 'Courier Prime';
 	font-weight: 400;
 	font-style: italic;
 	font-display: swap;
-	src: local('Courier Prime Italic'), local('Courier-prime-italic'),
-		url('../../../fonts/courier-prime-400--italic/CourierPrime-Italic.ttf') format('truetype');
+	src:
+		url('../../../fonts/courier-prime-400--italic/courier-prime-400--italic.woff2') format('woff2'),
+		url('../../../fonts/courier-prime-400--italic/courier-prime-400--italic.otf') format('opentype'),
+		url('../../../fonts/courier-prime-400--italic/courier-prime-400--italic.ttf') format('truetype'),
+		local('Courier Prime Italic'),
+		local('Courier-prime-italic');
 }
 @font-face {
 	font-family: 'Courier Prime';
 	font-weight: 700;
 	font-style: normal;
 	font-display: swap;
-	src: local('Courier Prime Bold'), local('Courier-prime-bold'),
-		url('../../../fonts/courier-prime-700/CourierPrime-Bold.ttf') format('truetype');
+	src:
+		url('../../../fonts/courier-prime-700/courier-prime-700.woff2') format('woff2'),
+		url('../../../fonts/courier-prime-700/courier-prime-700.otf') format('opentype'),
+		url('../../../fonts/courier-prime-700/courier-prime-700.ttf') format('truetype'),
+		local('Courier Prime Bold'),
+		local('Courier-prime-bold');
 }
 @font-face {
 	font-family: 'Courier Prime';
 	font-weight: 700;
 	font-style: italic;
 	font-display: swap;
-	src: local('Courier Prime Bold Italic'), local('Courier-prime-bold-italic'),
-		url('../../../fonts/courier-prime-700--italic/CourierPrime-BoldItalic.ttf') format('truetype');
+	src:
+		url('../../../fonts/courier-prime-700--italic/courier-prime-700--italic.woff2') format('woff2'),
+		url('../../../fonts/courier-prime-700--italic/courier-prime-700--italic.otf') format('opentype'),
+		url('../../../fonts/courier-prime-700--italic/courier-prime-700--italic.ttf') format('truetype'),
+		local('Courier Prime Bold Italic'),
+		local('Courier-prime-bold-italic');
+}
+@font-face {
+	font-family: 'Open Sans';
+	font-weight: 300;
+	font-style: normal;
+	font-display: swap;
+	src:
+		url('../../../fonts/open-sans-300/open-sans-300.woff2') format('woff2'),
+		url('../../../fonts/open-sans-300/open-sans-300.otf') format('opentype'),
+		url('../../../fonts/open-sans-300/open-sans-300.ttf') format('truetype'),
+		local('Open Sans Light'),
+		local('Open-Sans-300');
+}
+@font-face {
+	font-family: 'Open Sans';
+	font-weight: 300;
+	font-style: italic;
+	font-display: swap;
+	src:
+		url('../../../fonts/open-sans-300--italic/open-sans-300--italic.woff2') format('woff2'),
+		url('../../../fonts/open-sans-300--italic/open-sans-300--italic.otf') format('opentype'),
+		url('../../../fonts/open-sans-300--italic/open-sans-300--italic.ttf') format('truetype'),
+		local('Open Sans Light Italic'),
+		local('Open-Sans-300-italic');
 }
 @font-face {
 	font-family: 'Open Sans';
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
-	src: url('../../../fonts/open-sans-400/open-sans-400.woff2') format('woff2'),
-		url('../../../fonts/open-sans-400/open-sans-400.woff') format('woff'),
-		url('../../../fonts/open-sans-400/open-sans-400.svg#OpenSans') format('svg'), local('Open Sans'),
+	src:
+		url('../../../fonts/open-sans-400/open-sans-400.woff2') format('woff2'),
+		url('../../../fonts/open-sans-400/open-sans-400.otf') format('opentype'),
+		url('../../../fonts/open-sans-400/open-sans-400.ttf') format('truetype'),
+		local('Open Sans'),
 		local('Open-Sans-regular');
 }
 @font-face {
@@ -819,9 +861,11 @@ h6,
 	font-weight: 600;
 	font-style: normal;
 	font-display: swap;
-	src: url('../../../fonts/open-sans-600/open-sans-600.woff2') format('woff2'),
-		url('../../../fonts/open-sans-600/open-sans-600.woff') format('woff'),
-		url('../../../fonts/open-sans-600/open-sans-600.svg#OpenSans') format('svg'), local('Open Sans Semibold'),
+	src:
+		url('../../../fonts/open-sans-600/open-sans-600.woff2') format('woff2'),
+		url('../../../fonts/open-sans-600/open-sans-600.otf') format('opentype'),
+		url('../../../fonts/open-sans-600/open-sans-600.ttf') format('truetype'),
+		local('Open Sans Semibold'),
 		local('Open-Sans-600');
 }
 @font-face {
@@ -829,38 +873,70 @@ h6,
 	font-weight: 400;
 	font-style: italic;
 	font-display: swap;
-	src: url('../../../fonts/open-sans-400--italic/open-sans-400--italic.woff2') format('woff2'),
-		url('../../../fonts/open-sans-400--italic/open-sans-400--italic.woff') format('woff'),
-		url('../../../fonts/open-sans-400--italic/open-sans-400--italic.svg#OpenSans') format('svg'),
-		local('Open Sans Italic'), local('Open-Sans-italic');
+	src:
+		url('../../../fonts/open-sans-400--italic/open-sans-400--italic.woff2') format('woff2'),
+		url('../../../fonts/open-sans-400--italic/open-sans-400--italic.otf') format('opentype'),
+		url('../../../fonts/open-sans-400--italic/open-sans-400--italic.ttf') format('truetype'),
+		local('Open Sans Italic'),
+		local('Open-Sans-italic');
 }
 @font-face {
 	font-family: 'Open Sans';
 	font-weight: 700;
 	font-display: swap;
-	src: url('../../../fonts/open-sans-700/open-sans-700.eot'),
-		url('../../../fonts/open-sans-700/open-sans-700.eot?#iefix') format('embedded-opentype'),
+	src:
 		url('../../../fonts/open-sans-700/open-sans-700.woff2') format('woff2'),
-		url('../../../fonts/open-sans-700/open-sans-700.woff') format('woff'),
+		url('../../../fonts/open-sans-700/open-sans-700.otf') format('opentype'),
 		url('../../../fonts/open-sans-700/open-sans-700.ttf') format('truetype'),
-		url('../../../fonts/open-sans-700/open-sans-700.svg'), local('Open Sans Bold'), local('Open-Sans-700');
+		local('Open Sans Bold'),
+		local('Open-Sans-700');
 }
 @font-face {
 	font-family: 'Open Sans';
 	font-weight: 700;
 	font-style: italic;
 	font-display: swap;
-	src: url('../../../fonts/open-sans-700--italic/open-sans-700--italic.ttf') format('truetype'),
-		local('Open Sans Bold Italic'), local('Open-Sans-bold-italic');
+	src:
+		url('../../../fonts/open-sans-700--italic/open-sans-700--italic.woff2') format('woff2'),
+		url('../../../fonts/open-sans-700--italic/open-sans-700--italic.otf') format('opentype'),
+		url('../../../fonts/open-sans-700--italic/open-sans-700--italic.ttf') format('truetype'),
+		local('Open Sans Bold Italic'),
+		local('Open-Sans-bold-italic');
+}
+@font-face {
+	font-family: 'Raleway';
+	font-weight: 300;
+	font-style: normal;
+	font-display: swap;
+	src:
+		url('../../../fonts/raleway-modified-300/raleway-modified-300.woff2') format('woff2'),
+		url('../../../fonts/raleway-modified-300/raleway-modified-300.otf') format('opentype'),
+		url('../../../fonts/raleway-modified-300/raleway-modified-300.ttf') format('truetype'),
+		local('Raleway Light'),
+		local('Raleway-300');
+}
+@font-face {
+	font-family: 'Raleway';
+	font-weight: 300;
+	font-style: italic;
+	font-display: swap;
+	src:
+		url('../../../fonts/raleway-modified-300--italic/raleway-modified-300--italic.woff2') format('woff2'),
+		url('../../../fonts/raleway-modified-300--italic/raleway-modified-300--italic.otf') format('opentype'),
+		url('../../../fonts/raleway-modified-300--italic/raleway-modified-300--italic.ttf') format('truetype'),
+		local('Raleway Light Italic'),
+		local('Raleway-300-italic');
 }
 @font-face {
 	font-family: 'Raleway';
 	font-weight: 400;
 	font-style: normal;
 	font-display: swap;
-	src: url('../../../fonts/raleway-modified-400/raleway-modified-400.woff2') format('woff2'),
-		url('../../../fonts/raleway-modified-400/raleway-modified-400.woff') format('woff'),
-		url('../../../fonts/raleway-modified-400/raleway-modified-400.svg') format('svg'), local('Raleway'),
+	src:
+		url('../../../fonts/raleway-modified-400/raleway-modified-400.woff2') format('woff2'),
+		url('../../../fonts/raleway-modified-400/raleway-modified-400.otf') format('opentype'),
+		url('../../../fonts/raleway-modified-400/raleway-modified-400.ttf') format('truetype'),
+		local('Raleway'),
 		local('Raleway-400');
 }
 @font-face {
@@ -868,9 +944,11 @@ h6,
 	font-weight: 600;
 	font-style: normal;
 	font-display: swap;
-	src: url('../../../fonts/raleway-modified-600/raleway-modified-600.woff2') format('woff2'),
-		url('../../../fonts/raleway-modified-600/raleway-modified-600.woff') format('woff'),
-		url('../../../fonts/raleway-modified-600/raleway-modified-600.svg') format('svg'), local('Raleway SemiBold'),
+	src:
+		url('../../../fonts/raleway-modified-600/raleway-modified-600.woff2') format('woff2'),
+		url('../../../fonts/raleway-modified-600/raleway-modified-600.otf') format('opentype'),
+		url('../../../fonts/raleway-modified-600/raleway-modified-600.ttf') format('truetype'),
+		local('Raleway SemiBold'),
 		local('Raleway-600');
 }
 @font-face {
@@ -878,9 +956,11 @@ h6,
 	font-weight: 700;
 	font-style: normal;
 	font-display: swap;
-	src: url('../../../fonts/raleway-modified-700/raleway-modified-700.woff2') format('woff2'),
-		url('../../../fonts/raleway-modified-700/raleway-modified-700.woff') format('woff'),
-		url('../../../fonts/raleway-modified-700/raleway-modified-700.svg') format('svg'), local('Raleway Bold'),
+	src:
+		url('../../../fonts/raleway-modified-700/raleway-modified-700.woff2') format('woff2'),
+		url('../../../fonts/raleway-modified-700/raleway-modified-700.otf') format('opentype'),
+		url('../../../fonts/raleway-modified-700/raleway-modified-700.ttf') format('truetype'),
+		local('Raleway Bold'),
 		local('Raleway-700');
 }
 html {