orc-shared 5.10.2 → 5.99.0-dev.10

package/src/getTheme.test.js

@@ -1,92 +0,0 @@
-import getTheme from "./getTheme";
-
-jest.mock("typeface-open-sans", () => ({}));
-jest.mock("typeface-roboto-condensed", () => ({}));
-
-describe("getTheme", () => {
-	it("gives a theme object containing colors,  icon names", () =>
-		expect(getTheme, "called with", [], "to satisfy", {
-			colors: { error: "#ce4844" },
-			treeSettings: {},
-			icons: {},
-			fonts: {
-				base: "Open Sans, sans-serif",
-				header: "Roboto Condensed, sans-serif",
-			},
-		}));
-
-	it("has default app colors", () =>
-		expect(getTheme, "called with", [], "to satisfy", {
-			colors: {
-				application: {
-					base: "#cccccc",
-					primary: "#cccccc",
-					highlight: "#f7f7f7",
-					select: "#efefef",
-					dark: "#a3a3a3",
-				},
-			},
-		}));
-
-	it("creates app colors from base", () =>
-		expect(getTheme, "called with", [{ colors: { application: { base: "#cc33cc" } } }], "to satisfy", {
-			colors: {
-				application: {
-					base: "#cc33cc",
-					primary: "#cc33cc",
-					highlight: "#f7e2f7",
-					select: "#efc1ef",
-					dark: "#a328a3",
-				},
-			},
-		}));
-
-	it("accepts preset app colors", () =>
-		expect(
-			getTheme,
-			"called with",
-			[
-				{
-					colors: {
-						application: {
-							base: "#cc33cc",
-							primary: "#ff00ff",
-							highlight: "#6666d8",
-							select: "#efc1c1",
-							dark: "#a32828",
-						},
-					},
-				},
-			],
-			"to satisfy",
-			{
-				colors: {
-					application: {
-						base: "#cc33cc",
-						primary: "#ff00ff",
-						highlight: "#6666d8",
-						select: "#efc1c1",
-						dark: "#a32828",
-					},
-				},
-			},
-		));
-
-	it("handles overrides, including deep merges", () =>
-		expect(
-			getTheme,
-			"called with",
-			[{ colors: { error: "#FF00FF" }, fonts: { base: "serif", extra: "cursive" } }],
-			"to satisfy",
-			{
-				colors: { error: "#FF00FF" },
-				treeSettings: {},
-				icons: {},
-				fonts: {
-					base: "serif",
-					header: "Roboto Condensed, sans-serif",
-					extra: "cursive",
-				},
-			},
-		));
-});

package/src/getThemeOverrides.js

@@ -1,27 +0,0 @@
-/* istanbul ignore file */
-// Override values to use Orckestra icon sheet and colors
-// See also orc-shared/src/getTheme.js#setApplicationColors()
-const colors = {
-	orckestraBlue: "#00b2e2",
-	pim: { base: "#0a98cf", highlight: "#8ad5f2" },
-	oms: {
-		base: "#1f5b7f",
-		primary: "#b4cfe3",
-		highlight: "#b4cfe3",
-		select: "#b4cfe3",
-	},
-	marketing: { base: "#fd6b35", highlight: "#fd6b35" },
-	analytics: { base: "#ffa205", dark: "#cf8409", highlight: "#f1eae0" },
-};
-
-const getThemeOverrides = appName => {
-	const application = colors[appName] || {
-		base: "#ff00ff", // Deliberately godawful default value
-		highlight: "#efefef",
-	};
-	return {
-		colors: { ...colors, application },
-	};
-};
-
-export default getThemeOverrides;

package/src/hocs/withAuthentication.js

@@ -1,18 +0,0 @@
-import { compose, branch, renderComponent, mapProps, withProps } from "recompose";
-import { useAuthenticationData, Loader, Error } from "../components/Authenticate";
-
-console.warn("Higher order component withAuthentication has been deprecated in favor of component Authenticate");
-
-const isAuthenticated = withProps(useAuthenticationData);
-
-const withAuthentication = compose(
-	isAuthenticated,
-	branch(({ loading }) => loading, renderComponent(Loader)),
-	branch(
-		({ authedUser }) => !authedUser,
-		renderComponent(Error),
-		mapProps(({ authedUser, loading, requestError, needLogin, ...props }) => props),
-	),
-);
-
-export default withAuthentication;

package/src/hocs/withAuthentication.test.js

@@ -1,120 +0,0 @@
-import React from "react";
-import Immutable from "immutable";
-import { Provider } from "react-redux";
-import { ThemeProvider } from "styled-components";
-import withAuthentication from "./withAuthentication";
-import { Wrapper, Loader } from "../components/Authenticate";
-import { ERROR, LOGOUT } from "../reducers/request";
-import { GET_AUTHENTICATION_PROFILE } from "../actions/authentication";
-
-const TestComp = () => {
-	return <div className="test"></div>;
-};
-
-describe("withAuthentication", () => {
-	let state, store, AuthedComp;
-	beforeEach(() => {
-		state = Immutable.fromJS({
-			requests: {},
-			authentication: {
-				name: "foo@bar.com",
-			},
-		});
-		store = state => ({
-			subscribe: () => {},
-			getState: () => state,
-			dispatch: () => {},
-		});
-		AuthedComp = withAuthentication(TestComp);
-	});
-
-	it("shows the wrapped component if authenticated", () =>
-		expect(
-			<Provider store={store(state)}>
-				<AuthedComp />
-			</Provider>,
-			"when mounted",
-			"to exhaustively satisfy",
-			<TestComp />,
-		));
-
-	it("shows a load indicator component if authentication is ongoing", () => {
-		state = state.setIn(["requests", "actives", GET_AUTHENTICATION_PROFILE], true);
-		return expect(
-			<Provider store={store(state)}>
-				<ThemeProvider theme={{}}>
-					<AuthedComp />
-				</ThemeProvider>
-			</Provider>,
-			"when mounted",
-			"to exhaustively satisfy",
-			<ThemeProvider theme={{}}>
-				<Loader />
-			</ThemeProvider>,
-		);
-	});
-
-	it("shows an error screen if not logged in", () => {
-		state = state.deleteIn(["authentication", "name"]).setIn(["requests", LOGOUT], true);
-		return expect(
-			<Provider store={store(state)}>
-				<AuthedComp />
-			</Provider>,
-			"when mounted",
-			"to exhaustively satisfy",
-			<Wrapper>
-				<h1>Not logged in</h1>
-			</Wrapper>,
-		);
-	});
-
-	it("shows an error screen if an error occured", () => {
-		state = state.deleteIn(["authentication", "name"]).setIn(
-			["requests", ERROR],
-			Immutable.fromJS({
-				type: "TEST_ACTION",
-				payload: { status: 404, message: "404 - NotFound" },
-			}),
-		);
-		return expect(
-			<Provider store={store(state)}>
-				<AuthedComp />
-			</Provider>,
-			"when mounted",
-			"to exhaustively satisfy",
-			<Wrapper>
-				<h1>404 - NotFound</h1>
-				{"Last failing action: "}
-				<pre>
-					{"{\n" +
-						'  "type": "TEST_ACTION",\n' +
-						'  "payload": {\n' +
-						'    "status": 404,\n' +
-						'    "message": "404 - NotFound"\n' +
-						"  }\n" +
-						"}"}
-				</pre>
-			</Wrapper>,
-		);
-	});
-
-	it("shows an error screen if an error without payload occured", () => {
-		state = state.deleteIn(["authentication", "name"]).setIn(
-			["requests", ERROR],
-			Immutable.fromJS({
-				type: "TEST_ACTION",
-			}),
-		);
-		return expect(
-			<Provider store={store(state)}>
-				<AuthedComp />
-			</Provider>,
-			"when mounted",
-			"to exhaustively satisfy",
-			<Wrapper>
-				<h1>An error occurred</h1>
-				Last failing action: <pre>{'{\n  "type": "TEST_ACTION"\n}'}</pre>
-			</Wrapper>,
-		);
-	});
-});

package/src/utils/styledPropFuncs.js

@@ -1,20 +0,0 @@
-import safeGet from "./safeGet";
-
-const feedPropFunc = props => value => typeof value === "function" ? value(props) : value;
-
-/* Safely gets a (potentially nested) theme property, can run a function on the resulting value */
-export const getThemeProp =
-	(path, defaultValue, func = x => x) =>
-	props =>
-		func(safeGet(props, "theme", ...path.map(feedPropFunc(props))) || feedPropFunc(props)(defaultValue));
-
-/* Use in styled components to check if a prop has a truthy value and
-   return values based on that. */
-export const ifFlag =
-	(name, thenVal, elseVal = "") =>
-	props =>
-		props[name] ? feedPropFunc(props)(thenVal) : feedPropFunc(props)(elseVal);
-
-/* Creates a prop function that checks a field against a list of cases,
-	 	 and gives back a found case, or a default */
-export const switchEnum = (enumField, cases) => props => cases[props[enumField]] || cases["default"];

package/src/utils/styledPropFuncs.test.js

@@ -1,166 +0,0 @@
-import { getThemeProp, ifFlag, switchEnum } from "./styledPropFuncs";
-
-describe("getThemeProp", () => {
-	let props;
-	beforeEach(() => {
-		props = {
-			theme: { hot: { potato: "ooh so tasty" } },
-			temp: "hot",
-			weird: "flavortown",
-		};
-	});
-
-	it("returns a function that gets a value from the theme prop", () =>
-		expect(
-			getThemeProp,
-			"when called with",
-			[["hot", "potato"], "a mess"],
-			"when called with",
-			[props],
-			"to equal",
-			"ooh so tasty",
-		));
-
-	it("gets the default if theme prop not found", () =>
-		expect(
-			getThemeProp,
-			"when called with",
-			[["hot", "tomato"], "a mess"],
-			"when called with",
-			[props],
-			"to equal",
-			"a mess",
-		));
-
-	it("can use prop functions in the path", () =>
-		expect(
-			getThemeProp,
-			"when called with",
-			[[props => props.temp, "potato"], "a mess"],
-			"when called with",
-			[props],
-			"to equal",
-			"ooh so tasty",
-		));
-
-	it("can use prop functions in the default", () =>
-		expect(
-			getThemeProp,
-			"when called with",
-			[["hot", "tomato"], props => props.weird],
-			"when called with",
-			[props],
-			"to equal",
-			"flavortown",
-		));
-
-	describe("with function parameter", () => {
-		let func;
-		beforeEach(() => {
-			func = x => x.toUpperCase();
-		});
-
-		it("calls the passed function on the value from the theme prop", () =>
-			expect(
-				getThemeProp,
-				"when called with",
-				[["hot", "potato"], "a mess", func],
-				"when called with",
-				[props],
-				"to equal",
-				"OOH SO TASTY",
-			));
-
-		it("calls the passed function on the default if theme prop not found", () =>
-			expect(
-				getThemeProp,
-				"when called with",
-				[["hot", "tomato"], "a mess", func],
-				"when called with",
-				[props],
-				"to equal",
-				"A MESS",
-			));
-	});
-});
-
-describe("ifFlag", () => {
-	let props;
-	beforeEach(() => {
-		props = { yesFlag: true, noFlag: false, value: "this is it" };
-	});
-
-	it("makes a prop function that returns second parameter if first parameter true", () =>
-		expect(
-			ifFlag,
-			"when called with",
-			["yesFlag", "no fooling", "not this"],
-			"when called with",
-			[props],
-			"to equal",
-			"no fooling",
-		));
-
-	it("makes a prop function that returns third parameter if first parameter false", () =>
-		expect(
-			ifFlag,
-			"when called with",
-			["noFlag", "no fooling", "not this"],
-			"when called with",
-			[props],
-			"to equal",
-			"not this",
-		));
-
-	it("returns empty string if no third parameter", () =>
-		expect(ifFlag, "when called with", ["noFlag", "no fooling"], "when called with", [props], "to equal", ""));
-
-	it("handles prop funcs as second parameter", () =>
-		expect(
-			ifFlag,
-			"when called with",
-			["yesFlag", props => props.value, "not this"],
-			"when called with",
-			[props],
-			"to equal",
-			"this is it",
-		));
-
-	it("handles prop funcs as third parameter", () =>
-		expect(
-			ifFlag,
-			"when called with",
-			["noFlag", "no fooling", props => props.value],
-			"when called with",
-			[props],
-			"to equal",
-			"this is it",
-		));
-});
-
-describe("switchEnum", () => {
-	let cases;
-	beforeEach(() => {
-		cases = { one: "One 111", two: "Two 222" };
-	});
-
-	it("yields a property function which checks a field against a list of cases", () =>
-		expect(switchEnum, "when called with", ["enum", cases]).then(func =>
-			expect(func, "when called with", [{ enum: "one" }], "to equal", "One 111")
-				.and("when called with", [{ enum: "two" }], "to equal", "Two 222")
-				.and("when called with", [{ enum: "three" }], "to be undefined"),
-		));
-
-	it("yields a default if one is set", () => {
-		cases.default = "A default";
-		return expect(
-			switchEnum,
-			"when called with",
-			["enum", cases],
-			"when called with",
-			[{ enum: "three" }],
-			"to equal",
-			"A default",
-		);
-	});
-});