orc-shared 5.10.2 → 5.99.0-dev.10

package/src/components/Toolbar.test.js

@@ -1,478 +0,0 @@
-import React from "react";
-import { Provider } from "react-redux";
-import { IntlProvider } from "react-intl";
-import { spyOnConsole } from "../utils/testUtils";
-import IconButton from "./IconButton";
-import RadioProps from "./MaterialUI/Inputs/RadioProps";
-import {
-	Bar,
-	ToolGroup,
-	ToolbarButton,
-	ToolbarInput,
-	Separator,
-	Spacer,
-	ToolbarLabel,
-	ToolbarRadio,
-	ToolbarRadioWrapper,
-	toolComponents,
-	Toolbar,
-} from "./Toolbar";
-
-const {
-	input: ToolInput,
-	button: ToolButton,
-	group: Group,
-	spacer: ToolSpacer,
-	separator: ToolSeparator,
-	label: ToolLabel,
-	radio: ToolRadio,
-} = toolComponents;
-
-describe("Toolbar", () => {
-	spyOnConsole();
-	let toolList;
-	beforeEach(() => {
-		toolList = [
-			{
-				type: "input",
-				subType: "search",
-				key: 0,
-				onChange: () => {},
-				value: "search",
-			},
-			{
-				type: "button",
-				key: 1,
-				label: { icon: "funnel" },
-				onClick: () => {},
-			},
-			{ type: "spacer", key: 2 },
-			{
-				type: "group",
-				key: 3,
-				tools: [
-					{
-						type: "button",
-						key: 0,
-						label: { text: "Button" },
-						onClick: () => {},
-					},
-					{
-						type: "input",
-						key: 1,
-						onChange: e => {},
-						placeholder: "Text",
-					},
-					{
-						type: "button",
-						key: 2,
-						label: { text: "Button" },
-						onClick: () => {},
-					},
-				],
-			},
-			{
-				type: "button",
-				key: 4,
-				label: { icon: "eye", text: "Button" },
-				onClick: () => {},
-				primary: true,
-			},
-			{ type: "separator", key: 5 },
-			{
-				type: "label",
-				key: 6,
-				label: { id: "toolbar.label", defaultMessage: "Label message" },
-			},
-			{
-				type: "button",
-				key: 7,
-				label: { text: { id: "toolbar.button", defaultMessage: "Button" } },
-				onClick: () => {},
-			},
-			{
-				type: "label",
-				key: 8,
-				label: "Label message",
-			},
-			{
-				type: "radio",
-				key: 9,
-				name: "aRadioName",
-				label: "aRadioLabel",
-				value: "option1",
-				defaultVal: "option1",
-				update: () => {},
-				radios: [
-					{ label: "Option 1", value: "option1" },
-					{ label: "Option 2", value: "option2" },
-					{ label: "Option 3", value: "option3" },
-				],
-				error: false,
-				row: true,
-			},
-		];
-	});
-
-	it("renders a toolbar", () =>
-		expect(
-			<IntlProvider locale="en">
-				<Toolbar tools={[]} />
-			</IntlProvider>,
-			"when mounted",
-			"to satisfy",
-			<Bar />,
-		).then(() => expect(console.error, "was not called")));
-
-	it("renders tools according to its configuration", () =>
-		expect(
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<IntlProvider locale="en">
-					<Toolbar tools={toolList} />
-				</IntlProvider>
-			</Provider>,
-			"when mounted",
-			"to satisfy",
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<IntlProvider locale="en">
-					<Bar>
-						<ToolInput type="search" onChange={toolList[0].onChange} value="search" />
-						<ToolButton onClick={toolList[1].onClick} label={{ icon: "funnel" }} />
-						<ToolSpacer />
-						<Group
-							tools={[
-								{
-									type: "button",
-									key: 0,
-									label: { text: "Button" },
-									onClick: toolList[3].tools[0].onClick,
-								},
-								{
-									type: "input",
-									key: 1,
-									onChange: toolList[3].tools[1].onChange,
-									placeholder: "Text",
-								},
-								{
-									type: "button",
-									key: 2,
-									label: { text: "Button" },
-									onClick: toolList[3].tools[2].onClick,
-								},
-							]}
-						/>
-						<ToolButton onClick={toolList[4].onClick} label={{ icon: "eye", text: "Button" }} primary />
-						<ToolSeparator />
-						<ToolLabel label={{ id: "toolbar.label", defaultMessage: "Label message" }} />
-						<ToolButton
-							onClick={toolList[7].onClick}
-							label={{
-								text: { id: "toolbar.button", defaultMessage: "Button" },
-							}}
-						/>
-						<ToolLabel label="Label message" />
-						<ToolRadio
-							name="aRadioName"
-							label="aRadioLabel"
-							value="option1"
-							defaultVal="option1"
-							update={toolList[9].update}
-							radios={[
-								{ label: "Option 1", value: "option1" },
-								{ label: "Option 2", value: "option2" },
-								{ label: "Option 3", value: "option3" },
-							]}
-							error={false}
-							row={true}
-						/>
-					</Bar>
-				</IntlProvider>
-			</Provider>,
-		).then(() => {
-			expect(console.error, "was not called");
-		}));
-});
-
-describe("toolComponents.input", () => {
-	it("renders a styled input", () =>
-		expect(
-			<IntlProvider locale="en">
-				<ToolInput random={4} oddProp="Test" onChange={jest.fn()} things={{ stuff: "nonsense" }} />
-			</IntlProvider>,
-			"when mounted",
-			"to satisfy",
-			<IntlProvider locale="en">
-				<ToolbarInput random={4} oddProp="Test" onChange={jest.fn()} things={{ stuff: "nonsense" }} />
-			</IntlProvider>,
-		));
-});
-
-describe("toolComponents.button", () => {
-	it("renders a styled empty button", () =>
-		expect(
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<ToolButton random={4} />
-			</Provider>,
-			"when mounted",
-			"to satisfy",
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<ToolbarButton random={4} />
-			</Provider>,
-		));
-
-	it("renders a styled button with icon", () =>
-		expect(
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<ToolButton oddProp="Test" label={{ icon: "test" }} />
-			</Provider>,
-			"when mounted",
-			"to satisfy",
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<ToolbarButton oddProp="Test" icon="test" />
-			</Provider>,
-		));
-
-	it("renders a styled button with text", () =>
-		expect(
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<ToolButton onClick={jest.fn()} label={{ text: "A label" }} />
-			</Provider>,
-			"when mounted",
-			"to satisfy",
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<ToolbarButton onClick={jest.fn()} label="A label" />
-			</Provider>,
-		));
-
-	it("renders a styled button with text and icon", () =>
-		expect(
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<ToolButton things={{ stuff: "nonsense" }} label={{ icon: "test", text: "A label" }} />
-			</Provider>,
-			"when mounted",
-			"to satisfy",
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<ToolbarButton things={{ stuff: "nonsense" }} icon="test" label="A label" />
-			</Provider>,
-		));
-
-	describe("ToolbarButton", () => {
-		it("renders an IconButton", () =>
-			expect(
-				<Provider
-					store={{
-						subscribe: () => {},
-						dispatch: () => {},
-						getState: () => ({}),
-					}}
-				>
-					<ToolbarButton things={{ stuff: "nonsense" }} icon="test" label="A label" />
-				</Provider>,
-				"when mounted",
-				"to satisfy",
-				<Provider
-					store={{
-						subscribe: () => {},
-						dispatch: () => {},
-						getState: () => ({}),
-					}}
-				>
-					<IconButton things={{ stuff: "nonsense" }} icon="test" label="A label" />
-				</Provider>,
-			));
-	});
-});
-
-describe("toolComponents.group", () => {
-	let tools;
-	beforeEach(() => {
-		tools = [
-			{
-				type: "button",
-				key: 0,
-				label: { text: "Button" },
-				onClick: () => {},
-			},
-			{
-				type: "input",
-				key: 1,
-				onChange: e => {},
-				placeholder: "Text",
-			},
-			{
-				type: "button",
-				key: 2,
-				label: { text: "Button" },
-				onClick: () => {},
-			},
-		];
-	});
-
-	it("renders a styled group", () =>
-		expect(
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<IntlProvider locale="en">
-					<Group tools={tools} />
-				</IntlProvider>
-			</Provider>,
-			"when mounted",
-			"to satisfy",
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<ToolGroup>
-					<ToolButton label={{ text: "Button" }} onClick={tools[0].onClick} />
-					<IntlProvider locale="en">
-						<ToolInput onChange={tools[1].onChange} placeholder="Text" />
-					</IntlProvider>
-					<ToolButton label={{ text: "Button" }} onClick={tools[2].onClick} />
-				</ToolGroup>
-			</Provider>,
-		));
-});
-
-describe("toolComponents.spacer", () => {
-	it("renders a styled spacer", () => expect(<ToolSpacer />, "when mounted", "to satisfy", <Spacer />));
-});
-
-describe("toolComponents.separator", () => {
-	it("renders a styled separator", () => expect(<ToolSeparator />, "when mounted", "to satisfy", <Separator />));
-});
-
-describe("toolComponents.label", () => {
-	it("renders a styled label", () =>
-		expect(
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<IntlProvider locale="en">
-					<ToolLabel label={{ id: "toolbar.label", defaultMessage: "A label" }} />
-				</IntlProvider>
-			</Provider>,
-			"when mounted",
-			"to satisfy",
-			<ToolbarLabel>A label</ToolbarLabel>,
-		));
-});
-
-describe("toolComponents.radio", () => {
-	let radios, radioProps;
-	beforeEach(() => {
-		radios = [
-			{ label: "Option 1", value: "option1" },
-			{ label: "Option 2", value: "option2" },
-			{ label: "Option 3", value: "option3" },
-		];
-
-		radioProps = new RadioProps();
-		radioProps.set(RadioProps.propNames.name, "aRadioName");
-		radioProps.set(RadioProps.propNames.label, "aRadioLabel");
-		radioProps.set(RadioProps.propNames.defaultVal, "option1");
-		radioProps.set(RadioProps.propNames.value, "option1");
-		radioProps.set(RadioProps.propNames.update, jest.fn());
-		radioProps.set(RadioProps.propNames.radios, radios);
-		radioProps.set(RadioProps.propNames.error, false);
-		radioProps.set(RadioProps.propNames.row, true);
-	});
-
-	it("renders a styled radio", () =>
-		expect(
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<ToolRadio
-					name="aRadioName"
-					label="aRadioLabel"
-					value="option1"
-					defaultVal="option1"
-					update={jest.fn()}
-					radios={radios}
-					error={false}
-					row={true}
-				/>
-			</Provider>,
-			"when mounted",
-			"to satisfy",
-			<ToolbarRadioWrapper>
-				<ToolbarRadio radioProps={radioProps} />
-			</ToolbarRadioWrapper>,
-		));
-});

package/src/components/Tooltip.js

@@ -1,51 +0,0 @@
-import React from "react";
-import styled from "styled-components";
-import { getThemeProp } from "../utils";
-import Text from "./Text";
-
-export const TooltipBubble = styled.div`
-	position: absolute;
-	top: 50%;
-	right: -10px;
-	transform: translate(-99999px, -50%);
-	color: ${getThemeProp(["colors", "text"], "#333333")};
-	background-color: #fff;
-	border: 1px solid ${getThemeProp(["colors", "borderLight"], "#cccccc")};
-	border-radius: 3px;
-	padding: 0 3px;
-	transition: transform 0s;
-	cursor: default;
-	font-family: ${getThemeProp(["fonts", "base"], "sans-serif")};
-	text-transform: none;
-
-	*:hover > & {
-		transform: translate(100%, -50%);
-		transition: transform 1.5s step-end;
-	}
-
-	&::before {
-		content: "";
-		position: absolute;
-		top: 4px;
-		left: -10px;
-		border: 5px solid transparent;
-		border-right-color: ${getThemeProp(["colors", "borderLight"], "#cccccc")};
-	}
-
-	&::after {
-		content: "";
-		position: absolute;
-		top: 4px;
-		left: -9px;
-		border: 5px solid transparent;
-		border-right-color: #ffffff;
-	}
-`;
-
-const Tooltip = ({ message }) => (
-	<TooltipBubble>
-		<Text message={message} />
-	</TooltipBubble>
-);
-
-export default Tooltip;

package/src/components/Tooltip.test.js

@@ -1,21 +0,0 @@
-import React from "react";
-import { Provider } from "react-redux";
-import Tooltip, { TooltipBubble } from "./Tooltip";
-
-describe("Tooltip", () => {
-	it("renders a small text message in a popup tip bubble", () =>
-		expect(
-			<Provider
-				store={{
-					subscribe: () => {},
-					dispatch: () => {},
-					getState: () => ({}),
-				}}
-			>
-				<Tooltip message="A tip" />
-			</Provider>,
-			"when mounted",
-			"to satisfy",
-			<TooltipBubble>A tip</TooltipBubble>,
-		));
-});

package/src/getTheme.js

@@ -1,103 +0,0 @@
-import "typeface-open-sans";
-import "typeface-roboto-condensed";
-import { merge } from "lodash";
-import { shade, tint } from "polished";
-
-const baseTheme = {
-	treeSettings: {
-		// in px
-		// How far from parent left edge to vertical branch under it
-		branchIndent: 14,
-		// How far from vertical branch to children's left edge
-		branchLength: 15,
-		// How far up from bottom edge of node should horizontal branch sit
-		branchHeight: 20,
-	},
-	colors: {
-		application: {
-			base: "#cccccc",
-		},
-		icon: "#999999",
-		border: "#999999",
-		borderLight: "#cccccc",
-		borderDark: "#3333333",
-		text: "#333333",
-		textMedium: "#999999",
-		textLight: "#cccccc",
-		textWhite: "#efefef",
-		bgLight: "#efefef",
-		bgMedium: "#999999", // Not used
-		bgDark: "#333333",
-		error: "#ce4844",
-		scopeTypes: {
-			Global: "#fd6b35",
-			Virtual: "#3b6482",
-			Sale: "#7db84c",
-			Dependant: "#999999",
-		},
-		toasts: {
-			error: "#ce4844",
-			warn: "#f5a623",
-			confirm: "#22b980",
-		},
-	},
-	icons: {
-		indicators: {
-			up: "chevron-up",
-			down: "dropdown-chevron-down",
-			right: "dropdown-chevron-right",
-			more: "arrow-more",
-		},
-		scopeTypes: {
-			Global: "global-scope",
-			Virtual: "virtual-scope",
-			Sale: "sales-scope",
-			Dependant: "dependent-scope",
-		},
-		// toast: {
-		// 	confirm: "checkmark-circle",
-		// 	warn: "warning",
-		// 	error: "cross-circle",
-		// },
-		prev: "arrow-small-left",
-		next: "arrow-small-right",
-		menu: "app-list",
-		sidebarOpen: "collapse",
-		sidebarClosed: "expand",
-		close: "close",
-		date: "calendar-generic",
-		time: "clock",
-		backArrow: "arrow-large-left",
-		loading: "sync",
-		error: "warning",
-		reportProblem: "report-problem-triangle",
-	},
-	fonts: {
-		base: "Open Sans, sans-serif",
-		header: "Roboto Condensed, sans-serif",
-	},
-};
-
-const setApplicationColors = theme => {
-	if (!theme.colors.application.primary) {
-		theme.colors.application.primary = theme.colors.application.base;
-	}
-	if (!theme.colors.application.highlight) {
-		theme.colors.application.highlight = tint(0.86, theme.colors.application.base);
-	}
-	if (!theme.colors.application.select) {
-		theme.colors.application.select = tint(0.7, theme.colors.application.base);
-	}
-	if (!theme.colors.application.dark) {
-		theme.colors.application.dark = shade(0.2, theme.colors.application.base);
-	}
-	return theme;
-};
-
-const appHighlightColor_IS_DEPRECATED = { appHighlightColor: "#ff00ff" };
-
-const getTheme = (overrides = {}) => {
-	return setApplicationColors(merge({}, baseTheme, overrides, appHighlightColor_IS_DEPRECATED));
-};
-
-export default getTheme;