orc-shared 1.2.0-pre.0 → 1.3.0-dev.1

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

@@ -156,6 +156,7 @@ var InputBase = function InputBase(_ref) {
   var endAdornment = inputProps == null ? void 0 : inputProps.get(_InputBaseProps.default.propNames.endAdornment);
   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 tooltipText = type === "text" ? value : "";
 
   var onClick = function onClick(item) {
@@ -193,7 +194,7 @@ var InputBase = function InputBase(_ref) {
     if (inputText !== value && inputText != null && window.bypassDebounce !== true) {
       var timeOutId = setTimeout(function () {
         return update(inputText, metadata);
-      }, 100);
+      }, timeoutDelay);
       return function () {
         return clearTimeout(timeOutId);
       };

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

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

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

@@ -295,6 +295,9 @@ var TimePicker = function TimePicker(_ref4) {
       time = _useState2[0],
       setTime = _useState2[1];
 
+  (0, _react.useEffect)(function () {
+    setTime(parseTime(value || "00:00"));
+  }, [value, setTime]);
   var userTimeZone = (0, _timezoneHelper.getTimeZoneName)();
   var localizedTimeZoneName = (0, _reactRedux.useSelector)((0, _metadata.namedLookupLocalizedSelector)("customer", "TimeZone", userTimeZone, null));
 
@@ -365,11 +368,11 @@ var TimePicker = function TimePicker(_ref4) {
   }, showTimeZone && getTimeZone(requestedTimeZone)));
 };
 
-__signature__(TimePicker, "useStyles{classes}\nuseState{[time, setTime](parseTime(value || \"00:00\"))}\nuseSelector{localizedTimeZoneName}", function () {
+__signature__(TimePicker, "useStyles{classes}\nuseState{[time, setTime](parseTime(value || \"00:00\"))}\nuseEffect{}\nuseSelector{localizedTimeZoneName}", function () {
   return [useStyles, _reactRedux.useSelector];
 });
 
-__signature__(TimePicker, "useStyles{classes}\nuseState{[time, setTime](parseTime(value || \"00:00\"))}\nuseSelector{localizedTimeZoneName}", function () {
+__signature__(TimePicker, "useStyles{classes}\nuseState{[time, setTime](parseTime(value || \"00:00\"))}\nuseEffect{}\nuseSelector{localizedTimeZoneName}", function () {
   return [useStyles, _reactRedux.useSelector];
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "orc-shared",
-	"version": "1.2.0-pre.0",
+	"version": "1.3.0-dev.1",
 	"description": "Shared code for Orckestra applications",
 	"main": "./src/index.js",
 	"exports": {

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

@@ -99,6 +99,7 @@ const InputBase = ({ inputProps }) => {
 	const endAdornment = inputProps?.get(InputBaseProps.propNames.endAdornment);
 	const metadata = inputProps?.get(InputBaseProps.propNames.metadata);
 	const autoComplete = inputProps?.get(InputBaseProps.propNames.autoComplete);
+	const timeoutDelay = inputProps?.get(InputBaseProps.propNames.timeoutDelay) || 100;
 
 	const tooltipText = type === "text" ? value : "";
 
@@ -128,7 +129,7 @@ const InputBase = ({ inputProps }) => {
 
 	React.useEffect(() => {
 		if (inputText !== value && inputText != null && window.bypassDebounce !== true) {
-			const timeOutId = setTimeout(() => update(inputText, metadata), 100);
+			const timeOutId = setTimeout(() => update(inputText, metadata), timeoutDelay);
 			return () => clearTimeout(timeOutId);
 		}
 		// eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -17,6 +17,7 @@ class InputBaseProps extends ComponentProps {
 		endAdornment: "endAdornment",
 		metadata: "metadata",
 		autoComplete: "autoComplete",
+		timeoutDelay: "timeoutDelay",
 	};
 
 	static ruleNames = {
@@ -41,6 +42,7 @@ class InputBaseProps extends ComponentProps {
 		this.componentProps.set(this.constructor.propNames.endAdornment, null);
 		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.componentClasses.set(this.constructor.ruleNames.input, null);
 		this.componentClasses.set(this.constructor.ruleNames.errorText, null);

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

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

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

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { makeStyles } from "@material-ui/core/styles";
 import Select from "./Select";
 import SelectProps from "./SelectProps";
@@ -178,7 +178,11 @@ export const MinsSelect = ({ updateTimeOptions, time }) => {
 const TimePicker = ({ value, onChange, showTimeZone, showAMPM, requestedTimeZone }) => {
 	const classes = useStyles();
 	showAMPM = showAMPM ?? isBrowserUsingAMPM();
-	const [time, setTime] = useState(parseTime(value || "00:00"));
+	const [time, setTime] = useState( parseTime(value || "00:00"));
+
+	useEffect(() => {
+		setTime(parseTime(value || "00:00"));
+	}, [value, setTime]);
 
 	const userTimeZone = getTimeZoneName();
 	const localizedTimeZoneName = useSelector(namedLookupLocalizedSelector("customer", "TimeZone", userTimeZone, null));