orc-shared 1.7.0-dev.8 → 5.2.0-dev.1

package/src/components/MaterialUI/DataDisplay/Notification.test.js

@@ -112,43 +112,6 @@ describe("Notification Component", () => {
 		);
 	});
 
-	it("Renders Info Notification component without errors", () => {
-		const mockedMessage = {
-			key: new Date().getTime(),
-			message: "This is confirmation notification message",
-			type: "info",
-		};
-		let snackPack = [mockedMessage];
-		const autoHideDuration = 5000;
-		const anchorOrigin = { vertical: "top", horizontal: "right" };
-		const lastOnly = false;
-
-		const notificationProps = new NotificationProps();
-
-		notificationProps.set(NotificationProps.propNames.autoHideDuration, autoHideDuration);
-		notificationProps.set(NotificationProps.propNames.anchorOrigin, anchorOrigin);
-		notificationProps.set(NotificationProps.propNames.lastOnly, lastOnly);
-
-		expect(
-			<TestWrapper provider={{ store }} stylesProvider muiThemeProvider={{ theme }}>
-				<Notification notificationProps={notificationProps} snackPack={snackPack} setSnackPack={setSnackPack} />
-			</TestWrapper>,
-			"when mounted",
-			"to satisfy",
-			<TestWrapper stylesProvider muiThemeProvider={{ theme }}>
-				<div>
-					<div>
-						<Icon id="info" />
-						<div>{mockedMessage.message}</div>
-						<IconButton aria-label="close">
-							<Icon id="close2" />
-						</IconButton>
-					</div>
-				</div>
-			</TestWrapper>,
-		);
-	});
-
 	it("Renders Notification component without errors", () => {
 		const mockedMessage = { key: new Date().getTime(), message: "This is confirmation notification message" };
 		let snackPack = [mockedMessage];

package/src/components/MaterialUI/DataDisplay/PredefinedElements/InformationItem.js

@@ -7,7 +7,6 @@ import TextProps from "../../textProps";
 import { isReactComponent } from "../../../../utils/propertyValidator";
 import sharedMessages from "../../../../sharedMessages";
 import { useIntl } from "react-intl";
-import classNames from "classnames";
 
 const useStyles = makeStyles(theme => ({
 	title: {
@@ -54,14 +53,7 @@ const useStyles = makeStyles(theme => ({
 	},
 }));
 
-const InformationItemChildren = ({
-	classes,
-	children,
-	showNotAvailable,
-	isMaxLineCountEnabled = true,
-	tooltipClasses,
-	valueClasses,
-}) => {
+const InformationItemChildren = ({ classes, children, showNotAvailable }) => {
 	const { formatMessage } = useIntl();
 
 	if (isReactComponent(children)) {
@@ -69,12 +61,12 @@ const InformationItemChildren = ({
 	}
 
 	const multipleLinesTextProps = new TextProps();
-	if (isMaxLineCountEnabled) multipleLinesTextProps.set(TextProps.propNames.lineCount, 2);
-	multipleLinesTextProps.set(TextProps.propNames.classes, classNames(classes.value, valueClasses));
+	multipleLinesTextProps.set(TextProps.propNames.lineCount, 2);
+	multipleLinesTextProps.set(TextProps.propNames.classes, classes.value);
 
 	const value = children ?? (showNotAvailable ? formatMessage(sharedMessages.notAvailable) : "");
 
-	return <MultipleLinesText textProps={multipleLinesTextProps} children={value} tooltipClasses={tooltipClasses} />;
+	return <MultipleLinesText textProps={multipleLinesTextProps} children={value} />;
 };
 
 const InformationItemHeader = ({ classes, label, headerIcon }) => {
@@ -101,23 +93,13 @@ const InformationItem = ({
 	headerIcon = undefined,
 	showNotAvailable = false,
 	marginTop = 0,
-	isMaxLineCountEnabled,
-	tooltipClasses,
-	valueClasses,
 }) => {
 	const classes = useStyles({ required, error, marginTop });
 
 	return (
 		<div className={classes.container}>
 			<InformationItemHeader classes={classes} label={label} headerIcon={headerIcon} />
-			<InformationItemChildren
-				classes={classes}
-				children={children}
-				showNotAvailable={showNotAvailable}
-				isMaxLineCountEnabled={isMaxLineCountEnabled}
-				tooltipClasses={tooltipClasses}
-				valueClasses={valueClasses}
-			/>
+			<InformationItemChildren classes={classes} children={children} showNotAvailable={showNotAvailable} />
 		</div>
 	);
 };

package/src/components/MaterialUI/DataDisplay/PredefinedElements/InformationItem.test.js

@@ -7,7 +7,6 @@ import MultipleLinesText from "../TooltippedElements/MultipleLinesText";
 import { stringifyWithoutQuotes } from "./../../../../utils/parseHelper";
 import sharedMessages from "./../../../../sharedMessages";
 import { extractMessages } from "./../../../../utils/testUtils";
-import TextProps from "../../textProps";
 
 const messages = extractMessages(sharedMessages);
 
@@ -52,126 +51,6 @@ describe("Information Item", () => {
 		expect(component, "when mounted", "to satisfy", expected);
 	});
 
-	it("Renders Information Item with max line count", () => {
-		const label = "label";
-		const value = "value";
-
-		const multipleLinesTextProps = new TextProps();
-		multipleLinesTextProps.set(TextProps.propNames.lineCount, 2);
-
-		const component = (
-			<IntlProvider locale="en-US">
-				<InformationItem label={label} isMaxLineCountEnabled={true}>
-					{value}
-				</InformationItem>
-			</IntlProvider>
-		);
-
-		const expected = (
-			<div>
-				<Typography children={label} />
-				<MultipleLinesText textProps={multipleLinesTextProps}>{value}</MultipleLinesText>
-			</div>
-		);
-
-		expect(component, "when mounted", "to satisfy", expected);
-	});
-
-	it("Renders Information Item without max line count", () => {
-		const label = "label";
-		const value = "value";
-
-		const multipleLinesTextProps = new TextProps();
-		multipleLinesTextProps.set(TextProps.propNames.lineCount, 2);
-
-		const component = (
-			<IntlProvider locale="en-US">
-				<InformationItem label={label}>{value}</InformationItem>
-			</IntlProvider>
-		);
-
-		const expected = (
-			<div>
-				<Typography children={label} />
-				<MultipleLinesText textProps={multipleLinesTextProps}>{value}</MultipleLinesText>
-			</div>
-		);
-
-		expect(component, "when mounted", "to satisfy", expected);
-	});
-
-	it("Renders Information Item with max line count false", () => {
-		const label = "label";
-		const value = "value";
-
-		const component = (
-			<IntlProvider locale="en-US">
-				<InformationItem label={label} isMaxLineCountEnabled={false}>
-					{value}
-				</InformationItem>
-			</IntlProvider>
-		);
-
-		const expected = (
-			<div>
-				<Typography children={label} />
-				<MultipleLinesText>{value}</MultipleLinesText>
-			</div>
-		);
-
-		expect(component, "when mounted", "to satisfy", expected);
-	});
-
-	it("Renders Information Item with null max line count", () => {
-		const label = "label";
-		const value = "value";
-
-		const multipleLinesTextProps = new TextProps();
-		multipleLinesTextProps.set(TextProps.propNames.lineCount, 2);
-
-		const component = (
-			<IntlProvider locale="en-US">
-				<InformationItem label={label} isMaxLineCountEnabled={null}>
-					{value}
-				</InformationItem>
-			</IntlProvider>
-		);
-
-		const expected = (
-			<div>
-				<Typography children={label} />
-				<MultipleLinesText textProps={multipleLinesTextProps}>{value}</MultipleLinesText>
-			</div>
-		);
-
-		expect(component, "when mounted", "to satisfy", expected);
-	});
-
-	it("Renders Information Item with undefined max line count", () => {
-		const label = "label";
-		const value = "value";
-
-		const multipleLinesTextProps = new TextProps();
-		multipleLinesTextProps.set(TextProps.propNames.lineCount, 2);
-
-		const component = (
-			<IntlProvider locale="en-US">
-				<InformationItem label={label} isMaxLineCountEnabled={undefined}>
-					{value}
-				</InformationItem>
-			</IntlProvider>
-		);
-
-		const expected = (
-			<div>
-				<Typography children={label} />
-				<MultipleLinesText textProps={multipleLinesTextProps}>{value}</MultipleLinesText>
-			</div>
-		);
-
-		expect(component, "when mounted", "to satisfy", expected);
-	});
-
 	it("Renders Information Item with null value and showNotAvailable property is true", () => {
 		const label = "label";
 		const value = null;

package/src/components/MaterialUI/DataDisplay/PredefinedElements/StepperModal.js

@@ -96,7 +96,6 @@ const StepperModal = ({
 	open,
 	closeCallback,
 	confirmCallback,
-	backdropCallback,
 	confirmTitle,
 	type = "wide",
 }) => {
@@ -139,7 +138,7 @@ const StepperModal = ({
 
 	modalProps.set(ModalProps.propNames.title, titleComponent);
 	modalProps.set(ModalProps.propNames.open, open);
-	modalProps.set(ModalProps.propNames.backdropClickCallback, backdropCallback ?? closeCallback);
+	modalProps.set(ModalProps.propNames.backdropClickCallback, closeCallback);
 	modalProps.set(ModalProps.propNames.type, type);
 
 	const nextClick = useCallback(() => changeCurrentStep(step => step + 1), []);

package/src/components/MaterialUI/DataDisplay/PredefinedElements/StepperModal.test.js

@@ -3,7 +3,6 @@ import StepperModal from "./StepperModal";
 import Modal from "./../Modal";
 import ModalProps from "./../modalProps";
 import Button from "@material-ui/core/Button";
-import ModalMui from "@material-ui/core/Modal";
 import { mount } from "enzyme";
 import sinon from "sinon";
 import { IntlProvider } from "react-intl";
@@ -164,25 +163,6 @@ describe("StepperModal", () => {
 		expect(cancelCallbackSpy, "was called");
 	});
 
-	it("Calls backdropCallback when clicking away from component", () => {
-		const open = true;
-		const backdropCallbackSpy = sinon.spy();
-
-		const component = (
-			<IntlProvider locale="en-US" messages={messages}>
-				<StepperModal open={open} backdropCallback={backdropCallbackSpy} />
-			</IntlProvider>
-		);
-
-		const mountedComponent = mount(component);
-
-		const muiModal = mountedComponent.find(ModalMui);
-
-		muiModal.invoke("onClose")({}, "backdropClick");
-
-		expect(backdropCallbackSpy, "was called");
-	});
-
 	it("Calls cancelCallback when ok button is pressed", () => {
 		const open = true;
 		const okCallback = sinon.spy();

package/src/components/MaterialUI/DataDisplay/TooltippedElements/MultipleLinesText.js

@@ -11,7 +11,7 @@ const useStyles = makeStyles(theme => ({
 	},
 }));
 
-const MultipleLinesText = ({ children, titleValue, textProps, tooltipClasses }) => {
+const MultipleLinesText = ({ children, titleValue, textProps }) => {
 	const classes = useStyles();
 
 	const [isClamped, setIsClamped] = useState(false);
@@ -48,7 +48,6 @@ const MultipleLinesText = ({ children, titleValue, textProps, tooltipClasses })
 			titleValue={title}
 			alwaysDisplay={isClamped}
 			onClampStart={event => clampHandler(event)}
-			tooltipClasses={tooltipClasses}
 		/>
 	);
 };

package/src/components/MaterialUI/DataDisplay/tableHelpers.js

@@ -18,10 +18,10 @@ const defaultRendering = (e, def, rowId, readOnly, transformedValue) => {
 	) : null;
 };
 
-const renderByType = (e, def, rowId, readOnly, transformedValue, index) => {
+const renderByType = (e, def, rowId, readOnly, transformedValue) => {
 	switch (def.type) {
 		case "custom": {
-			return [def.builder(e, readOnly, def, index) || defaultRendering(e, def, rowId, readOnly, transformedValue)];
+			return [def.builder(e, readOnly, def) || defaultRendering(e, def, rowId, readOnly, transformedValue)];
 		}
 
 		case "currency": {
@@ -130,11 +130,11 @@ const renderByType = (e, def, rowId, readOnly, transformedValue, index) => {
 	}
 };
 
-const renderByTypeInEditingMode = (e, def, rowId, readOnly, transformedValue, index) => {
+const renderByTypeInEditingMode = (e, def, rowId, readOnly, transformedValue) => {
 	if ((def.editingBuilder || null) !== null)
-		return [def.editingBuilder(e, readOnly, def, index) || defaultRendering(e, def, rowId, readOnly, transformedValue)];
+		return [def.editingBuilder(e, readOnly, def) || defaultRendering(e, def, rowId, readOnly, transformedValue)];
 
-	return renderByType(e, def, rowId, readOnly, transformedValue, index);
+	return renderByType(e, def, rowId, readOnly, transformedValue);
 };
 
 export const buildHeaderAndRowFromConfig = (
@@ -155,7 +155,7 @@ export const buildHeaderAndRowFromConfig = (
 			className: def.className,
 		}));
 
-	const rows = elements.map((e, index) => {
+	const rows = elements.map(e => {
 		const rowId = e[keyField];
 		const elementClass = e.customClass || "";
 		return {
@@ -168,8 +168,8 @@ export const buildHeaderAndRowFromConfig = (
 					const transformedValue = def.transform?.value ? def.transform.value(e[def.fieldName]) : e[def.fieldName];
 
 					const [cellElement, title] = readOnly
-						? renderByType(e, def, rowId, readOnly, transformedValue, index)
-						: renderByTypeInEditingMode(e, def, rowId, readOnly, transformedValue, index);
+						? renderByType(e, def, rowId, readOnly, transformedValue)
+						: renderByTypeInEditingMode(e, def, rowId, readOnly, transformedValue);
 
 					return {
 						title: def.tooltipable !== false ? (title === undefined ? cellElement : title) : null,

package/src/components/MaterialUI/DataDisplay/tableHelpers.test.js

@@ -358,59 +358,6 @@ describe("table helpers buildHeaderAndRowFromConfig", () => {
 		expect(rows[1].columns[0].title, "to equal", "44 a value from builder");
 	});
 
-	it("validate builder inputs", () => {
-		const elements = [
-			{
-				id: "an_id1",
-				test: "A text row 1",
-				another: "another 1",
-				extraneous: "Don't show 1",
-			},
-			{
-				id: "an_id2",
-				test: "A text row 2",
-				another: "another 2",
-				extraneous: "Don't show 2",
-			},
-		];
-
-		let counter = 0;
-
-		const builder = (e, readOnly, def, index) => {
-			if (e.id === "an_id1") {
-				expect(index, "to equal", 0);
-			} else {
-				expect(index, "to equal", 1);
-			}
-
-			expect(readOnly, "to be", false);
-
-			counter++;
-		};
-
-		const columnDef = [
-			{
-				type: "custom",
-				builder: builder,
-				label: messages.a_label,
-			},
-			{
-				type: "custom",
-				builder: builder,
-				label: messages.a_label,
-			},
-			{
-				type: "custom",
-				builder: builder,
-				label: messages.a_label,
-			},
-		];
-
-		buildHeaderAndRowFromConfig(columnDef, elements, false);
-
-		expect(counter, "to equal", 6);
-	});
-
 	it("build table rows as expected with a custom builder returning not valid component", () => {
 		const columnDef = [
 			{
@@ -1645,46 +1592,6 @@ describe("table helpers buildHeaderAndRowFromConfig", () => {
 		expect(rows[1].columns[1].title, "to equal", "another 2 a value from builder");
 	});
 
-	it("validate editingBuilder inputs", () => {
-		const elements = [
-			{
-				id: "an_id1",
-				test: "A text row 1",
-				another: "another 1",
-				extraneous: "Don't show 1",
-			},
-			{
-				id: "an_id2",
-				test: "A text row 2",
-				another: "another 2",
-				extraneous: "Don't show 2",
-			},
-		];
-
-		let counter = 0;
-
-		const editingBuilder = (e, readOnly, def, index) => {
-			if (e.id === "an_id1") {
-				expect(index, "to equal", 0);
-			} else {
-				expect(index, "to equal", 1);
-			}
-
-			expect(readOnly, "to be", false);
-
-			counter++;
-		};
-
-		const columnDef = [
-			{ fieldName: "test", label: messages.a_label, className: "aClassXYZ", editingBuilder: editingBuilder },
-			{ fieldName: "another", label: messages.another, editingBuilder: editingBuilder },
-		];
-
-		buildHeaderAndRowFromConfig(columnDef, elements, false);
-
-		expect(counter, "to equal", 4);
-	});
-
 	it("build table headers and rows as expected when a column should not be visible", () => {
 		const editingBuilder = (e, readOnly, def) =>
 			def.fieldName === "test" ? null : e.another + " a value from builder";

package/src/components/MaterialUI/Inputs/Autocomplete.js

@@ -125,11 +125,6 @@ const Autocomplete = ({ id, options, autocompleteProps }) => {
 				options={options}
 				getOptionLabel={option => option.label}
 				onChange={onChangeOption}
-				openText={null}
-				closeText={null}
-				clearText={null}
-				noOptionsText={null}
-				loadingText={null}
 				classes={{
 					paper: classes.selectPaper,
 					popupIndicator: classes.popupIndicator,

package/src/components/MaterialUI/Inputs/Autocomplete.test.js

@@ -64,11 +64,6 @@ describe("Autocomplete Component", () => {
 						closeIcon={<Icon id="close2" />}
 						popupIcon={<Icon id="dropdown-chevron-down" />}
 						getOptionLabel={option => option.label}
-						openText={null}
-						closeText={null}
-						clearText={null}
-						noOptionsText={null}
-						loadingText={null}
 						renderInput={params => (
 							<TextField
 								{...params}
@@ -114,11 +109,6 @@ describe("Autocomplete Component", () => {
 						closeIcon={<Icon id="close2" />}
 						popupIcon={<Icon id="dropdown-chevron-down" />}
 						getOptionLabel={option => option.label}
-						openText={null}
-						closeText={null}
-						clearText={null}
-						noOptionsText={null}
-						loadingText={null}
 						renderInput={params => (
 							<TextField
 								{...params}
@@ -166,11 +156,6 @@ describe("Autocomplete Component", () => {
 						closeIcon={<Icon id="close2" />}
 						popupIcon={<Icon id="dropdown-chevron-down" />}
 						getOptionLabel={option => option.label}
-						openText={null}
-						closeText={null}
-						clearText={null}
-						noOptionsText={null}
-						loadingText={null}
 						renderInput={params => (
 							<TextField
 								{...params}

package/src/components/MaterialUI/Inputs/DatePicker.js

@@ -5,13 +5,6 @@ import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import TimePicker from "./TimePicker";
 import { makeStyles } from "@material-ui/core/styles";
-import {
-	getTimeZoneByName,
-	convertTimeToOtherTimeZone,
-	convertTimeToLocalTimeZone,
-} from "../../../utils/timezoneHelper";
-import { namedLookupLocalizedSelector } from "../../../selectors/metadata";
-import { useSelector } from "react-redux";
 
 const useStyles = makeStyles(theme => ({
 	container: {
@@ -127,7 +120,6 @@ const WrappedDatePicker = ({
 	useTime,
 	useDate = true,
 	onChange,
-	useTimeZone = false,
 	dateFormat,
 	showTimeZone,
 	timeInputLabel,
@@ -139,18 +131,12 @@ const WrappedDatePicker = ({
 	...props
 }) => {
 	const classes = useStyles({ readOnly });
-	const timeZoneName = getTimeZoneByName(timePickerTimeZone);
-	const startDate = value
-		? timePickerTimeZone && useTimeZone
-			? convertTimeToLocalTimeZone(new Date(value), timeZoneName)
-			: new Date(value)
-		: null;
+	const startDate = value ? new Date(value) : null;
 	const disabledCls = classNames({ [classes.disabled]: props.disabled });
-	const localizedTimeZoneName = useSelector(namedLookupLocalizedSelector("customer", "TimeZone", timePickerTimeZone));
 
 	const updateDate = (date, metadata) => {
 		if (onChange) {
-			onChange(useTimeZone && timePickerTimeZone ? convertTimeToOtherTimeZone(date, timeZoneName) : date, metadata);
+			onChange(date, metadata);
 		}
 	};
 
@@ -166,7 +152,7 @@ const WrappedDatePicker = ({
 						showTimeInput={useTime ?? false}
 						useTime={useTime ?? false}
 						customTimeInput={
-							useTime ? <TimePicker showTimeZone={showTimeZone} requestedTimeZone={localizedTimeZoneName} /> : null
+							useTime ? <TimePicker showTimeZone={showTimeZone} requestedTimeZone={timePickerTimeZone} /> : null
 						}
 						timeInputLabel={timeInputLabel ?? ""}
 						readOnly={readOnly}