orc-shared 5.99.0-dev.4 → 5.99.0-dev.6

package/src/hooks/useWindowSize.js

@@ -0,0 +1,39 @@
+import { useEffect, useState } from "react";
+
+export const useWindowSize = () => {
+	const [windowSize, setWindowSize] = useState({
+		innerWidth: window.innerWidth,
+		innerHeight: window.innerHeight,
+		outerWidth: window.outerWidth,
+		outerHeight: window.outerHeight,
+	});
+
+	useEffect(() => {
+		const handleResize = () => {
+			const haveChanged =
+				windowSize.innerWidth !== window.innerWidth ||
+				windowSize.innerHeight !== window.innerHeight ||
+				windowSize.outerWidth !== window.outerWidth ||
+				windowSize.outerHeight !== window.outerHeight;
+
+			if (haveChanged) {
+				setWindowSize({
+					innerWidth: window.innerWidth,
+					innerHeight: window.innerHeight,
+					outerWidth: window.outerWidth,
+					outerHeight: window.outerHeight,
+				});
+			}
+		};
+
+		handleResize();
+
+		window.addEventListener("resize", handleResize);
+
+		return () => window.removeEventListener("resize", handleResize);
+	}, [windowSize]);
+
+	return windowSize;
+};
+
+export default useWindowSize;

package/src/hooks/useWindowSize.test.js

@@ -0,0 +1,68 @@
+import React from "react";
+import useWindowSize from "./useWindowSize";
+import { mount, unmount, act } from "unexpected-reaction";
+
+let renderingCount = 0;
+
+const TestComp = () => {
+	const windowSize = useWindowSize();
+
+	const allDimensions = `${windowSize.innerWidth},${windowSize.innerHeight},${windowSize.outerWidth},${windowSize.outerHeight},${++renderingCount}`;
+
+	return <div>{allDimensions}</div>;
+};
+
+function setViewport(width, height) {
+	Object.defineProperty(window, "innerWidth", { configurable: true, value: width });
+	Object.defineProperty(window, "innerHeight", { configurable: true, value: height });
+	Object.defineProperty(window, "outerWidth", { configurable: true, value: width + 20 });
+	Object.defineProperty(window, "outerHeight", { configurable: true, value: height + 25 });
+}
+
+describe("useWindowSize", () => {
+	let element = null;
+
+	beforeEach(() => {
+		renderingCount = 0;
+		setViewport(1440, 720);
+		window.dispatchEvent(new Event("resize"));
+	});
+
+	afterEach(() => {
+		if (element !== null) {
+			unmount(element);
+		}
+	});
+
+	it("display window dimensions properly after first render", () => {
+		element = mount(<TestComp />);
+
+		expect(element, "to satisfy", <div>1440,720,1460,745,1</div>);
+	});
+
+	it("display window dimensions properly after resize event", () => {
+		element = mount(<TestComp />);
+
+		expect(element, "to satisfy", <div>1440,720,1460,745,1</div>);
+
+		act(() => {
+			setViewport(843, 487);
+			window.dispatchEvent(new Event("resize"));
+		});
+
+		expect(element, "to satisfy", <div>843,487,863,512,2</div>);
+	});
+
+	it("display window dimensions properly after resize event with unchanged dimensions", () => {
+		element = mount(<TestComp />);
+
+		expect(element, "to satisfy", <div>1440,720,1460,745,1</div>);
+
+		act(() => {
+			setViewport(1440, 720);
+			window.dispatchEvent(new Event("resize"));
+		});
+
+		expect(element, "to satisfy", <div>1440,720,1460,745,1</div>);
+	});
+});

package/src/sharedMessages.js

@@ -483,6 +483,14 @@ const sharedMessages = defineMessages({
 		id: "orc-shared.december",
 		defaultMessage: "December",
 	},
+	selectAll: {
+		id: "orc-shared.selectAll",
+		defaultMessage: "Select All",
+	},
+	clear: {
+		id: "orc-shared.clear",
+		defaultMessage: "Clear",
+	},
 });
 
 export default sharedMessages;

package/src/translations/en-US.json

@@ -14,6 +14,7 @@
 	"orc-shared.ccDescription": "The API-first commerce platform that makes omnichannel retail work.",
 	"orc-shared.ccName": "Orckestra Commerce Cloud",
 	"orc-shared.ccVersion": "Commerce Cloud {version}",
+	"orc-shared.clear": "Clear",
 	"orc-shared.close": "Close",
 	"orc-shared.confirmation": "Confirmation",
 	"orc-shared.copyright": "© {year} Orckestra Technologies Inc.",
@@ -90,6 +91,7 @@
 	"orc-shared.scopeChangeWithUnsavedDataTitle": "Confirm scope change without saving data",
 	"orc-shared.scopeFilterPlaceholder": "Type a scope name",
 	"orc-shared.search": "Search",
+	"orc-shared.selectAll": "Select All",
 	"orc-shared.september": "September",
 	"orc-shared.septemberShort": "Sep",
 	"orc-shared.shared": "Shared",

package/src/translations/fr-CA.json

@@ -14,6 +14,7 @@
 	"orc-shared.ccDescription": "La plateforme de commerce « API-first »  qui rend le commerce de détail omnicanal fluide.",
 	"orc-shared.ccName": "Orckestra Commerce Cloud",
 	"orc-shared.ccVersion": "Commerce Cloud {version}",
+	"orc-shared.clear": "Effacer",
 	"orc-shared.close": "Fermer",
 	"orc-shared.confirmation": "Confirmation",
 	"orc-shared.copyright": "© {year} Technologies Orckestra Inc.",
@@ -90,6 +91,7 @@
 	"orc-shared.scopeChangeWithUnsavedDataTitle": "Confirmation du changement de Scope sans sauvegarde",
 	"orc-shared.scopeFilterPlaceholder": "Entrez un nom de Scope",
 	"orc-shared.search": "Recherche",
+	"orc-shared.selectAll": "Tout sélectionner",
 	"orc-shared.september": "septembre",
 	"orc-shared.septemberShort": "sept.",
 	"orc-shared.shared": "Partagé",