orc-shared 1.4.0-dev.1 → 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/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.4.0-dev.1",
+	"version": "1.4.0-dev.2",
 	"description": "Shared code for Orckestra applications",
 	"main": "./src/index.js",
 	"exports": {

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/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);
 	});
 });