orc-shared 1.3.0-dev.9 → 1.4.0-dev.2

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

@@ -94,7 +94,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
 var InformationItemChildren = function InformationItemChildren(_ref) {
   var classes = _ref.classes,
       children = _ref.children,
-      showNotAvailable = _ref.showNotAvailable;
+      showNotAvailable = _ref.showNotAvailable,
+      _ref$isMaxLineCountEn = _ref.isMaxLineCountEnabled,
+      isMaxLineCountEnabled = _ref$isMaxLineCountEn === void 0 ? true : _ref$isMaxLineCountEn;
 
   var _useIntl = (0, _reactIntl.useIntl)(),
       formatMessage = _useIntl.formatMessage;
@@ -104,7 +106,7 @@ var InformationItemChildren = function InformationItemChildren(_ref) {
   }
 
   var multipleLinesTextProps = new _textProps.default();
-  multipleLinesTextProps.set(_textProps.default.propNames.lineCount, 2);
+  if (isMaxLineCountEnabled) multipleLinesTextProps.set(_textProps.default.propNames.lineCount, 2);
   multipleLinesTextProps.set(_textProps.default.propNames.classes, classes.value);
   var value = children != null ? children : showNotAvailable ? formatMessage(_sharedMessages.default.notAvailable) : "";
   return /*#__PURE__*/_react.default.createElement(_MultipleLinesText.default, {
@@ -156,7 +158,8 @@ var InformationItem = function InformationItem(_ref4) {
       _ref4$showNotAvailabl = _ref4.showNotAvailable,
       showNotAvailable = _ref4$showNotAvailabl === void 0 ? false : _ref4$showNotAvailabl,
       _ref4$marginTop = _ref4.marginTop,
-      marginTop = _ref4$marginTop === void 0 ? 0 : _ref4$marginTop;
+      marginTop = _ref4$marginTop === void 0 ? 0 : _ref4$marginTop,
+      isMaxLineCountEnabled = _ref4.isMaxLineCountEnabled;
   var classes = useStyles({
     required: required,
     error: error,
@@ -171,7 +174,8 @@ var InformationItem = function InformationItem(_ref4) {
   }), /*#__PURE__*/_react.default.createElement(InformationItemChildren, {
     classes: classes,
     children: children,
-    showNotAvailable: showNotAvailable
+    showNotAvailable: showNotAvailable,
+    isMaxLineCountEnabled: isMaxLineCountEnabled
   }));
 };
 

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

@@ -23,7 +23,7 @@ var _metadata = require("../../../selectors/metadata");
 
 var _reactRedux = require("react-redux");
 
-var _excluded = ["value", "useTime", "useDate", "onChange", "dateFormat", "showTimeZone", "timeInputLabel", "readOnly", "showTimeSelectOnly", "metadata", "timePickerTimeZone", "error"];
+var _excluded = ["value", "useTime", "useDate", "onChange", "useTimeZone", "dateFormat", "showTimeZone", "timeInputLabel", "readOnly", "showTimeSelectOnly", "metadata", "timePickerTimeZone", "error"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -178,6 +178,8 @@ var WrappedDatePicker = function WrappedDatePicker(_ref) {
       _ref$useDate = _ref.useDate,
       useDate = _ref$useDate === void 0 ? true : _ref$useDate,
       onChange = _ref.onChange,
+      _ref$useTimeZone = _ref.useTimeZone,
+      useTimeZone = _ref$useTimeZone === void 0 ? false : _ref$useTimeZone,
       dateFormat = _ref.dateFormat,
       showTimeZone = _ref.showTimeZone,
       timeInputLabel = _ref.timeInputLabel,
@@ -192,13 +194,13 @@ var WrappedDatePicker = function WrappedDatePicker(_ref) {
     readOnly: readOnly
   });
   var timeZoneName = (0, _timezoneHelper.getTimeZoneByName)(timePickerTimeZone);
-  var startDate = value ? timePickerTimeZone ? (0, _timezoneHelper.convertTimeToLocalTimeZone)(new Date(value), timeZoneName) : new Date(value) : null;
+  var startDate = value ? timePickerTimeZone && useTimeZone ? (0, _timezoneHelper.convertTimeToLocalTimeZone)(new Date(value), timeZoneName) : new Date(value) : null;
   var disabledCls = (0, _classnames.default)(_defineProperty({}, classes.disabled, props.disabled));
   var localizedTimeZoneName = (0, _reactRedux.useSelector)((0, _metadata.namedLookupLocalizedSelector)("customer", "TimeZone", timePickerTimeZone));
 
   var updateDate = function updateDate(date, metadata) {
     if (onChange) {
-      onChange(useTime && timePickerTimeZone ? (0, _timezoneHelper.convertTimeToOtherTimeZone)(date, timeZoneName) : date, metadata);
+      onChange(useTimeZone && timePickerTimeZone ? (0, _timezoneHelper.convertTimeToOtherTimeZone)(date, timeZoneName) : date, metadata);
     }
   };
 

package/dist/components/MaterialUI/Inputs/InputBase.js

@@ -157,6 +157,10 @@ var InputBase = function InputBase(_ref) {
   var metadata = inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.metadata);
   var autoComplete = inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.autoComplete);
   var timeoutDelay = (inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.timeoutDelay)) || 100;
+  var rowsProps = inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.rows);
+  var defaultRows = 4;
+  var rows = rowsProps;
+  if (rows === null || rows === undefined) rows = defaultRows;
   var tooltipText = type === "text" ? value : "";
 
   var onClick = function onClick(item) {
@@ -233,7 +237,7 @@ var InputBase = function InputBase(_ref) {
     multiline: multiline,
     startAdornment: startAdornment,
     endAdornment: endAdornment,
-    rows: 4,
+    rows: rows,
     title: tooltipText,
     autoComplete: autoComplete
   })), error && /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/MaterialUI/Inputs/InputBaseProps.js

@@ -71,6 +71,8 @@ var InputBaseProps = /*#__PURE__*/function (_ComponentProps) {
 
     _this.componentProps.set(_this.constructor.propNames.timeoutDelay, null);
 
+    _this.componentProps.set(_this.constructor.propNames.rows, null);
+
     _this.componentClasses.set(_this.constructor.ruleNames.input, null);
 
     _this.componentClasses.set(_this.constructor.ruleNames.errorText, null);
@@ -106,7 +108,8 @@ _defineProperty(InputBaseProps, "propNames", {
   endAdornment: "endAdornment",
   metadata: "metadata",
   autoComplete: "autoComplete",
-  timeoutDelay: "timeoutDelay"
+  timeoutDelay: "timeoutDelay",
+  rows: "rows"
 });
 
 _defineProperty(InputBaseProps, "ruleNames", {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "orc-shared",
-	"version": "1.3.0-dev.9",
+	"version": "1.4.0-dev.2",
 	"description": "Shared code for Orckestra applications",
 	"main": "./src/index.js",
 	"exports": {
@@ -49,7 +49,7 @@
 	],
 	"devDependencies": {},
 	"peerDependencies": {
-		"orc-scripts": "1.4.0-dev.1"
+		"orc-scripts": "1.5.0-dev.1"
 	},
 	"sideEffects": false,
 	"lint-staged": {
@@ -69,6 +69,6 @@
 		}
 	},
 	"dependencies": {
-		"orc-scripts": "1.4.0-dev.1"
+		"orc-scripts": "1.5.0-dev.1"
 	}
 }

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

@@ -53,7 +53,7 @@ const useStyles = makeStyles(theme => ({
 	},
 }));
 
-const InformationItemChildren = ({ classes, children, showNotAvailable }) => {
+const InformationItemChildren = ({ classes, children, showNotAvailable, isMaxLineCountEnabled = true }) => {
 	const { formatMessage } = useIntl();
 
 	if (isReactComponent(children)) {
@@ -61,7 +61,7 @@ const InformationItemChildren = ({ classes, children, showNotAvailable }) => {
 	}
 
 	const multipleLinesTextProps = new TextProps();
-	multipleLinesTextProps.set(TextProps.propNames.lineCount, 2);
+	if (isMaxLineCountEnabled) multipleLinesTextProps.set(TextProps.propNames.lineCount, 2);
 	multipleLinesTextProps.set(TextProps.propNames.classes, classes.value);
 
 	const value = children ?? (showNotAvailable ? formatMessage(sharedMessages.notAvailable) : "");
@@ -93,13 +93,19 @@ const InformationItem = ({
 	headerIcon = undefined,
 	showNotAvailable = false,
 	marginTop = 0,
+	isMaxLineCountEnabled,
 }) => {
 	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} />
+			<InformationItemChildren
+				classes={classes}
+				children={children}
+				showNotAvailable={showNotAvailable}
+				isMaxLineCountEnabled={isMaxLineCountEnabled}
+			/>
 		</div>
 	);
 };

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

@@ -7,6 +7,7 @@ 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);
 
@@ -51,6 +52,126 @@ 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/Inputs/DatePicker.js

@@ -127,6 +127,7 @@ const WrappedDatePicker = ({
 	useTime,
 	useDate = true,
 	onChange,
+	useTimeZone = false,
 	dateFormat,
 	showTimeZone,
 	timeInputLabel,
@@ -140,7 +141,7 @@ const WrappedDatePicker = ({
 	const classes = useStyles({ readOnly });
 	const timeZoneName = getTimeZoneByName(timePickerTimeZone);
 	const startDate = value
-		? timePickerTimeZone
+		? timePickerTimeZone && useTimeZone
 			? convertTimeToLocalTimeZone(new Date(value), timeZoneName)
 			: new Date(value)
 		: null;
@@ -149,7 +150,7 @@ const WrappedDatePicker = ({
 
 	const updateDate = (date, metadata) => {
 		if (onChange) {
-			onChange(useTime && timePickerTimeZone ? convertTimeToOtherTimeZone(date, timeZoneName) : date, metadata);
+			onChange(useTimeZone && timePickerTimeZone ? convertTimeToOtherTimeZone(date, timeZoneName) : date, metadata);
 		}
 	};
 

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

@@ -425,6 +425,34 @@ describe("DatePicker", () => {
 		const input = mountedComponent.find("input");
 		input.at(0).simulate("change", event);
 	});
+
+	it("should call onChange prop with useTimeZone", () => {
+		const onChangeMock = jest.fn();
+		const date = new Date("2020-06-30T00:00:00");
+		const event = {
+			preventDefault() {},
+			target: { value: "" },
+		};
+		const requestTimeZone = "Eastern Standard Time";
+		const component = (
+			<TestWrapper provider={{ store }} intlProvider>
+				<DatePicker
+					onChange={onChangeMock}
+					value={date}
+					useTime={true}
+					useDate={false}
+					useTimeZone={true}
+					showTimeSelectOnly={true}
+					timePickerTimeZone={requestTimeZone}
+				/>
+			</TestWrapper>
+		);
+		const mountedComponent = mount(component);
+
+		const input = mountedComponent.find("input");
+		input.at(0).simulate("change", event);
+		expect(onChangeMock.mock.calls.length, "to equal", 1);
+	});
 });
 
 describe("createFormat", () => {

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

@@ -100,6 +100,11 @@ const InputBase = ({ inputProps }) => {
 	const metadata = inputProps?.get(InputBaseProps.propNames.metadata);
 	const autoComplete = inputProps?.get(InputBaseProps.propNames.autoComplete);
 	const timeoutDelay = inputProps?.get(InputBaseProps.propNames.timeoutDelay) || 100;
+	const rowsProps = inputProps?.get(InputBaseProps.propNames.rows);
+
+	const defaultRows = 4;
+	let rows = rowsProps;
+	if (rows === null || rows === undefined) rows = defaultRows;
 
 	const tooltipText = type === "text" ? value : "";
 
@@ -165,7 +170,7 @@ const InputBase = ({ inputProps }) => {
 					multiline={multiline}
 					startAdornment={startAdornment}
 					endAdornment={endAdornment}
-					rows={4}
+					rows={rows}
 					title={tooltipText}
 					autoComplete={autoComplete}
 				/>

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

@@ -57,6 +57,45 @@ describe("InputBase Component", () => {
 		expect(mountedComponent.prop("inputProps").get(InputBaseProps.propNames.value), "to equal", aValue + aValue);
 	});
 
+	it("Renders multiline InputBase component with default number of rows", () => {
+		const inputProps = new InputBaseProps();
+		const aLabel = "aLabel";
+		const aValue = "value";
+		const defaultRows = 4;
+
+		inputProps.set(InputBaseProps.propNames.value, aValue);
+		inputProps.set(InputBaseProps.propNames.label, aLabel);
+		inputProps.set(InputBaseProps.propNames.type, "text");
+		inputProps.set(InputBaseProps.propNames.multiline, true);
+
+		const component = <InputBase inputProps={inputProps} />;
+
+		const mountedComponent = mount(component);
+		const expected = <InputBaseMUI value={aValue} title={aValue} rows={defaultRows} />;
+
+		expect(mountedComponent.containsMatchingElement(expected), "to be truthy");
+	});
+
+	it("Renders multiline InputBase component with desired number of rows", () => {
+		const inputProps = new InputBaseProps();
+		const aLabel = "aLabel";
+		const aValue = "value";
+		const desiredNumberOfRows = 20;
+
+		inputProps.set(InputBaseProps.propNames.value, aValue);
+		inputProps.set(InputBaseProps.propNames.label, aLabel);
+		inputProps.set(InputBaseProps.propNames.type, "text");
+		inputProps.set(InputBaseProps.propNames.multiline, true);
+		inputProps.set(InputBaseProps.propNames.rows, desiredNumberOfRows);
+
+		const component = <InputBase inputProps={inputProps} />;
+
+		const mountedComponent = mount(component);
+		const expected = <InputBaseMUI value={aValue} title={aValue} rows={desiredNumberOfRows} />;
+
+		expect(mountedComponent.containsMatchingElement(expected), "to be truthy");
+	});
+
 	it("Renders InputBase component with title attribute for input of type text", () => {
 		const inputProps = new InputBaseProps();
 		const aLabel = "aLabel";

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

@@ -18,6 +18,7 @@ class InputBaseProps extends ComponentProps {
 		metadata: "metadata",
 		autoComplete: "autoComplete",
 		timeoutDelay: "timeoutDelay",
+		rows: "rows",
 	};
 
 	static ruleNames = {
@@ -43,6 +44,7 @@ class InputBaseProps extends ComponentProps {
 		this.componentProps.set(this.constructor.propNames.metadata, null);
 		this.componentProps.set(this.constructor.propNames.autoComplete, null);
 		this.componentProps.set(this.constructor.propNames.timeoutDelay, null);
+		this.componentProps.set(this.constructor.propNames.rows, null);
 
 		this.componentClasses.set(this.constructor.ruleNames.input, null);
 		this.componentClasses.set(this.constructor.ruleNames.errorText, null);

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

@@ -19,6 +19,7 @@ describe("InputBase Props", () => {
 			"metadata",
 			"autoComplete",
 			"timeoutDelay",
+			"rows",
 		];
 
 		expect(InputBaseProps.propNames, "to have keys", propNames);
@@ -42,6 +43,7 @@ describe("InputBase Props", () => {
 			"metadata",
 			"autoComplete",
 			"timeoutDelay",
+			"rows",
 		];
 
 		const ruleNames = ["input", "errorText"];

package/src/utils/timezoneHelper.test.js

@@ -39,15 +39,15 @@ describe("Timezone Helper", () => {
 
 	it("Retrieves user local timezone date", () => {
 		const timezoneName = "America/New_York";
-		const date = "Mon Apr 04 2022 13:00:00 GMT+0300 (Eastern European Summer Time)";
-		const expectedDate = new Date("2022-04-04T09:00:00Z");
+		const date = "Mon Apr 04 2022 13:00:00.000Z";
+		const expectedDate = new Date("2022-04-04T09:00:00.000Z");
 		expect(convertTimeToLocalTimeZone, "called with", [date, timezoneName], "to satisfy", expectedDate);
 	});
 
 	it("Retrieves user other timezone date", () => {
 		const timezoneName = "America/New_York";
-		const date = "Mon Apr 04 2022 03:00:00 GMT+0300 (Eastern European Summer Time)";
-		const expectedDate = new Date("2022-04-04T04:00:00Z");
+		const date = "Mon Apr 04 2022 06:00:00.000Z";
+		const expectedDate = new Date("2022-04-04T10:00:00.000Z");
 		expect(convertTimeToOtherTimeZone, "called with", [date, timezoneName], "to satisfy", expectedDate);
 	});
 });